.designer-top{justify-content:space-between;align-items:center;gap:20px;max-width:1550px;margin:0 auto 25px;display:flex}.designer-top .eyebrow{margin-bottom:7px;font-size:10px}.designer-top h1{letter-spacing:-1.1px;font-size:27px;font-weight:550}.studio-badge{letter-spacing:1.4px;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.studio-badge>span{background:#647954;border-radius:50%;width:6px;height:6px}.designer-workspace{background:#fff;border:1px solid #dfe3d7;grid-template-columns:minmax(0,1fr) 345px;align-items:start;max-width:1550px;margin:auto;display:grid}.design-preview{background:#e9ece6;min-width:0;height:min(760px,100svh - 110px);min-height:550px;position:sticky;top:95px;overflow:hidden}.design-canvas{width:100%;height:calc(100% - 91px);position:relative}.design-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.preview-label{z-index:2;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:25px}.preview-label>span{font-size:14px;font-weight:600}.preview-label small{color:#747c6c;margin-top:2px;font-size:11px;font-weight:400;display:block}.view-toolbar{z-index:3;background:#ffffffdf;border:1px solid #d9dfd1;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;top:23px;right:20px}.view-toolbar button{color:#5a6354;background:0 0;border:0;align-items:center;min-height:33px;padding:8px 10px;font-size:11px;display:flex}.view-toolbar button[aria-pressed=true]{color:#fff;background:#293126}.view-toolbar button:hover{color:#273025;background:#dce3d5}.orbit-hint{color:#68725f;pointer-events:none;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:111px;left:20px;right:20px}.orbit-hint svg{flex-shrink:0}.design-dimensions{background:#f9faf6;border-top:1px solid #dce1d5;grid-template-columns:repeat(4,1fr);align-items:center;height:91px;display:grid}.design-dimensions>span{letter-spacing:1.3px;border-right:1px solid #e0e5d9;padding:0 25px;font-size:9px}.design-dimensions>span:last-child{border:0}.design-dimensions strong{font-family:var(--display);letter-spacing:-1px;margin-top:2px;font-size:25px;font-weight:500;display:block}.design-dimensions strong small{color:#7c8374;letter-spacing:0;font-size:13px}.design-controls{border-left:1px solid #dfe3d7;padding:24px}.controls-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.controls-heading h2{letter-spacing:-.7px;font-size:18px}.controls-heading button{color:#737d69;background:0 0;border:0;place-items:center;padding:6px;display:grid}.design-controls fieldset{border:0;border-top:1px solid #e5e8df;min-width:0;margin:0 0 24px;padding:18px 0 0}.design-controls legend{padding:0 8px 0 0;font-size:13px;font-weight:600}.design-controls legend>span{color:#b6613c;margin-right:9px;font-size:10px}.system-buttons{grid-template-columns:1fr 1fr;gap:9px;display:grid}.system-buttons button{text-align:left;color:#3d4637;background:#fff;border:1px solid #dbe0d3;flex-direction:column;align-items:flex-start;padding:13px 10px;display:flex}.system-buttons button[aria-pressed=true]{background:#f0f3eb;border-color:#8b9b79}.system-buttons strong{margin-top:9px;font-size:12px}.system-buttons small{color:#727b67;margin-top:3px;font-size:10px;line-height:1.5}.design-slider{margin-top:13px;display:block}.design-slider>span{justify-content:space-between;align-items:center;font-size:12px;display:flex}.design-slider output{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.design-slider input{accent-color:#647552;cursor:pointer;width:100%;height:24px;margin:5px 0 0}.finish-swatches{align-items:center;gap:8px;margin-bottom:20px;display:flex}.finish-swatches button{outline-offset:2px;border:2px solid #0000;border-radius:50%;outline:1px solid #d1d6c8;place-items:center;width:29px;height:29px;display:grid}.finish-swatches button[aria-pressed=true]{outline:2px solid #7e8c6d}.finish-swatches>span{margin-left:7px;font-size:11px}.led-toggle{justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;display:flex}.led-toggle input{accent-color:#677952;width:18px;height:18px}.side-select{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;font-size:12px;display:flex}.side-select select{color:#394131;background:#fff;border:1px solid #dde2d5;border-radius:0;width:145px;padding:9px;font-size:12px}.control-note{line-height:1.7;color:#7b8272!important;font-size:10px!important}.design-controls fieldset>.control-note{margin-bottom:12px}.design-actions .button{gap:15px;width:100%;padding:14px;font-size:12px}.summary-download{color:#58684a;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:12px;display:flex}.design-actions>.control-note{margin-top:7px}.design-status{color:#52703c;font-size:12px}.scene-loading,.scene-error{color:#617052;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px;font-size:14px;display:flex;position:absolute;inset:0}.scene-error{z-index:4;background:#e9ece6ed}.scene-loading{height:calc(100% - 91px);position:relative}.designer-entry{background:#eff1ea;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:45px;display:flex}.designer-entry .eyebrow{margin-bottom:12px}.designer-entry h3{letter-spacing:-1px;font-size:27px;font-weight:500}.designer-entry p{color:#6b7362;margin-top:9px;font-size:14px}.designer-entry .button{white-space:nowrap}@media (max-width:1100px){.designer{padding:25px 20px}.designer-workspace{grid-template-columns:minmax(0,1fr) 305px}.design-controls{padding:22px 18px}.preview-label{top:72px;left:20px}.view-toolbar{left:20px;right:auto}.designer-top h1{font-size:23px}.design-dimensions>span{padding:0 16px;font-size:8px}.design-dimensions strong{font-size:22px}.studio-badge{font-size:9px}.designer-entry{padding:30px}.nav-links{gap:17px}}@media (max-width:850px){.designer-workspace{grid-template-columns:1fr}.design-preview{height:540px;min-height:0;position:relative;top:0}.design-controls{border-top:1px solid #dfe3d7;border-left:0;grid-template-columns:1fr 1fr;gap:15px 30px;padding:30px;display:grid}.controls-heading{grid-column:1/-1;margin-bottom:15px}.design-actions{grid-column:1/-1}.design-controls fieldset{margin-bottom:10px}.preview-label{top:24px}.view-toolbar{left:auto;right:20px}.studio-badge{display:none}.designer-entry{flex-direction:column;align-items:flex-start}.designer-entry .button{white-space:normal}.nav-links{gap:12px}}@media (max-width:600px){.designer{padding:22px 12px 30px}.designer-top{margin-bottom:20px;padding-inline:7px}.designer-top h1{max-width:320px;font-size:23px;line-height:1.35}.design-preview{height:490px}.design-canvas{height:calc(100% - 78px)}.design-dimensions{height:78px}.design-dimensions>span{letter-spacing:.6px;padding:0 10px;font-size:8px}.design-dimensions strong{font-size:21px}.preview-label{top:17px;left:15px}.view-toolbar{top:75px;left:15px;right:auto}.view-toolbar button{min-height:36px;padding:8px 10px;font-size:11px}.orbit-hint{max-width:320px;margin:auto;font-size:9px;line-height:1.5;bottom:90px}.design-controls{grid-template-columns:1fr;gap:0;padding:25px 20px}.controls-heading,.design-actions{grid-column:auto}.design-controls fieldset{margin-bottom:25px}.design-controls legend{font-size:15px}.design-slider>span,.design-slider output,.led-toggle,.side-select,.side-select select{font-size:14px}.design-slider input{height:30px}.system-buttons strong{font-size:14px}.system-buttons small{font-size:12px}.system-buttons button{padding:15px}.control-note{font-size:12px!important}.finish-swatches button{width:34px;height:34px}.finish-swatches>span{font-size:12px}.side-select select{width:160px;padding:12px}.design-actions .button,.summary-download{font-size:14px}.designer-entry{padding:25px}.designer-entry h3{font-size:25px}.scene-loading{height:calc(100% - 78px)}}.simulation-button{z-index:3;color:#fff;white-space:nowrap;background:#293126;border:0;align-items:center;gap:9px;padding:12px 19px;font-size:13px;display:flex;position:absolute;bottom:143px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.simulation-button[aria-pressed=true]{background:#a74d26}.simulation-button:disabled{opacity:.5;cursor:default}.design-dimensions.is-facade{grid-template-columns:repeat(3,1fr)}.system-buttons button strong{line-height:1.45}.side-select select{width:166px}.side-select select:disabled{color:#51594b;background:#f1f3ec}@media (max-width:600px){.simulation-button{font-size:12px;bottom:133px}.system-buttons strong{font-size:13px}}.designer{background:#eef0ed;padding:32px clamp(16px,3vw,48px) 52px}.designer-top{max-width:1680px}.designer-top h1{letter-spacing:-1.5px;font-size:clamp(25px,2.8vw,40px)}.designer-top .eyebrow{letter-spacing:1.8px;color:#886044;margin-bottom:12px;font-size:12px}.designer-workspace{background:#fff;border:1px solid #d7dcd8;border-radius:16px;grid-template-columns:minmax(0,1fr) 365px;max-width:1680px;overflow:clip;box-shadow:0 16px 50px #24372e0b}.design-preview{background:#c9d9df;height:calc(100svh - 125px);min-height:660px;max-height:930px;top:96px}.design-controls{background:#fff;padding:28px}.controls-heading h2{font-size:21px}.preview-label{background:#fffffff0;border:1px solid #fff8;border-radius:10px;padding:12px 15px;top:20px;left:20px;box-shadow:0 4px 20px #1f302510}.preview-label small{font-size:12px}.view-toolbar{border-radius:10px;top:20px;right:20px;box-shadow:0 4px 20px #1f302510}.view-toolbar button{border-radius:6px;min-height:38px;font-size:12px}.design-dimensions{background:#ffffffed}.design-dimensions>span{font-size:10px}.design-dimensions strong{font-size:26px}.orbit-hint{color:#25382c;background:#ffffffe0;border-radius:20px;width:fit-content;max-width:90%;margin:auto;padding:7px 12px;font-size:11px}.simulation-button{background:#233d35;border-radius:30px;padding:13px 22px;box-shadow:0 5px 20px #172d3330}.design-controls legend{font-size:14px}.system-buttons button{border-radius:9px;padding:14px 12px;transition:background .15s,border-color .15s}.system-buttons button[aria-pressed=true]{background:#edf3f0;border-color:#44695b;box-shadow:inset 3px 0 #44695b}.system-buttons strong{font-size:14px}.system-buttons small{font-size:12px}.design-slider>span,.design-slider output,.led-toggle,.side-select,.side-select select{font-size:14px}.design-slider input{accent-color:#3c6857}.side-select select{border-radius:7px}.control-note{font-size:12px!important}.finish-swatches button{width:34px;height:34px}.finish-swatches>span{font-size:13px}.scene-options{background:#f3f5f3;border:1px solid #e4e8e4;border-radius:10px;margin-bottom:28px;padding:17px}.scene-options-title{margin-bottom:12px;font-size:14px;font-weight:600;display:block}.scene-options>div{gap:6px;margin-bottom:8px;display:flex}.scene-options button{background:#fff;border:1px solid #d8dfda;border-radius:6px;flex:1;min-height:40px;padding:9px 8px;font-size:13px}.scene-options button[aria-pressed=true]{color:#fff;background:#294b3f;border-color:#294b3f}.scene-options label{align-items:center;gap:8px;margin-top:13px;font-size:13px;display:flex}.scene-options input{accent-color:#294b3f;width:17px;height:17px}.design-actions .button{border-radius:8px;font-size:14px}.summary-download{font-size:14px}.design-controls button:focus-visible,.design-controls select:focus-visible,.design-preview button:focus-visible{outline-offset:3px;outline:3px solid #c2804e}@media (min-width:851px) and (max-width:1250px){.designer-workspace{grid-template-columns:minmax(0,1fr) 330px}.preview-label{top:78px}.view-toolbar{left:20px;right:auto}}@media (max-width:850px){.designer-workspace{grid-template-columns:1fr}.design-preview{height:580px;min-height:0;top:0}.design-controls{grid-template-columns:1fr 1fr}.scene-options{grid-column:1/-1}.preview-label{top:20px}.view-toolbar{top:80px;left:20px;right:auto}}@media (max-width:600px){.designer{padding:22px 10px 30px}.designer-top h1{font-size:28px}.designer-top .eyebrow{letter-spacing:1px;font-size:10px}.design-preview{height:540px}.design-controls{padding:24px 18px;display:block}.preview-label{padding:10px 12px;top:14px;left:12px}.view-toolbar{top:82px;left:12px}.view-toolbar button{padding:8px;font-size:11px}.design-dimensions>span{padding:0 10px;font-size:8px}.design-dimensions strong{font-size:21px}.orbit-hint{font-size:10px;bottom:91px}.simulation-button{bottom:145px}.studio-badge{display:none}}.mechanisms{background:#fbfcfa;border:1px solid #dce2dc;border-radius:12px;grid-column:1/-1;margin:0 0 24px;overflow:hidden}.mechanism-heading{padding:18px 18px 12px}.mechanism-heading>span{letter-spacing:1.5px;color:#917150;font-size:10px}.mechanism-heading h3{letter-spacing:-.7px;margin-top:7px;font-size:21px;font-weight:500}.mechanism-tabs{border-bottom:1px solid #dfe4dd;padding:0 12px;display:flex}.mechanism-tabs button{color:#677166;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 5px;font-size:14px}.mechanism-tabs button[aria-selected=true]{color:#284b3d;background:#edf1e9;border-color:#9b7446;font-weight:600}.mechanisms [role=tabpanel]{padding:20px 18px}.mechanism-value{justify-content:space-between;align-items:center;gap:12px;min-height:35px;font-size:14px;display:flex}.mechanism-value strong{color:#3f5948;font-variant-numeric:tabular-nums;font-size:30px;font-weight:450}.mechanism-range input{accent-color:#977446;width:100%;height:28px;margin-top:15px}.range-ends{color:#687265;justify-content:space-between;font-size:11px;display:flex}.mechanism-presets{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.mechanism-presets button{background:#fff;border:1px solid #d2dacf;border-radius:6px;min-height:44px;padding:10px 3px;font-size:14px}.mechanism-presets button[aria-pressed=true]{background:#e7ede2;border-color:#83957b}.mechanism-play,.mechanism-empty button{color:#fff;background:#2c493c;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:12px;padding:12px;font-size:13px;display:flex}.mechanisms p{color:#6c7768;margin-top:12px;font-size:12px;line-height:1.7}.mechanism-play[aria-pressed=true]{background:#9a6b39}.design-controls{padding-top:22px}@media (min-width:851px){.design-controls{scrollbar-width:thin;max-height:calc(100svh - 125px);position:sticky;top:96px;overflow-y:auto}.designer-workspace{align-items:start}.design-preview{position:sticky}}@media (max-width:850px){.design-preview{z-index:5;height:440px;position:sticky;top:74px}.designer-workspace{overflow:visible}.design-controls{z-index:4;position:relative}.scene-options{margin-top:6px}}@media (max-width:600px){.design-preview{height:390px}.simulation-button{padding:10px 14px;bottom:128px}.orbit-hint{display:none}.view-toolbar{top:75px}.mechanisms{margin-top:8px}.design-canvas{height:calc(100% - 65px)}.design-dimensions{height:65px}.simulation-button{bottom:80px}.controls-heading{margin-bottom:14px}}.design-section{background:#fff;border:1px solid #e1e6e1;border-radius:10px;grid-column:1/-1;margin-bottom:12px}.design-section>summary{cursor:pointer;align-items:center;gap:10px;padding:15px;font-size:14px;font-weight:600;list-style:none;display:flex}.design-section>summary::-webkit-details-marker{display:none}.design-section>summary>span{color:#a4643e;font-size:11px}.design-section>summary:after{content:"+";color:#687b70;margin-left:auto;font-size:20px;font-weight:400}.design-section[open]>summary:after{content:"−"}.design-controls .design-section fieldset{border:0;margin:0;padding:0 15px 18px}.design-section .scene-options{border:0;margin:0 12px 12px}.scene-section .scene-options-title{display:none}.design-controls .mechanisms{margin:18px 0}.design-controls .design-actions{z-index:2;background:#fff;border-top:1px solid #dce2dc;margin-top:18px;padding:18px 0 24px;position:sticky;bottom:-28px;box-shadow:0 -10px 20px #ffffffed}.design-quote-summary{gap:3px;margin-bottom:13px;display:grid}.design-quote-summary>span{letter-spacing:1px;text-transform:uppercase;color:#717b70;font-size:11px}.design-quote-summary>strong{font-size:16px;font-weight:600}.design-quote-summary>small{color:#66715f;font-size:12px}.design-actions>.control-note{text-align:center}.design-disclaimer{margin-top:12px}.design-controls .system-buttons button{padding:11px}.design-section summary:focus-visible{outline-offset:2px;outline:3px solid #c2804e}@media (max-width:850px){.design-controls{display:block}.design-controls .design-actions{box-shadow:none;padding-bottom:0;position:static}.design-section{margin-bottom:14px}}@media (max-width:600px){.design-preview{position:relative;top:0}.design-controls .design-section fieldset{margin:0}.design-section>summary{min-height:52px}}@media (prefers-reduced-motion:reduce){.design-canvas canvas{scroll-behavior:auto}.designer *,.designer :before,.designer :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:850px){.designer-workspace{display:block}.design-preview{z-index:5;border-bottom:1px solid #dfe3d7;height:min(42svh,330px);min-height:240px;position:sticky;top:76px}.design-dimensions{display:none}.design-canvas{height:100%}.preview-label{max-width:58%;top:12px;left:12px}.preview-label span{font-size:13px}.preview-label small{font-size:11px}.view-toolbar{background:#fffffff0;justify-content:space-between;inset:auto 12px 12px}.view-toolbar button{min-height:40px;padding:8px 11px;font-size:12px}.simulation-button{max-width:38%;padding:10px 13px;font-size:12px;inset:12px 12px auto auto;transform:none}.orbit-hint{display:none}.design-controls{border-top:0;scroll-margin-top:calc(88px + min(42svh,330px))}.design-section,.mechanisms,.design-actions{scroll-margin-top:calc(88px + min(42svh,330px))}}@media (max-width:600px){.design-preview{height:min(38svh,300px);min-height:230px}.design-controls,.design-section,.mechanisms,.design-actions{scroll-margin-top:calc(88px + min(38svh,300px))}.preview-label{top:10px;left:10px}.view-toolbar{gap:2px;padding:3px;bottom:10px;left:10px;right:10px}.view-toolbar button{min-height:42px;padding:8px;font-size:11px}.simulation-button{min-height:42px;padding:9px 11px;font-size:11px;top:10px;right:10px}.design-section>summary{min-height:52px}.system-buttons button{min-height:62px}.finish-swatches button{width:44px;height:44px}.design-slider input[type=range],.mechanism-range input[type=range]{height:44px}.controls-heading button{min-width:44px;min-height:44px}.mechanism-presets button,.mechanism-tabs button{min-height:44px}.side-select select{min-height:46px}.designer{padding-bottom:20px}}@media (max-width:850px) and (orientation:landscape) and (min-width:700px){.designer-workspace{grid-template-columns:minmax(0,1fr) 290px;display:grid}.design-preview{height:calc(100svh - 84px);min-height:220px}.design-controls{border-top:0;border-left:1px solid #dfe3d7;padding:20px 16px}.orbit-hint{display:none}}.designer{color:var(--ivory);background:#101413}.designer-top .eyebrow{color:var(--accent-light)}.designer-top h1{color:var(--ivory)}.studio-badge{color:var(--gold-light);background:#161c1b;border:1px solid #2d3534}.studio-badge>span{background:var(--accent-light)}.designer-workspace{background:#121716;border-color:#252c2b}.design-preview{background:#161c1b}.design-preview,.design-controls{border-color:#252c2b!important}.design-controls{background:#121716;border-left-color:#252c2b}.preview-label{color:var(--ivory)}.preview-label>span{color:var(--ivory);background:#121716e6;border:1px solid #2d3534}.preview-label small{color:#b8b3a8}.view-toolbar{background:#121716ee;border-color:#2d3534}.view-toolbar button{color:#cfcabf}.view-toolbar button[aria-pressed=true]{background:var(--accent-light);color:#090909}.simulation-button{background:var(--accent-light);color:#090909;box-shadow:0 3px 14px #0006}.simulation-button:disabled{color:#7d786f;background:#2d3534}.orbit-hint{color:#8d887d}.design-dimensions{color:var(--ivory);background:#121716;border-top-color:#252c2b}.design-dimensions>span{color:#8d887d;border-color:#252c2b}.design-dimensions strong,.controls-heading h2{color:var(--ivory)}.controls-heading button{color:#b8b3a8}.design-section{background:#141918;border-color:#252c2b}.design-section>summary{color:var(--ivory)}.design-section>summary>span{color:var(--accent-light)}.design-slider>span,.led-toggle,.side-select>span,.control-note,.range-ends,.mechanism-value>span,.mechanism-heading>span{color:#b8b3a8}.design-slider output,.mechanism-value strong,.mechanism-heading h3{color:var(--ivory)}.system-buttons button{color:var(--ivory);background:#121716;border-color:#2d3534}.system-buttons button small{color:#8d887d}.system-buttons button[aria-pressed=true]{border-color:var(--accent-light);background:#1f1d16}.system-buttons button[aria-pressed=true] small:first-child{color:var(--accent-light)}.finish-swatches button{outline-color:var(--accent-light);border-color:#2d3534}.finish-swatches>span{color:var(--ivory)}.side-select select,.mechanism-tabs,.mechanism-presets button,.mechanism-play,.mechanism-empty,.scene-options>div,.scene-options button{color:var(--ivory);background:#121716;border-color:#2d3534}.mechanism-tabs button{color:#b8b3a8}.mechanism-tabs button[aria-selected=true],.scene-options button[aria-pressed=true]{background:var(--accent-light);color:#090909}.mechanism-presets button[aria-pressed=true]{border-color:var(--accent-light);color:var(--gold-light)}.mechanism-play{border-color:var(--accent-light);color:var(--gold-light);background:#1f1d16}.mechanisms{background:#141918;border-color:#252c2b}.mechanism-empty p{color:#b8b3a8}.mechanism-empty button{color:var(--gold-light);border-color:var(--accent-light)}.scene-options-title,.scene-options label{color:#b8b3a8}input[type=range],.led-toggle input,.scene-options input{accent-color:var(--accent-light)}.design-actions{background:#141918;border-color:#252c2b}.design-quote-summary{color:var(--ivory)}.design-quote-summary>span{color:var(--accent-light)}.design-quote-summary small{color:#b8b3a8}.design-disclaimer,.design-status{color:#8d887d}.scene-loading,.scene-error{color:#cfcabf;background:#161c1b}.scene-error{border-color:var(--accent-light)}.design-canvas canvas:focus-visible{outline-color:var(--accent-light)}.studio-badge,.preview-label small,.design-dimensions,.design-slider output,.mechanism-value strong,.design-section>summary>span,.orbit-hint,.view-toolbar button,.range-ends,.design-quote-summary>span,.system-buttons button small,.mechanism-heading>span,.design-status,.design-disclaimer{font-family:var(--mono)}.design-slider output,.mechanism-value strong{font-weight:500}.design-controls .design-actions{background:#141918;border-top-color:#252c2b;box-shadow:0 -10px 20px #141918ed}.preview-label{background:#121716e6;border-color:#2d3534;box-shadow:0 4px 20px #0006}.preview-label>span{background:0 0;border:0;padding:0}