._swatch_gopy1_1{cursor:pointer;width:36px;height:36px;transition:box-shadow var(--transition), transform var(--transition);border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}._swatch_gopy1_1:hover{box-shadow:0 0 0 2px var(--color-primary);transform:scale(1.12)}._swatch_gopy1_1._selected_gopy1_20{box-shadow:0 0 0 2.5px var(--color-primary);transform:scale(1.12)}._circle_gopy1_25{background:var(--swatch-color,#ccc);width:30px;height:30px;transition:transform var(--transition);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}._check_gopy1_34{pointer-events:none;filter:drop-shadow(0 1px 1px #0006);width:14px;height:14px;position:absolute}@media (width<=480px){._swatch_gopy1_1{width:32px;height:32px}._circle_gopy1_25{width:26px;height:26px}}._wrapper_1fhti_1{flex-direction:column;gap:4px;display:flex}._label_1fhti_7{color:var(--color-text-secondary);font-size:12px;font-weight:500}._inputRow_1fhti_13{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);transition:border-color var(--transition);align-items:stretch;display:flex;overflow:hidden}._inputRow_1fhti_13:focus-within{border-color:var(--color-primary)}._badge_1fhti_27{background:var(--color-primary);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;padding:0 8px;font-size:13px;font-weight:700;display:flex}._input_1fhti_13{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:7px 8px;font-size:14px}._input_1fhti_13::-webkit-inner-spin-button{opacity:.5}._input_1fhti_13::-webkit-outer-spin-button{opacity:.5}._unit_1fhti_57{color:var(--color-text-secondary);background:var(--color-bg-card);border-left:1px solid var(--color-border);flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;display:flex}._inputRowError_1fhti_68,._inputRowError_1fhti_68:focus-within{border-color:var(--color-error)}._badgeError_1fhti_76{background:var(--color-error)}._errorMsg_1fhti_80{color:var(--color-error);margin-top:2px;font-size:11px}._chip_14nr3_1{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:120px;padding:8px 14px;display:flex}._chip_14nr3_1:hover{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}._chip_14nr3_1:active{transform:translateY(0)}._chip_14nr3_1._selected_14nr3_30{border-color:var(--color-selected-border);background:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}._label_14nr3_36{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.3}._chip_14nr3_1._selected_14nr3_30 ._label_14nr3_36{color:var(--color-primary-dark)}._subtitle_14nr3_47{color:var(--color-text-secondary);font-size:10px;font-weight:400;line-height:1.2}._chip_14nr3_1._selected_14nr3_30 ._subtitle_14nr3_47{color:var(--color-primary-dark);opacity:.75}@media (width<=480px){._chip_14nr3_1{width:100%;min-width:0;padding:7px 8px}._label_14nr3_36{font-size:11px}._subtitle_14nr3_47{font-size:9px}}._card_tfzqj_1{border:2px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:100px;min-height:90px;padding:10px 8px;display:flex}._card_tfzqj_1:hover{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}._card_tfzqj_1:active{transform:translateY(0)}._card_tfzqj_1._selected_tfzqj_30{border-color:var(--color-selected-border);background:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}._imageWrapper_tfzqj_36{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:48px;display:flex}._imageWrapper_tfzqj_36 img{object-fit:contain;max-width:100%;max-height:100%}._label_tfzqj_51{color:var(--color-text);text-align:center;font-size:12px;font-weight:500;line-height:1.3}._card_tfzqj_1._selected_tfzqj_30 ._label_tfzqj_51{color:var(--color-primary-dark);font-weight:600}@media (width<=480px){._card_tfzqj_1{gap:4px;min-width:80px;min-height:76px;padding:8px 6px}._imageWrapper_tfzqj_36{width:48px;height:36px}._label_tfzqj_51{font-size:11px}}._wrapper_1otfu_1{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}._heading_1otfu_8{color:var(--color-primary-dark);background:var(--color-primary-light);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:14px;font-weight:600}._table_1otfu_17{border-collapse:collapse;width:100%;animation:.22s _tableIn_1otfu_1}@keyframes _tableIn_1otfu_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._table_1otfu_17 td{border-bottom:1px solid var(--color-border);padding:9px 16px;font-size:13px}._table_1otfu_17 tr:last-child td{border-bottom:none}._table_1otfu_17 ._paramCell_1otfu_44{color:var(--color-text-secondary);width:60%}._table_1otfu_17 ._valueCell_1otfu_49{color:var(--color-text);text-align:right;font-weight:600}._table_1otfu_17 tr._highlight_1otfu_55 ._valueCell_1otfu_49{color:var(--color-primary-dark);font-size:15px}._empty_1otfu_60{flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}._emptyIcon_1otfu_68{opacity:.35;font-size:28px;line-height:1}._emptyText_1otfu_74{color:var(--color-text-secondary);text-align:center;font-size:13px;line-height:1.5}._staleNotice_1otfu_81{color:#795548;background:#fff8e1;border-bottom:1px solid #ffe082;align-items:center;gap:6px;padding:8px 16px;font-size:12px;display:flex}._tableStale_1otfu_92 td{opacity:.5}._wrapper_1dn6n_1{-webkit-user-select:none;user-select:none;min-width:200px;position:relative}._trigger_1dn6n_7{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition);justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:flex}._trigger_1dn6n_7:hover,._triggerOpen_1dn6n_22{border-color:var(--color-primary)}._triggerSelected_1dn6n_26{border-color:var(--color-selected-border)}._triggerPlaceholder_1dn6n_30{color:var(--color-text-secondary);font-size:13px}._triggerValue_1dn6n_35{color:var(--color-text);font-size:13px;font-weight:600}._arrow_1dn6n_41{color:var(--color-text-secondary);transition:transform var(--transition);flex-shrink:0}._arrowOpen_1dn6n_47{transform:rotate(180deg)}._dropdown_1dn6n_51{background:var(--color-bg);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:100;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}._option_1dn6n_64{color:var(--color-text);cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--color-border);padding:9px 12px;font-size:13px}._option_1dn6n_64:last-child{border-bottom:none}._option_1dn6n_64:hover{background:var(--color-primary-light)}._optionSelected_1dn6n_81{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600}@media (width<=480px){._wrapper_1dn6n_1{width:100%;min-width:0}}._calculator_k2e7n_1{background:var(--color-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}._section_k2e7n_9{border-bottom:1px solid var(--color-border);padding:16px 20px}._section_k2e7n_9:last-child{border-bottom:none}._sectionTitle_k2e7n_18{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:600}._roofTypeGrid_k2e7n_28{flex-wrap:wrap;gap:8px;display:flex}._formDiagramRow_k2e7n_35{grid-template-columns:1fr 1fr;gap:0;display:grid}._formColumn_k2e7n_41{border-right:1px solid var(--color-border);flex-direction:column;gap:0;padding:16px 20px;display:flex}._formColumnSection_k2e7n_49{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}._formColumnSection_k2e7n_49:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}._diagramColumn_k2e7n_61{background:#fafbfd;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex;overflow:hidden}._diagramAnimate_k2e7n_72{width:100%;animation:.28s _diagramFadeIn_k2e7n_1}@keyframes _diagramFadeIn_k2e7n_1{0%{opacity:0;transform:scale(.96)translate(8px)}to{opacity:1;transform:scale(1)translate(0)}}._diagramColumn_k2e7n_61 .rc-diagram{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;margin:-20px 20px;display:block}._materialGrid_k2e7n_101,._chipGrid_k2e7n_108{flex-wrap:wrap;gap:8px;display:flex}._tileGrid_k2e7n_115{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px;display:grid}._tileGrid_k2e7n_115>*{width:100%;min-width:0}._colorGrid_k2e7n_128{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._sectionTitleRow_k2e7n_135{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}._sectionTitleRow_k2e7n_135 ._sectionTitle_k2e7n_18{margin-bottom:0}._selectedColorLabel_k2e7n_147{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}._selectedColorDot_k2e7n_157{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}._paramsGrid_k2e7n_167{grid-template-columns:1fr 1fr;gap:12px;display:grid}._actionRow_k2e7n_174{border-top:1px solid var(--color-border);background:#fafbfd;align-items:center;gap:12px;padding:16px 20px;display:flex}._calcButton_k2e7n_183{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.02em;cursor:pointer;transition:background var(--transition), opacity var(--transition), transform var(--transition);text-transform:uppercase;border:none;flex-shrink:0;padding:10px 28px;font-size:14px;font-weight:600}._calcButton_k2e7n_183:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}._calcButton_k2e7n_183:active:not(:disabled){transform:translateY(0)}._calcButton_k2e7n_183:disabled{opacity:.45;cursor:not-allowed}._calcHint_k2e7n_213{color:var(--color-text-secondary);font-size:12px;line-height:1.4}._calcHintError_k2e7n_219{color:var(--color-error);font-size:12px;font-weight:500}._resultsSection_k2e7n_226{border-top:2px solid var(--color-primary-light);padding:16px 20px}@media (width<=700px){._formDiagramRow_k2e7n_35{grid-template-columns:1fr}._formColumn_k2e7n_41{border-right:none;border-bottom:1px solid var(--color-border)}._paramsGrid_k2e7n_167{grid-template-columns:1fr}._diagramColumn_k2e7n_61{min-height:220px;padding:16px}}@media (width<=480px){._section_k2e7n_9{padding:12px 14px}._sectionTitle_k2e7n_18{margin-bottom:10px;font-size:11px}._chipGrid_k2e7n_108{grid-template-columns:1fr 1fr;gap:6px;display:grid}._tileGrid_k2e7n_115{grid-template-columns:1fr 1fr;gap:6px}._colorGrid_k2e7n_128{gap:8px}._actionRow_k2e7n_174{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}._calcButton_k2e7n_183{text-align:center;width:100%;padding:12px 20px}._resultsSection_k2e7n_226{padding:12px 14px}}:root{--color-primary:#1976d2;--color-primary-light:#e3f2fd;--color-primary-dark:#1565c0;--color-selected-border:#1976d2;--color-bg:#fff;--color-bg-card:#f5f5f5;--color-text:#212121;--color-text-secondary:#757575;--color-border:#e0e0e0;--color-error:#d32f2f;--radius-card:8px;--radius-sm:4px;--shadow-card:0 1px 3px #0000001f;--shadow-card-hover:0 3px 8px #00000026;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:#f0f2f5;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.rc-widget{max-width:1100px;margin:0 auto;padding:24px 16px}.rc-widget>h1{color:var(--color-text);margin-bottom:24px;font-size:22px;font-weight:600}