.app-shell{grid-template-columns:minmax(380px,440px) minmax(0,1fr);height:100svh;min-height:100svh;display:grid;position:relative;overflow:hidden}.configurator-access-timer{z-index:90;color:#284c43;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcfbe6;border:1px solid #126e6333;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:750;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 12px 32px #172b2521}.configurator-access-blocker{z-index:200;-webkit-backdrop-filter:blur(12px)saturate(.75);backdrop-filter:blur(12px)saturate(.75);background:#142420ad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.configurator-access-card{color:#17332c;background:#fcfdfcf7;border:1px solid #ffffffa6;border-radius:24px;gap:20px;width:min(100%,480px);padding:clamp(24px,4vw,38px);display:grid;box-shadow:0 28px 80px #05130f57}.configurator-access-icon{background:color-mix(in srgb, var(--config-primary) 12%, white);width:52px;height:52px;color:var(--config-primary);border-radius:16px;place-items:center;display:grid}.configurator-access-kicker{color:var(--config-primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:850}.configurator-access-card h2{margin:0;font-size:clamp(21px,3vw,29px);line-height:1.12}.configurator-access-card p{color:#60736d;margin:9px 0 0;font-size:13px;line-height:1.6}.configurator-access-card label{color:#334e46;gap:7px;font-size:12px;font-weight:750;display:grid}.configurator-access-input{color:#6f837d;background:#fff;border:1px solid #5c746c4d;border-radius:12px;align-items:center;gap:10px;padding:0 13px;display:flex}.configurator-access-input:focus-within{border-color:var(--config-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--config-primary) 14%, transparent)}.configurator-access-input input{color:#17332c;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 0}.configurator-access-card button{background:var(--config-primary);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:flex}.configurator-access-card button:disabled{cursor:not-allowed;opacity:.58}.configurator-access-card .configurator-access-error{color:#b42318;margin:-8px 0 0;font-weight:700}.configurator-access-card .configurator-access-contact{text-align:center;margin:-4px 0 0}.configurator-access-spinner{animation:.8s linear infinite spin}@media (max-width:700px){.configurator-access-timer{bottom:10px;right:10px}}.app-shell.preview-only{grid-template-columns:minmax(0,1fr)}.settings-preview-banner{z-index:1000;color:#765012;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9e8f5;border:1px solid #b47d1452;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:12px;font-weight:750;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1d2a2729}.control-panel{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;background:linear-gradient(#fffffff5,#f1f5f9f5),#f8fafc;border-right:1px solid #94a3b866;height:100%;overflow-y:auto;box-shadow:18px 0 42px #0f172a1a}.panel-top{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafceb;border-bottom:1px solid #cbd5e1e6;padding:18px 18px 14px;position:sticky;top:0}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title-row h1{color:#0f172a;letter-spacing:0;margin:4px 0 0;font-size:25px;line-height:1.08}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.config-tabs{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1f5f9f0;border-bottom:1px solid #cbd5e1cc;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px;display:grid;position:sticky;top:78px}.config-tab{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:12px;font-weight:900;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.config-tab:hover{color:#0f172a;background:#fffc}.config-tab.active{color:#fff;background:#0f766e;border-color:#0f766e40;box-shadow:0 10px 20px #0f766e2e}.panel-section{animation:.22s both panel-in}.panel-content>.panel-section+.panel-section{border-top:1px solid #e2e8f0e6;margin-top:20px;padding-top:18px}.panel-section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-icon,.preset-card-icon{color:#0f766e;background:#ecfdf5;border:1px solid #0f766e2e;border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.panel-section-header h2{color:#0f172a;letter-spacing:0;margin:0;font-size:16px;font-weight:900}.panel-section-body,.cladding-flow{gap:14px;display:grid}.cladding-stage{background:#ffffffe6;border:1px solid #cbd5e1f2;border-radius:8px;gap:12px;padding:12px;display:grid;box-shadow:0 12px 28px #0f172a0f}.cladding-stage.compact{gap:10px;padding:10px}.roof-cladding-flow{border-top:1px solid #cbd5e1e6;gap:10px;padding-top:12px;display:grid}.roof-cladding-title{gap:3px;display:grid}.roof-cladding-title span{color:#475569;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.roof-cladding-title strong{overflow-wrap:anywhere;color:#0f172a;font-size:12px;font-weight:900;line-height:1.35}.roof-orientation-control{background:#f8fafcdb;border:1px solid #cbd5e1e6;border-radius:8px;gap:8px;padding:10px;display:grid}.roof-orientation-control>span{color:#475569;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.roof-orientation-button{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1f2;border-radius:7px;gap:3px;min-height:52px;padding:8px;transition:background .15s,border-color .15s,color .15s;display:grid}.roof-orientation-button:hover,.roof-orientation-button.active{color:#0f172a;background:#ecfdf5;border-color:#0f766e6b}.roof-orientation-button strong,.roof-orientation-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roof-orientation-button strong{font-size:12px;font-weight:900}.roof-orientation-button small{color:#64748b;font-size:10px;font-weight:800}.flashings-panel{gap:12px;display:grid}.flashings-hero,.flashing-color-row{background:#ffffffe6;border:1px solid #cbd5e1f2;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.flashings-hero div,.flashing-color-row div{gap:3px;min-width:0;display:grid}.flashings-hero span,.flashing-color-row span{color:#0f766e;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.flashings-hero strong,.flashing-color-row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.flashings-hero small{color:#64748b;font-size:11px;font-weight:800;line-height:1.35}.flashings-power{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:7px;flex:none;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s}.flashings-power.active{color:#fff;background:#0f766e;border-color:#0f766e57}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.package-option{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;gap:5px;min-height:88px;padding:11px;transition:background .16s,border-color .16s,transform .16s;display:grid}.package-option:hover,.package-option.active{color:#0f172a;background:#ecfdf5;border-color:#0f766e6b;transform:translateY(-1px)}.package-option strong{font-size:13px;font-weight:900}.package-option small{color:#64748b;font-size:11px;font-weight:800;line-height:1.35}.gutters-panel-compact{border-top:1px solid #cbd5e1e6;margin-top:6px;padding-top:14px}.gutters-hero-label{align-items:center;gap:6px;display:inline-flex}.flashing-toggle-list{gap:8px;display:grid}.lighting-panel,.lighting-toggle-list{gap:10px;display:grid}.lighting-preview-note{color:#e0f2fe;background:linear-gradient(135deg,#0f172a,#172554);border:1px solid #38bdf840;border-radius:9px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 12px 28px #0f172a2e}.lighting-preview-icon{color:#bae6fd;background:#0ea5e91f;border:1px solid #7dd3fc42;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.lighting-preview-note strong,.lighting-preview-note small{display:block}.lighting-preview-note strong{font-size:12px;font-weight:900}.lighting-preview-note small{color:#bae6fd;margin-top:3px;font-size:10px;font-weight:700;line-height:1.4}.lighting-compatibility-note{color:#92400e;border-left:3px solid #f59e0b;margin:0;padding:2px 0 2px 10px;font-size:11px;font-weight:800;line-height:1.45}.toggle-row{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:68px;padding:11px 12px;transition:background .16s,border-color .16s;display:grid}.toggle-row.active{background:#fff;border-color:#0f766e52}.toggle-row.is-disabled,.toggle-row:disabled{cursor:not-allowed;opacity:.56}.toggle-row.is-disabled:hover,.toggle-row:disabled:hover{background:#f8fafc;border-color:#cbd5e1f2}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:#0f172a;font-size:13px;font-weight:900}.toggle-row small{color:#64748b;margin-top:3px;font-size:11px;font-weight:800;line-height:1.35}.toggle-switch{background:#cbd5e1;border-radius:999px;width:42px;height:24px;padding:3px;transition:background .16s;display:inline-flex;position:relative}.toggle-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;box-shadow:0 3px 8px #0f172a33}.toggle-row.active .toggle-switch{background:#0f766e}.toggle-row.active .toggle-switch span{transform:translate(18px)}.cladding-stage-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cladding-stage-head div{min-width:0}.cladding-stage-head span{color:#0f766e;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.cladding-stage-head h3{color:#0f172a;letter-spacing:0;margin:3px 0 0;font-size:18px;font-weight:900}.color-chip{border:1px solid #0f172a2e;border-radius:7px;flex:none;width:34px;height:34px;box-shadow:inset 0 1px #ffffff7a,0 8px 18px #0f172a1f}.title-color-button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 4px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.title-color-button:hover{background:#fff;border-color:#0f766e47;transform:translateY(-1px)}.title-color-button:disabled{cursor:default;opacity:.82;transform:none}.title-color-button strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:12px;font-weight:900;overflow:hidden}.cladding-option-list{gap:8px;display:grid}.cladding-option-list.compact,.cladding-option-list.colors{grid-template-columns:repeat(2,minmax(0,1fr))}.cladding-option{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:58px;padding:11px 12px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:grid}.cladding-option:hover{background:#fff;border-color:#0f766e47;transform:translateY(-1px)}.cladding-option.active{color:#0f172a;background:#ecfdf5;border-color:#0f766e8f;box-shadow:inset 0 0 0 1px #0f766e14}.cladding-option.colors{grid-template-columns:30px minmax(0,1fr) 18px}.cladding-option:has(.cladding-color-swatch){grid-template-columns:30px minmax(0,1fr) 18px}.cladding-option:has(.cladding-profile-thumb){grid-template-columns:86px minmax(0,1fr) 18px;min-height:92px}.cladding-profile-thumb{border-radius:7px;width:86px;height:68px}.cladding-option:has(.manufacturer-logo){grid-template-columns:68px minmax(0,1fr) 18px;min-height:72px}.manufacturer-logo{object-fit:contain;background:#fff;border:1px solid #cbd5e1e6;border-radius:7px;place-items:center;width:68px;height:48px;padding:5px;display:grid}.manufacturer-logo.is-monogram{color:#475569;letter-spacing:.04em;background:linear-gradient(#f8fafc,#e2e8f0);font-size:15px;font-weight:900}.cladding-option.active .manufacturer-logo{border-color:#0f766e73}.manufacturer-spec-card{background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;gap:10px;padding:11px 12px;display:grid}.manufacturer-spec-head{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;display:grid}.manufacturer-spec-identity{gap:3px;min-width:0;display:grid}.manufacturer-spec-identity strong{color:#0f172a;font-size:13px;font-weight:900}.manufacturer-spec-identity small{color:#64748b;font-size:11px;font-weight:800}.manufacturer-spec-rows{gap:5px;margin:0;display:grid}.manufacturer-spec-rows>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;display:grid}.manufacturer-spec-rows dt{color:#64748b;font-size:11px;font-weight:800}.manufacturer-spec-rows dd{color:#0f172a;text-align:right;margin:0;font-size:12px;font-weight:900}.manufacturer-spec-links{flex-wrap:wrap;gap:12px;display:flex}.manufacturer-spec-links a{color:#0f766e;align-items:center;gap:4px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.manufacturer-spec-links a:hover{text-decoration:underline}.cladding-option-list.gate-pattern-list,.cladding-option-list.compact.tilting-model-list{grid-template-columns:minmax(0,1fr)}.tilting-model-list .cladding-option{min-height:64px}.tilting-model-list .cladding-option-copy strong,.tilting-model-list .cladding-option-copy small{text-overflow:clip;white-space:normal;line-height:1.25;overflow:visible}.cladding-option.gate-pattern-option{grid-template-columns:116px minmax(0,1fr) 18px;min-height:84px}.gate-pattern-thumb{object-fit:cover;background:#eef0f1;border:1px solid #cbd5e1e6;border-radius:7px;width:116px;height:76px;display:block}.cladding-option.gate-pattern-option.active .gate-pattern-thumb{border-color:#0f766e73}.cladding-color-swatch{border:1px solid #0f172a2e;border-radius:7px;width:30px;height:30px;box-shadow:inset 0 1px #ffffff80}.color-modal-backdrop{z-index:30;background:#0f172a52;place-items:center;padding:16px;display:grid;position:fixed;inset:0 0 0 440px}.color-modal{background:#fff;border:1px solid #cbd5e1f2;border-radius:8px;gap:14px;width:min(560px,100vw - 32px);max-height:min(780px,100vh - 32px);padding:14px;display:grid;box-shadow:0 24px 70px #0f172a3d}.color-modal-search{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:13px;font-weight:750}.color-modal-search:focus{border-color:#0d9488b3;box-shadow:0 0 0 3px #14b8a61f}.color-modal-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.color-modal-groups button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:7px;min-height:34px;font-size:11px;font-weight:900}.color-modal-groups button.active{color:#115e59;background:#ccfbf1;border-color:#0d948873}.color-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.color-modal-head span{color:#0f766e;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.color-modal-head h3{color:#0f172a;letter-spacing:0;margin:3px 0 0;font-size:17px;font-weight:900}.color-modal-close{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;display:inline-flex}.color-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:118px;padding-right:3px;display:grid;overflow-y:auto}.color-modal-choice{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:8px;grid-template-columns:1fr 18px;gap:8px;min-height:104px;padding:8px;transition:background .15s,border-color .15s,transform .15s;display:grid}.color-modal-choice:hover,.color-modal-choice.active{color:#0f172a;background:#ecfdf5;border-color:#0f766e6b;transform:translateY(-1px)}.color-modal-swatch{border:1px solid #0f172a29;border-radius:7px;grid-column:1/-1;height:58px;box-shadow:inset 0 1px #ffffff75}.color-modal-swatch.textured{background-position:50%;background-size:cover}.color-modal-choice>span:nth-child(2){text-overflow:ellipsis;gap:2px;font-size:12px;display:grid;overflow:hidden}.color-modal-choice>span:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.color-modal-choice>span:nth-child(2) small{color:#64748b;font-size:10px;font-weight:800}.color-modal-empty{color:#64748b;grid-column:1/-1;place-items:center;min-height:100px;font-size:13px;font-weight:800;display:grid}.color-modal-disclaimer{color:#64748b;margin:0;font-size:10px;font-weight:700;line-height:1.45}.cladding-option-copy{gap:3px;min-width:0;display:grid}.cladding-option-copy strong,.cladding-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cladding-option-copy strong{color:inherit;font-size:13px;font-weight:900}.cladding-option-copy small{color:#64748b;font-size:11px;font-weight:800}.cladding-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;display:grid}.cladding-secondary{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1f2;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:900;transition:background .16s,border-color .16s,opacity .16s;display:inline-flex}.cladding-secondary:hover:not(:disabled){background:#fff;border-color:#0f766e38}.cladding-secondary:disabled{cursor:default;opacity:.45}.apply-cladding{color:#fff;cursor:pointer;background:#0f766e;border:1px solid #0f766e47;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:900;transition:background .16s,border-color .16s,opacity .16s,transform .16s;display:inline-flex}.apply-cladding:hover:not(:disabled){background:#115e59;transform:translateY(-1px)}.apply-cladding:disabled{cursor:default;opacity:.48}.profile-picker{gap:10px;display:grid}.profile-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-picker-head span{color:#475569;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.profile-picker-head strong{color:#0f172a;font-size:12px;font-weight:900}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-card{color:#0f172a;cursor:pointer;text-align:left;background:#ffffffe0;border:1px solid #cbd5e1f2;border-radius:8px;gap:8px;min-height:118px;padding:9px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid}.profile-card:hover{background:#fff;border-color:#0f766e52;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14}.profile-card.active{background:linear-gradient(#fff,#f0fdfa);border-color:#0f766e9e;box-shadow:0 12px 26px #0f766e24}.profile-preview{background:linear-gradient(115deg,#ffffff8f,#ffffff0f 42%,#0f172a1a),#d7dde1;border:1px solid #94a3b859;border-radius:7px;height:74px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,inset 0 -18px 26px #0f172a14}.profile-preview:before,.profile-preview:after,.profile-light,.profile-shadow{content:"";position:absolute;inset:0}.profile-preview:before{opacity:.95}.profile-preview:after{mix-blend-mode:multiply;opacity:.5;background:linear-gradient(90deg,#ffffff6b,#0000 18%,#0f172a14 52%,#0000 80%)}.profile-light{background:linear-gradient(#ffffff8a,#0000 36%)}.profile-shadow{background:radial-gradient(circle at 74% 24%,#ffffff57,#0000 26%),linear-gradient(#0000,#0f172a1a)}.profile-smooth:before{background:linear-gradient(90deg,#ffffff2e,#0000 48%,#0f172a14)}.profile-linear:before{background:repeating-linear-gradient(90deg,#ffffff94 0 2px,#84919a70 2px 4px,#0000 4px 17px),repeating-linear-gradient(90deg,#0f172a1a 0 1px,#0000 1px 24px)}.profile-macro_linear:before{background:repeating-linear-gradient(90deg,#ffffff94 0 4px,#71808b57 4px 8px,#0000 8px 28px),repeating-linear-gradient(90deg,#0000 0 34px,#0f172a29 34px 36px,#0000 36px 42px)}.profile-micro_linear:before{background:repeating-linear-gradient(90deg,#ffffff80 0 1px,#5a687242 1px 2px,#0000 2px 7px),repeating-linear-gradient(90deg,#0000 0 12px,#0f172a14 12px 13px)}.profile-micro_wave:before{background:repeating-linear-gradient(90deg,#ffffff7a 0 2px,#b9c4cab8 2px 4px,#8b99a252 4px 5px,#d5dde19e 5px 8px) 0 0/8px 100%,repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 16px) 0 0/16px 100%}.profile-label{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.control-stack{gap:12px;display:grid}.range-control{background:#ffffffc7;border:1px solid #e2e8f0f2;border-radius:8px;gap:8px;padding:11px 12px 10px;display:grid}.range-control.compact{padding:10px}.range-control.is-disabled{opacity:.62;background:#f1f5f9b8}.range-control.is-disabled input{cursor:not-allowed}.front-projection-panel{gap:12px;display:grid}.front-projection-unavailable{color:#64748b;background:#f8fafc;border:1px solid #94a3b852;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:750;line-height:1.45}.front-projection-total{color:#0f766e;background:#ecfdf5;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:10px 12px;display:grid}.front-projection-total span{font-size:12px;font-weight:800}.front-projection-total strong{font-family:var(--font-mono,ui-monospace, monospace);font-size:13px}.front-projection-total small{color:#5f7f78;grid-column:1/-1;font-size:10px;font-weight:700}.front-projection-finish{text-align:left;justify-content:flex-start;width:100%}.front-projection-finish>span:last-child{gap:2px;display:grid}.front-projection-finish small{color:#64748b;font-size:10px;font-weight:750}.front-projection-finish strong{color:#0f172a;font-size:12px}.front-projection-panel.is-disabled .front-projection-total{color:#64748b;background:#f1f5f9}.range-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-meta span{color:#475569;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.range-meta strong{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1e6;border-radius:6px;flex:none;padding:4px 7px;font-size:12px;font-weight:900}.range-control input[type=range]{height:18px}.range-limits{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.side-control-grid,.thickness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.openings-manager,.opening-workspace,.opening-product-flow{gap:12px;display:grid}.opening-add-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.opening-add-grid button{color:#0f766e;cursor:pointer;background:#f0fdfa;border:1px solid #0f766e4d;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.opening-add-grid button:hover{background:#ccfbf1;border-color:#0f766e94;transform:translateY(-1px)}.opening-selector{gap:7px;padding:1px 1px 5px;display:flex;overflow-x:auto}.opening-selector>button{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #d6dee7;border-radius:8px;flex:none;gap:2px;min-width:94px;padding:8px 10px;display:grid}.opening-selector>button.active{color:#fff;background:#0f766e;border-color:#0f766e80;box-shadow:0 8px 18px #0f766e2e}.opening-selector span{font-size:12px;font-weight:900}.opening-selector small{color:#64748b;font-size:10px;font-weight:800}.opening-selector>button.active small{color:#ffffffbd}.opening-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #b9c5d2;border-radius:10px;justify-items:center;gap:5px;padding:22px 16px;display:grid}.opening-empty strong{color:#0f172a;font-size:13px}.opening-empty span{max-width:280px;font-size:11px;font-weight:700;line-height:1.45}.opening-workspace{border-top:1px solid #e2e8f0;padding-top:12px}.opening-workspace-head,.opening-product-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.opening-workspace-head>div:first-child,.opening-product-title>div:first-child{min-width:0}.opening-workspace-head span,.opening-product-title span,.opening-direction>span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.opening-workspace-head strong,.opening-product-title strong{color:#0f172a;margin-top:2px;font-size:14px;font-weight:900;display:block}.opening-product-title small{color:#64748b;margin-top:3px;font-size:10px;font-weight:700;line-height:1.35;display:block}.opening-actions{gap:6px;display:flex}.opening-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d5dee8;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.opening-actions button:hover{background:#f8fafc;border-color:#94a3b8}.opening-actions button.danger{color:#b91c1c}.opening-product-flow{background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1f2;border-radius:10px;padding:12px}.opening-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.opening-model-grid>button{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #d6dee7;border-radius:8px;align-content:start;gap:5px;min-height:108px;padding:10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.opening-model-grid>button:hover,.opening-model-grid>button.active{background:#f0fdfa;border-color:#0f766e7a;transform:translateY(-1px)}.opening-model-grid strong{color:#0f172a;font-size:12px;font-weight:900}.opening-model-grid small{color:#64748b;font-size:10px;font-weight:700;line-height:1.35}.opening-model-grid span{color:#475569;background:#e2e8f0;border-radius:999px;align-self:end;width:max-content;padding:3px 6px;font-size:9px;font-weight:900}.opening-direction{gap:7px;display:grid}.opening-direction .segmented button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d6dee7;border-radius:7px;min-height:36px;font-size:11px;font-weight:900}.opening-direction .segmented button.active{color:#fff;background:#0f766e;border-color:#0f766e}.opening-direction .segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.opening-operation-note{color:#64748b;font-size:10px;font-weight:700;line-height:1.4}.opening-glass-preview{background:#fff;border:1px solid #dbe3eb;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.opening-glass-preview>span{border:1px solid #47556938;border-radius:7px;flex:none;width:40px;height:40px;box-shadow:inset 8px 8px 14px #ffffff73,inset -8px -8px 14px #0f172a14}.opening-glass-preview strong,.opening-glass-preview small{display:block}.opening-glass-preview strong{color:#0f172a;font-size:12px;font-weight:900}.opening-glass-preview small{color:#64748b;margin-top:2px;font-size:10px;font-weight:700}.opening-editor{background:#fff;border:1px solid #d7dee7;border-radius:8px;gap:12px;padding:12px;display:grid}.opening-editor.premium{background:#ffffffe0;border-color:#cbd5e1f2;box-shadow:0 12px 28px #0f172a0f}.opening-title{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.scene-shell{background:linear-gradient(#ecf2f5e6,#d3dbe0e6),#dfe6ea;min-width:0;height:100%;position:relative}.scene-shell canvas{display:block}.viewer-watermark{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:8% 6%;overflow:hidden}.viewer-watermark img{object-fit:contain;opacity:.17;filter:grayscale(.75)saturate(.55)contrast(1.12);width:clamp(140px,19vw,280px);max-height:clamp(70px,11vw,140px);display:block;transform:rotate(-18deg)}.viewer-watermark.emphasized img{opacity:.26;filter:grayscale(.45)saturate(.8)contrast(1.2);width:clamp(180px,24vw,360px);max-height:clamp(90px,14vw,180px)}.viewer-watermark.text-fallback span{color:#183d35;letter-spacing:.08em;opacity:.14;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:clamp(13px,1.55vw,22px);font-weight:850;transform:rotate(-18deg)}.viewer-watermark.text-fallback.emphasized span{opacity:.22;font-size:clamp(17px,2vw,28px)}@media (max-width:700px){.viewer-watermark{inset:10% 3%}.viewer-watermark img{width:clamp(110px,34vw,180px);max-height:90px}.viewer-watermark.emphasized img{width:clamp(140px,42vw,220px);max-height:112px}}.scene-status{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.viewer-presets{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #94a3b86b;border-radius:8px;gap:6px;max-width:min(720px,100% - 260px);padding:6px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #0f172a24}.viewer-preset{color:#334155;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:118px;min-height:36px;padding:0 11px;font-size:12px;font-weight:900;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.viewer-preset:hover{color:#0f172a;background:#f1f5f9f2}.viewer-preset.active{color:#fff;background:#0f766e;border-color:#0f766e59;box-shadow:0 10px 22px #0f766e2e}.viewer-toolbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #94a3b873;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;top:18px;right:16px;box-shadow:0 14px 36px #0f172a1f}.viewer-tool-group{align-items:center;gap:4px;display:flex}.viewer-tool{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.viewer-tool:hover{background:#f1f5f9f2}.viewer-tool.active{color:#fff;background:#059669;border-color:#05966959}.viewer-tool.icon-only{width:34px;padding:0}.viewer-quality{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #94a3b873;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:6px;display:flex;position:absolute;top:72px;left:16px;box-shadow:0 14px 36px #0f172a1f}.viewer-quality-menu{flex-direction:column;gap:4px;width:216px;display:flex}.viewer-quality-menu .viewer-tool{justify-content:space-between;padding:0 10px}.viewer-quality-title{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:800}.viewer-quality-badge{background:#0f172a1f;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.viewer-tool.active .viewer-quality-badge{background:#ffffff47}.viewer-quality-diagnostics{color:#64748b;border-top:1px solid #94a3b859;flex-direction:column;gap:2px;margin-top:2px;padding-top:6px;font-size:11px;font-weight:700;display:flex}.scene-unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px;display:flex}.scene-unavailable h2{color:#0f172a;margin:0;font-size:18px;font-weight:900}.scene-unavailable p{color:#475569;max-width:420px;margin:0;font-size:13px;font-weight:600;line-height:1.5}.scene-status span,.scene-loader{color:#334155;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #94a3b880;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:800}.dimension-label-3d{color:#064e3b;white-space:nowrap;background:#fffffff2;border:1px solid #0596698c;border-radius:5px;min-width:max-content;padding:4px 6px;font-size:13px;font-weight:900;line-height:1;box-shadow:0 4px 14px #0f172a2e}.dimension-tag{color:#064e3b;white-space:nowrap;pointer-events:none;background:#fffffff5;border:1px solid #059669a6;border-radius:5px;min-width:max-content;padding:4px 6px;font-size:13px;font-weight:900;line-height:1;box-shadow:0 4px 14px #0f172a38}@media (max-width:1180px){.color-modal-backdrop{left:380px}}@media (max-width:980px){body{overflow:auto}.app-shell{grid-template-rows:minmax(420px,54vh) auto;grid-template-columns:1fr;height:auto;min-height:100%}.scene-shell{grid-row:1;min-height:420px}.control-panel{border-top:1px solid #cbd5e1;border-right:0;grid-row:2;height:auto;overflow:visible}.panel-top,.config-tabs{position:static}.viewer-presets{justify-content:flex-start;max-width:none;top:12px;left:64px;right:230px;overflow-x:auto;transform:none}.viewer-toolbar,.viewer-quality{top:12px}.color-modal-backdrop{left:0}}@media (max-width:540px){.color-modal-grid,.color-modal-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title-row{display:grid}.side-control-grid,.thickness-grid,.profile-grid,.cladding-option-list.compact,.cladding-option-list.colors,.cladding-actions{grid-template-columns:1fr}.config-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.two-grid,.quad-grid{grid-template-columns:1fr}.viewer-preset{min-width:128px}.app-shell{grid-template-rows:minmax(360px,48vh) auto}.scene-shell{min-height:360px}.package-grid{grid-template-columns:1fr}}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.structure-panel{gap:14px;display:grid}.structure-class{background:#ecfdf5;border:1px solid #0f766e33;border-radius:8px;padding:10px 12px}.structure-class-badge{color:#fff;background:#0f766e;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900;display:inline-block}.structure-class p{color:#0f766e;margin:7px 0 0;font-size:11.5px;font-weight:750;line-height:1.45}.structure-class small{color:#5f7f78;margin-top:5px;font-size:10px;font-weight:700;display:block}.reinforcement-grid{gap:6px;display:grid}.reinforcement-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #94a3b859;border-radius:8px;gap:3px;padding:9px 11px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.reinforcement-option:hover{border-color:#0f766e66}.reinforcement-option strong{color:#0f172a;font-size:12.5px;font-weight:900}.reinforcement-option span{color:#64748b;font-size:10.5px;font-weight:700;line-height:1.4}.reinforcement-option.active{background:#ecfdf5;border-color:#0f766e;box-shadow:0 8px 18px #0f766e24}.reinforcement-option.active strong,.reinforcement-option.active span{color:#0f766e}.structure-hint{color:#64748b;margin-top:5px;font-size:10px;font-weight:700;line-height:1.4;display:block}.structure-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.structure-metric{background:#fff;border:1px solid #94a3b84d;border-radius:8px;gap:2px;padding:8px 9px;display:grid}.structure-metric span{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:9.5px;font-weight:800}.structure-metric strong{font-family:var(--font-mono,ui-monospace, monospace);color:#0f172a;font-size:13px}.structure-metric small{color:#94a3b8;font-size:9.5px;font-weight:700}.structure-mass{color:#e2e8f0;background:#0f172a;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.structure-mass strong{font-family:var(--font-mono,ui-monospace, monospace);color:#fff;font-size:16px;display:block}.structure-mass span{color:#94a3b8;font-size:10.5px;font-weight:700}.structure-profiles h3{color:#0f172a;margin:0 0 7px;font-size:12px;font-weight:900}.structure-profiles table{border-collapse:collapse;width:100%}.structure-profiles th{color:#64748b;text-align:left;text-transform:uppercase;border-bottom:1px solid #94a3b880;padding:0 0 5px;font-size:9.5px;font-weight:800}.structure-profiles td{color:#334155;vertical-align:top;border-bottom:1px solid #cbd5e173;padding:5px 0;font-size:11px;font-weight:750}.structure-profiles td:last-child{color:#64748b;text-align:right;white-space:nowrap}.structure-profiles .profile-label{font-family:var(--font-mono,ui-monospace, monospace);color:#0f172a;font-size:11.5px}.structure-profiles td small{color:#94a3b8;font-size:9px;font-weight:700;display:block}.structure-warnings{background:#fffbeb;border:1px solid #d9770659;border-radius:8px;padding:10px 12px}.structure-warnings h3{color:#b45309;align-items:center;gap:6px;margin:0 0 6px;font-size:11.5px;font-weight:900;display:flex}.structure-warnings ul{margin:0;padding-left:16px}.structure-warnings li{color:#92400e;font-size:10.5px;font-weight:700;line-height:1.45}.structure-warnings li+li{margin-top:5px}.structure-disclaimer{color:#94a3b8;margin:0;font-size:9.5px;font-weight:700;line-height:1.5}.order-footer{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1f5f9f7;border-top:1px solid #94a3b873;gap:8px;padding:12px 14px 14px;display:grid;position:sticky;bottom:0}.order-form-toggle{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 11px;font-size:12px;font-weight:850;display:flex}.order-form-toggle:hover{border-color:#0f766e66}.order-form-toggle svg{transition:transform .18s}.order-form-toggle.open svg{transform:rotate(90deg)}.order-form{background:#fff;border:1px solid #94a3b84d;border-radius:8px;gap:7px;max-height:250px;padding:10px 11px;display:grid;overflow-y:auto}.order-field{gap:3px;display:grid}.order-field span{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:9.5px;font-weight:800}.order-field input,.order-field textarea{color:#0f172a;font:inherit;resize:vertical;background:#f8fafc;border:1px solid #94a3b866;border-radius:6px;padding:6px 8px;font-size:11.5px;font-weight:700}.order-field input:focus,.order-field textarea:focus{background:#fff;border-color:#0f766e;outline:none}.order-submit{color:#fff;background:var(--company-primary,#0f766e);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:10px;font-weight:750;display:flex}.order-submit:disabled{cursor:default;opacity:.68}.order-success-compact{color:#174b43;background:linear-gradient(135deg,#f0fdfa,#f8fffd);border:1px solid #0d94883d;border-radius:10px;align-items:center;gap:9px;min-height:46px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.order-success-compact__icon{background:var(--company-primary,#0f766e);color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 5px 12px #0f766e33}.order-success-compact button{color:var(--company-primary,#0f766e);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:auto;padding:5px;font-size:9.5px;text-decoration:underline}[data-slot=dialog-overlay]:has(+.order-success-modal){z-index:100;-webkit-backdrop-filter:blur(9px)saturate(.85);backdrop-filter:blur(9px)saturate(.85);background:#080f16a8}.order-success-modal{z-index:101;text-align:center;background:linear-gradient(#f0fdfae0 0,#fffffffa 48%),#fff;border:1px solid #ffffffb8;border-radius:24px;flex-direction:column;align-items:center;gap:0;width:min(560px,100vw - 32px);max-width:560px;padding:34px 36px 26px;display:flex;overflow:hidden;box-shadow:0 32px 90px #0312175c,0 2px 10px #0f766e14}.order-success-modal__glow{background:color-mix(in srgb, var(--company-primary,#0f766e) 20%, transparent);filter:blur(36px);pointer-events:none;border-radius:50%;width:420px;height:290px;position:absolute;top:-170px;left:50%;transform:translate(-50%)}.order-success-modal__brand{width:32px;height:32px;color:var(--company-primary,#0f766e);background:#ffffffd1;border:1px solid #0f766e1f;border-radius:9px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:18px;left:20px;overflow:hidden;box-shadow:0 5px 16px #0f172a14}.order-success-modal__brand img{object-fit:contain;width:100%;height:100%;padding:4px}.order-success-modal__check{background:var(--company-primary,#0f766e);color:#fff;border:7px solid #ffffffdb;border-radius:50%;place-items:center;width:72px;height:72px;animation:.46s cubic-bezier(.2,.9,.25,1.2) both order-success-check-in;display:grid;position:relative;box-shadow:0 0 0 1px #0f766e1a,0 16px 38px #0f766e47}.order-success-modal__check svg{width:30px;height:30px}.order-success-modal__copy{max-width:440px;margin-top:22px;position:relative}.order-success-modal__eyebrow{color:var(--company-primary,#0f766e);text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px;font-size:10px;font-weight:900;display:block}.order-success-modal [data-slot=dialog-title]{color:#102a26;letter-spacing:-.035em;font-size:clamp(23px,4vw,30px);font-weight:850;line-height:1.12}.order-success-modal [data-slot=dialog-description]{color:#64736f;margin-top:12px;font-size:13px;font-weight:550;line-height:1.65}.order-success-modal__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:26px;display:grid;position:relative}.order-success-modal__primary,.order-success-modal__secondary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:11px;font-weight:850;line-height:1.3;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.order-success-modal__primary.is-disabled{color:#899691;box-shadow:none;cursor:not-allowed;background:#eef3f1;border-color:#d8e2df}.order-success-modal__primary{border:1px solid var(--company-primary,#0f766e);background:var(--company-primary,#0f766e);color:#fff;box-shadow:0 10px 24px #0f766e38}.order-success-modal__secondary{color:#27463f;background:#ffffffd1;border:1px solid #d8e2df}.order-success-modal__primary:hover,.order-success-modal__secondary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f766e2e}.order-success-modal__primary.is-disabled:hover{box-shadow:none;transform:none}.order-success-modal__secondary:hover{background:#fff;border-color:#0f766e57}.order-success-modal__primary:focus-visible,.order-success-modal__secondary:focus-visible,.order-success-compact button:focus-visible{outline:3px solid color-mix(in srgb, var(--company-primary,#0f766e) 30%, transparent);outline-offset:3px}.order-success-modal__note{color:#87938f;margin:17px 0 0;font-size:9.5px;font-weight:650;line-height:1.45;position:relative}@keyframes order-success-check-in{0%{opacity:0;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.order-success-modal__check{animation:none}.order-success-modal__primary,.order-success-modal__secondary{transition:none}}@media (max-width:560px){.order-success-modal{border-radius:20px;padding:30px 20px 22px}.order-success-modal__actions{grid-template-columns:1fr}.order-success-modal__primary,.order-success-modal__secondary{min-height:50px}}.order-consent{color:#65756f;align-items:flex-start;gap:8px;font-size:10px;line-height:1.4;display:flex}.order-consent input{flex:none;margin-top:2px}.order-spinner{animation:.9s linear infinite order-spin}@keyframes order-spin{to{transform:rotate(360deg)}}.order-error{color:#b91c1c;background:#fef2f2;border:1px solid #dc262659;border-radius:8px;margin:0;padding:8px 10px;font-size:10.5px;font-weight:750;line-height:1.45}@media (max-width:980px){.order-footer{position:static}}.app-shell{--config-primary:var(--company-primary,#126e63);--config-accent:var(--company-accent,#e5a83b);background:#e9eeec;grid-template-columns:minmax(410px,470px) minmax(0,1fr)}.control-panel{z-index:10;background:linear-gradient(#fdfefdfa,#f4f7f6fa),#f8faf9;border-right-color:#5d716a38;box-shadow:20px 0 60px #182e271a}.panel-top{background:#fcfdfceb;border-bottom-color:#7e918a2e;padding:12px 16px}.configurator-brand{align-items:center;gap:10px;min-width:0;display:flex}.configurator-brand-mark{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--config-primary) 86%, #fff), var(--config-primary));width:36px;height:36px;box-shadow:0 10px 24px color-mix(in srgb, var(--config-primary) 23%, transparent);border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:900;display:grid;overflow:hidden}.configurator-brand-mark img{object-fit:contain;background:#fff;width:100%;height:100%}.configurator-brand .eyebrow{max-width:220px;color:var(--config-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.configurator-brand h1{letter-spacing:-.035em;margin-top:2px;font-size:18px}.demo-panel-link{border:1px solid color-mix(in srgb, var(--config-primary) 24%, transparent);background:color-mix(in srgb, var(--config-primary) 8%, #fff);min-height:36px;color:var(--config-primary);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:800;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.demo-panel-link svg{width:15px;height:15px}.demo-panel-link:hover{border-color:color-mix(in srgb, var(--config-primary) 45%, transparent);background:color-mix(in srgb, var(--config-primary) 14%, #fff);transform:translateY(-1px)}.demo-panel-link:focus-visible{outline:3px solid color-mix(in srgb, var(--config-primary) 27%, transparent);outline-offset:2px}.config-tabs{background:#f4f7f6f0;border-bottom-color:#7e918a2e;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 12px 8px;top:61px}.config-tab{color:#63716c;background:#ffffffa8;border-color:#83958f29;border-radius:10px;flex-direction:column;gap:2px;min-height:38px;font-size:9px;font-weight:780}.config-tab:hover{border-color:color-mix(in srgb, var(--config-primary) 24%, transparent);background:#fff;transform:translateY(-1px)}.config-tab.active{border-color:color-mix(in srgb, var(--config-primary) 82%, #fff);background:var(--config-primary);box-shadow:0 9px 22px color-mix(in srgb, var(--config-primary) 19%, transparent)}.panel-content{padding:14px}.panel-section-header{margin-bottom:10px}.section-icon,.preset-card-icon{border-color:color-mix(in srgb, var(--config-primary) 18%, transparent);background:color-mix(in srgb, var(--config-primary) 8%, #fff);width:34px;height:34px;color:var(--config-primary);border-radius:10px}.panel-section-header h2{letter-spacing:-.02em;font-size:15px}.cladding-stage,.range-control,.field,.opening-card,.order-form{border-color:#8797923d}.scene-shell{isolation:isolate;background:radial-gradient(circle at 50% 28%,#ffffffeb,#0000 38%),linear-gradient(165deg,#e8efed 0%,#dbe4e1 52%,#cfd8d4 100%)}.scene-shell:after{z-index:0;content:"WIDOK 3D";color:#233b3347;text-align:right;letter-spacing:.18em;pointer-events:none;width:120px;height:22px;font-size:10px;font-weight:900;position:absolute;bottom:18px;right:22px}.scene-shell canvas{z-index:1;position:relative}.viewer-presets,.viewer-toolbar,.viewer-quality{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#fcfdfcd6;border-color:#687b743b;border-radius:13px;box-shadow:0 14px 38px #1f342d1c}.viewer-preset{border-radius:9px;min-height:38px;font-size:10px}.viewer-preset.active,.viewer-tool.active{border-color:var(--config-primary);background:var(--config-primary);box-shadow:0 8px 18px color-mix(in srgb, var(--config-primary) 20%, transparent)}.viewer-tool{color:#46564f;border-radius:9px;min-height:36px;font-size:10px}.viewer-tool.icon-only{width:36px}.scene-status span,.scene-loader{color:#46564f;background:#fcfdfcd6;border-color:#687b7438;border-radius:10px;box-shadow:0 9px 24px #1f342d14}.control-panel :is(button,input,select,textarea):focus-visible,.scene-shell button:focus-visible{outline:3px solid color-mix(in srgb, var(--config-primary) 27%, transparent);outline-offset:2px}@media (max-width:1180px){.app-shell{grid-template-columns:minmax(380px,420px) minmax(0,1fr)}}@media (max-width:980px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.app-shell,.control-panel,.scene-shell,.panel-top,.panel-content,.order-footer{width:100%;min-width:0;max-width:100%}.config-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;grid-template-columns:repeat(7,minmax(76px,1fr));width:100%;min-width:0;max-width:100%;overflow-x:auto}.viewer-presets{overscroll-behavior-inline:contain;scrollbar-width:none;width:calc(100% - 24px);min-width:0;max-width:calc(100% - 24px)}.config-tabs::-webkit-scrollbar{display:none}.viewer-presets::-webkit-scrollbar{display:none}}@media (max-width:540px){.panel-top{padding:11px 14px}.panel-title-row{display:flex}.configurator-brand h1{font-size:17px}.demo-panel-link{width:36px;padding:8px}.demo-panel-link span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel-content{padding:12px}}@media (prefers-reduced-motion:reduce){.demo-panel-link{transition:none}.demo-panel-link:hover{transform:none}}.price-summary{background:linear-gradient(#0f766e0d,#0000);border-top:1px solid #0f28241a;gap:10px;padding:14px 16px;display:grid}.price-summary-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.price-summary-head>div{gap:1px;display:grid}.price-summary-head span{color:#5b6b67;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.price-summary-head strong{color:var(--company-primary,#0f766e);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.price-summary-head small{color:#6b7a76;font-size:11px}.price-summary-toggle{color:#33443f;cursor:pointer;background:#fff;border:1px solid #0f282424;border-radius:9px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.price-summary-toggle svg{transition:transform .16s}.price-summary-toggle svg[data-open=true]{transform:rotate(180deg)}.price-summary-note{color:#8a6d1f;align-items:flex-start;gap:6px;margin:0;font-size:11px;line-height:1.5;display:flex}.price-summary-lines{gap:5px;margin:0;display:grid}.price-summary-lines>div{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.price-summary-lines dt{color:#5b6b67}.price-summary-lines dd{font-variant-numeric:tabular-nums;margin:0}.price-summary-total{border-top:1px solid #0f28241a;padding-top:5px;font-weight:700}