/* Konspekt workspace: clear editing surface, architectural scale and restrained orange. */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;--ink:#24313b;--muted:#637584;--line:#dde4e8;--accent:#f7941e;background:#e9edf0;color:var(--ink)}
header{height:76px;padding:0 28px;border-bottom:1px solid #d7dfe4;box-shadow:0 2px 12px #1f334008;position:relative;z-index:5}.brand img{width:222px}.studio{font-size:12px;letter-spacing:1.4px}.studio b{background:#f7941e;color:#24313b;border-radius:4px;padding:6px}.prototype{font-size:12px}.header-right button{font-size:14px;border-radius:8px;padding:10px 14px}.primary{background:#263844}.brand-divider{height:26px}
main{height:calc(100dvh - 76px);min-height:700px;grid-template-columns:382px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 78px}aside{padding:0 24px 22px;border:0;box-shadow:5px 0 24px #20384908;z-index:2;background:#fff}nav{gap:6px;padding:18px 0 16px;margin:0 0 24px;border-bottom:1px solid var(--line)}nav button{font-size:14px;padding:11px 6px;gap:7px;border-radius:7px;background:#f4f6f8;color:#566572}nav .icon{font-size:12px}nav button.active{background:#263844;box-shadow:inset 0 -3px #f7941e}.panel-heading>span{font-size:12px;letter-spacing:1.2px;color:#7b8a96}.panel-heading h1{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.2;margin:9px 0 27px}.field{margin-bottom:23px}.field>label,.label{font-size:15px;margin-bottom:12px}.value{font-size:19px}.unit{font-size:13px}.range-limits{font-size:12px}.range-row input[type=number]{width:86px;flex-shrink:0;background:#f7f9fa;border:1px solid #dce3e8;font-size:16px;border-radius:7px;padding:10px}.range-row input[type=range]{min-width:0;height:30px;accent-color:#ea8a16}.segments button{font-size:14px;padding:13px 8px;border-radius:7px}.segments button.selected{box-shadow:none;background:#fff6e9;border-color:#f7941e}.sub{font-size:14px;line-height:1.65;color:#677784}.callout{font-size:14px;padding:14px 16px;border-radius:0 7px 7px 0;background:#f1f5f7}.separator{margin:27px 0}.wide{border-radius:7px;font-size:14px;padding:12px}.toggle{font-size:15px;padding:18px 0}.toggle input{width:21px;height:21px}.technical-list,.fine{font-size:13px}.aside-bottom{font-size:12px;color:#7d8b97;letter-spacing:.5px;padding:30px 0 0}.swatches{gap:12px 9px}.swatch span{height:34px;border-radius:5px}.swatch b{font-size:12px}.swatch{min-height:54px}.swatch.selected span{outline-offset:3px}.summary{padding:13px 28px;background:#263844}.summary small{font-size:12px;letter-spacing:.8px}.summary strong{font-size:19px}.summary>div{min-width:155px;padding:0 30px}.summary>button{font-size:14px;border-radius:7px}
.scene-top{top:24px;left:26px;right:24px;gap:16px}.project-title{padding:17px 21px;background:#ffffffec;border:1px solid #ffffff;border-radius:12px;box-shadow:0 8px 30px #223b4a0b}.project-title>span{font-size:12px;letter-spacing:1.6px}.project-title h2{font-size:27px;font-weight:600;margin:8px 0;letter-spacing:-.7px}.project-title p{font-size:14px}.price-cta{font-size:14px;margin-top:15px;border-radius:7px;padding:12px 16px;box-shadow:none}.quick-views{gap:8px}.float-button{font-size:14px;padding:11px 14px;border-radius:7px;border-color:#cfd9df;box-shadow:none}.mode-toolbar{top:auto;bottom:121px;left:50%;transform:translateX(-50%);border:1px solid #cbd6dc;border-radius:8px;white-space:nowrap;box-shadow:0 4px 18px #253e5012}.mode-toolbar button{font-size:14px;padding:12px 17px}.view-controls{bottom:65px;border-radius:8px;padding:4px;border-color:#d0d9df;box-shadow:0 4px 20px #253e500a}.view-controls button{font-size:13px;padding:10px 9px;border-radius:5px}.scene-bottom>span{font-size:12px}.scene-bottom button{border-radius:6px;width:34px;height:34px}.selection-info{bottom:180px;left:26px;border-radius:8px;font-size:14px;max-width:440px}#toast{top:220px;left:26px;font-size:14px;border-radius:8px}#conflict{top:215px;border-radius:9px}#conflict p{font-size:14px}.dim{font-size:12px;border-radius:5px;padding:6px 9px}.scene-top .project-title{max-width:70%}
.insert-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 20px}.insert-cards button{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #d7e0e6;background:#f7f9fa;border-radius:9px;padding:16px 6px;color:#354b5a;font-size:14px}.insert-cards button:hover,.insert-cards button.selected{border-color:#f7941e;background:#fff6e9}.insert-cards small{font-size:12px;color:#6c7d89}.opening-symbol{display:block;width:36px;height:29px;border:2px solid #668091;border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,#66809155 7px,#66809155 8px)}.opening-symbol.door{width:20px;background:linear-gradient(90deg,transparent 65%,#668091 65%,#668091 73%,transparent 73%) center/100% 3px no-repeat}.opening-symbol.window{height:24px;margin:2px 0 3px;background:linear-gradient(90deg,#d9e7ed 47%,#668091 47%,#668091 53%,#d9e7ed 53%)}.placement-guide{padding:18px;border:1px solid #dce5ea;border-radius:9px;background:#f7fafb;margin-bottom:20px}.placement-guide strong{font-size:16px}.placement-guide p{font-size:14px;line-height:1.7;color:#637582;margin:9px 0}.placement-guide .wide{margin-top:9px}.wall-views{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:20px 0}.wall-views>span{grid-column:1/-1;font-size:14px;color:#657987;margin-bottom:3px}.wall-views button{font-size:14px;border-radius:7px}.opening-editor{border-top:1px solid #dde5eb;padding-top:20px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.editor-heading small{font-size:12px;letter-spacing:1px;color:#718694}.editor-heading h2{font-size:21px;margin:6px 0 0}.editor-heading h2 span{font-size:14px;font-weight:400;color:#70828f}.editor-heading button{border:0;background:#f0f4f6;font-size:24px;width:34px;height:34px;padding:0;border-radius:50%}.preset-row{display:flex;gap:7px;margin:20px 0}.preset-row button{font-size:13px;padding:9px 8px;flex:1;border-radius:6px;color:#4f697a;background:#f8fafb}.alignment-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.alignment-options button{font-size:13px;padding:11px 6px;border-radius:6px}.alignment-options button:last-child{grid-column:1/-1}.alignment-options .selected{background:#fff5e7;border-color:#ee971e}.alignment-options+.sub{margin-bottom:20px}.position-details,.color-details,.opening-list{border-top:1px solid var(--line);padding:16px 0}.position-details summary,.color-details summary,.opening-list summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}.position-details[open] summary,.color-details[open] summary{margin-bottom:20px}.opening-list summary span{display:inline-block;margin-left:7px;background:#edf2f5;border-radius:4px;padding:2px 7px;font-size:12px}.opening-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-bottom:1px solid #e8edf0;border-radius:0;padding:14px 3px;font-size:14px}.opening-list-item small{display:block;color:#7b8e9b;font-size:12px;margin-top:4px}.opening-list-item b{font-size:13px;font-weight:500}.opening-list-item.selected{color:#bd6a08;background:#fff8ec}.delete-opening{width:100%;font-size:14px;color:#9b5147;background:#fff;border:1px solid #e5d8d5;border-radius:7px;margin:12px 0 20px}.opening-editor>.sub{margin-bottom:16px}
@media(max-width:1250px){main{grid-template-columns:340px minmax(0,1fr)}aside{padding:0 20px 20px}.quick-views{flex-direction:column}.summary>div{min-width:130px;padding:0 20px}.view-controls{max-width:calc(100% - 28px);overflow-x:auto}.view-controls button{font-size:12px;padding:10px 8px}.project-title h2{font-size:23px}.project-title{padding:15px 17px}.mode-toolbar button{font-size:13px;padding:12px}.scene-top{left:20px;right:20px}.float-button{font-size:13px;padding:10px}.prototype{display:none}}
@media(max-width:900px){.studio,.brand-divider{display:none}.brand img{width:185px}header{padding:0 18px}.header-right button{padding:9px;font-size:13px}.summary>div{padding:0 15px;min-width:110px}.project-title p{max-width:200px}.quick-views{display:none}.scene-bottom>span{max-width:62%}.summary>button{font-size:12px}.mode-toolbar button{font-size:12px}}
@media(max-width:760px){header{height:65px;padding:0 14px}.brand img{width:158px}.header-right button{font-size:12px}.header-right .primary{max-width:80px}main{display:flex;height:auto;min-height:0}.viewport{height:60dvh;min-height:460px}aside{padding:0 20px 24px}.panel-heading h1{font-size:25px}nav{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px;padding:16px 0}nav button{flex-direction:row;font-size:14px;padding:12px 4px}nav .icon{font-size:12px}.scene-top{top:14px;left:14px;right:14px}.project-title{padding:12px 15px;border-radius:9px}.project-title>span{font-size:12px}.project-title h2{font-size:22px;margin:5px 0}.project-title p{font-size:12px;max-width:250px}.scene-top .project-title{max-width:90%}.price-cta{font-size:13px;padding:10px 13px;margin-top:10px}.mode-toolbar{left:50%;bottom:114px;top:auto;max-width:calc(100% - 28px);transform:translateX(-50%)}.mode-toolbar button{padding:10px 12px;font-size:12px}.view-controls{left:14px;transform:none;bottom:60px;max-width:calc(100% - 28px)}.view-controls button{font-size:12px;padding:10px}.scene-bottom{left:14px;right:14px}.scene-bottom>span{font-size:12px;max-width:62%;line-height:1.4}.scene-bottom button{width:30px;height:32px}.selection-info{left:14px;bottom:163px;font-size:13px;max-width:calc(100% - 28px)}#toast{top:185px;left:14px;font-size:13px}#conflict{top:185px;font-size:14px;max-height:240px;overflow:auto}.dim{font-size:12px}.summary{padding:22px;gap:22px}.summary>div{min-width:42%;padding:0}.summary>button{font-size:14px}.swatches{grid-template-columns:repeat(5,1fr)}.range-row input[type=number]{font-size:16px}.aside-bottom{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Two-stage builder and persistent scene layers. */
#tabs{grid-template-columns:1fr 1fr;gap:8px}#tabs button{flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:13px 12px;font-size:14px;line-height:1.35}#tabs button>span{font-size:12px;letter-spacing:1px;color:#8798a5}#tabs button.active>span{color:#f7941e}.build-section{border:1px solid #dce4e9;border-radius:9px;background:#fff;margin:20px 0}.build-section>summary{cursor:pointer;padding:16px;font-size:15px;font-weight:600}.build-section>div{padding:5px 16px 16px}.stock-panel{margin-top:27px}.stock-panel h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}.stock-panel>.sub{margin-bottom:17px}.stock-row{border:1px solid #dce5eb;border-radius:8px;background:#f7f9fb;padding:14px;margin-bottom:10px}.stock-row>strong{display:block;font-size:15px;margin-bottom:10px}.stock-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stock-fields label{font-size:12px;color:#617787;display:flex;flex-direction:column;gap:6px}.stock-fields input{width:100%;min-width:0;font-size:16px;padding:9px 7px;border-radius:6px}.stock-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;max-height:350px;overflow:auto}.stock-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 7px;background:#fffaf1;border:1px solid #efd3a7;border-radius:8px;font-size:14px}.stock-item:hover{background:#fff0d8;border-color:#f7941e}.stock-item small{font-size:13px;color:#6c7c88}.stock-item>span:last-child{font-size:12px;color:#9c5e17}.stage-next{margin:24px 0 8px;padding:15px;background:#f7941e;border-color:#f7941e;color:#2a3034;font-weight:600}.back-build{width:100%;text-align:left;border:0;border-bottom:1px solid #dce5eb;border-radius:0;padding:0 0 17px;margin-bottom:20px;color:#557185;font-size:14px}.scene-layers{position:absolute;right:24px;top:84px;width:175px;border:1px solid #d8e0e5;background:#fffffff2;border-radius:9px;box-shadow:0 5px 24px #24384412;z-index:3}.scene-layers>summary{padding:13px 14px;cursor:pointer;font-size:14px;font-weight:600}.layer-buttons{display:flex;flex-direction:column;padding:0 7px 7px;gap:3px}.layer-buttons button{display:flex;gap:9px;align-items:center;border:0;background:transparent;font-size:13px;text-align:left;padding:9px;border-radius:5px;color:#8b959c}.layer-buttons button.on{background:#eef3f6;color:#354d60}.layer-buttons button span{color:#90a1ae}.layer-buttons button.on span{color:#c17c24}.scene-layers p{font-size:12px;color:#83919c;padding:0 13px 12px;margin:0;line-height:1.5}.next-stock{margin-bottom:16px;border-color:#e9bb74;background:#fff6e8;color:#825415;font-size:14px}
@media(max-width:1250px){.scene-layers{right:20px;top:135px;width:160px}.scene-layers>summary{font-size:13px;padding:12px}.layer-buttons button{font-size:12px;padding:8px}.scene-layers p{font-size:12px}.project-title{max-width:calc(100% - 180px)}}
@media(max-width:900px){.scene-layers{top:24px;right:14px;width:145px}.scene-layers .layer-buttons{padding:0 5px 5px}.layer-buttons button{font-size:12px;padding:7px}.scene-top .project-title{max-width:calc(100% - 155px)}.project-title h2{font-size:19px}.project-title p{font-size:12px}.project-title .price-cta{font-size:12px;padding:10px}.scene-layers p{display:none}}
@media(max-width:760px){#tabs button{font-size:14px;flex-direction:row;align-items:center;padding:14px 10px;gap:10px}.scene-layers{top:14px;right:12px;width:142px}.scene-layers>summary{font-size:12px;padding:11px 9px}.scene-top .project-title{max-width:calc(100% - 145px);padding:10px}.project-title h2{font-size:18px}.project-title>span{font-size:11px}.project-title p{font-size:12px}.price-cta{font-size:12px;padding:9px 10px}.stock-fields label{font-size:13px}.stock-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-top{right:12px}.scene-layers button{font-size:12px;padding:7px 5px}.mode-toolbar{bottom:111px}}
/* Studio 6: three clear workspaces, dimension tags and a guided presentation. */
#tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#tabs button{align-items:center;text-align:center;padding:13px 5px;gap:6px;font-size:15px}#tabs button>span{font-size:12px}.panel-heading h1{font-size:25px;margin-bottom:24px}.tour-launch{background:#fff3df!important;border-color:#efc58b!important;color:#895713!important;font-weight:600}.interior-intro{padding:16px;border:1px solid #d9e4eb;background:#edf3f7;border-radius:10px;margin-bottom:20px}.interior-intro>p{font-size:15px;line-height:1.6;margin:0 0 13px;color:#50697a}.interior-intro .segments button{font-size:14px;padding:12px 4px;background:#fff}.equipment-card,.foundation-card{padding:20px 18px;border:1px solid #dce4e9;border-radius:10px;margin:14px 0;background:#fff;box-shadow:0 3px 14px #253d4d04}.equipment-kicker{font-size:12px;letter-spacing:.9px;color:#7c919f;margin-bottom:8px}.equipment-card .toggle{font-size:18px;font-weight:600;padding:9px 0 13px;border:0}.equipment-card .toggle input{width:23px;height:23px}.equipment-card .field{margin:22px 0 0}.spec-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;background:#f0f5f7;border-radius:6px;padding:12px;margin:15px 0}.foundation-card{background:#f5f8fa}.foundation-card h2{font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:10px 0 16px}.foundation-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.foundation-stats>div:first-child{grid-column:1/-1}.foundation-stats small{display:block;font-size:12px;letter-spacing:.5px;color:#768b9b;margin-bottom:5px}.foundation-stats b{font-size:17px;font-weight:600}.foundation-card .wide{background:#fff;margin-top:15px}.foundation-basis{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.foundation-basis input{width:80px}.floor-spec{display:flex;flex-direction:column;gap:7px;border-left:3px solid #cbd6dd;padding:10px 16px;margin:20px 0}.floor-spec strong{font-size:15px}.floor-spec span{font-size:14px;color:#708796}
.dimension-label{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 11px;border:1px solid #c9d6de;border-radius:6px;background:#fffffff5;box-shadow:0 3px 9px #2944540b;color:#364f60;min-width:82px;white-space:nowrap;line-height:1.2}.dimension-label small{font-size:12px;font-weight:400;color:#728998}.dimension-label strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.dimension-label:hover{border-color:#eaa753;background:#fff6e8}.dimension-label:focus-visible{outline:3px solid #f7941e77}
.tour-controls{position:absolute;z-index:6;bottom:25px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 48px));border-radius:12px;background:#263844ed;color:#fff;box-shadow:0 12px 40px #17263330;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 23px 24px;backdrop-filter:blur(12px)}.tour-caption{flex:1;min-width:0}.tour-caption>span{display:block;color:#f4af54;font-size:12px;letter-spacing:1.5px;margin-bottom:7px}.tour-caption>strong{font-size:21px;font-weight:550;letter-spacing:-.4px}.tour-caption>p{font-size:13px;line-height:1.5;color:#b5c7d2;margin:7px 0 0}.tour-actions{display:flex;gap:6px;align-items:center}.tour-actions button{border-color:#6b7d88;background:#ffffff0e;color:#fff;font-size:13px;padding:10px;border-radius:6px}.tour-actions button:hover{background:#ffffff20}.tour-actions #tourStop{font-size:22px;padding:5px 10px}.tour-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff19}#tourProgress{height:100%;width:0;background:#f7941e}.tour-active .mode-toolbar,.tour-active .view-controls,.tour-active .scene-bottom,.tour-active #labels,.tour-active .selection-info{display:none!important}.tour-active .project-title{background:#ffffffe0}.tour-active .scene-layers{opacity:.88}.tour-active #conflict{display:none!important}.scene-layers{width:184px}.layer-buttons button{font-size:14px}.scene-layers>summary{font-size:14px}.stock-row>strong{font-size:16px}.stock-panel h2{font-size:21px}.stock-panel>.sub{font-size:14px}.header-right button{white-space:nowrap}.header-right .load-project{padding:10px;font-size:14px}.placement-guide{border-color:#dfb677;background:#fff8ed}.placement-guide strong{font-size:17px}.import-input{display:none}.header-right #download,.header-right .load-project{background:#f7f9fa}.scene-top .project-title{border:1px solid #dce5eb}.scene-top .project-title h2{letter-spacing:-.8px}.mode-toolbar{box-shadow:0 6px 20px #253e5015}
@media(max-width:1250px){.brand img{width:190px}.header-right button{font-size:13px;padding:10px}.studio{display:none}.brand-divider{display:none}.scene-layers{width:162px}.layer-buttons button{font-size:13px}.tour-controls{padding:17px 18px 21px;gap:12px}.tour-caption>strong{font-size:19px}.tour-actions{flex-wrap:wrap;max-width:175px}.project-title{max-width:calc(100% - 170px)}}
@media(max-width:900px){header{padding:0 14px}.brand img{width:157px}.header-right #shot{display:none}.header-right #download span,.header-right .load-project span{display:none}.header-right .load-project{padding:9px}.scene-layers{width:145px}.layer-buttons button{font-size:12px}.tour-actions{max-width:140px}.tour-actions button{font-size:12px}.tour-controls{width:calc(100% - 28px);bottom:16px}}
@media(max-width:760px){header{gap:7px}.brand img{width:140px}.header-right{gap:4px}.header-right button{font-size:12px;padding:8px}.header-right #undo{display:none}.tour-launch{padding:9px!important}.viewport{min-height:480px;height:62dvh}.dimension-label{padding:6px 8px;min-width:66px}.dimension-label small{font-size:11px}.dimension-label strong{font-size:13px}.tour-controls{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px 20px}.tour-actions{max-width:none;justify-content:flex-end}.tour-caption>strong{font-size:20px}.tour-caption>p{font-size:13px}.tour-caption>span{font-size:12px}.tour-controls{bottom:16px;width:calc(100% - 28px)}#tabs button{flex-direction:column;padding:12px 5px;font-size:15px}.equipment-card,.foundation-card{padding:18px}.scene-layers>summary{font-size:12px}.stock-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-card .toggle{font-size:18px}.header-right .load-project{font-size:15px;padding:8px}.summary strong{font-size:18px}}
.geometry-field{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #e5ebef}.geometry-field>label{font-size:15px;margin-bottom:7px}.geometry-field .value{display:none}.geometry-field .range-row{flex-direction:row-reverse;gap:18px}.geometry-field input[type=number]{font-size:24px!important;font-weight:550;width:106px!important;background:#f6f9fb!important;padding:9px 10px!important;letter-spacing:-.5px;border-color:#d9e3e9!important}.geometry-field .range-limits{margin-left:124px;font-size:12px}.geometry-field input[type=range]{height:36px}.header-right #loadProject{border-color:#d9e2e8}
@media(max-width:380px){.brand img{width:110px}.header-right button{font-size:11px}.tour-launch{padding:8px!important}.project-title h2{font-size:16px}.scene-top .project-title{padding:8px}.project-title .price-cta{font-size:11px;padding:8px}.scene-layers{width:132px}.scene-top .project-title{max-width:calc(100% - 135px)}}
/* Compact project parameters; all primary choices remain visible. */
@media(min-width:1251px){main{grid-template-columns:354px minmax(0,1fr)}aside{padding-left:20px;padding-right:20px}}
#tabs{margin-bottom:18px;padding-top:17px;padding-bottom:16px}#tabs button{flex-direction:row;justify-content:center;gap:7px;padding:11px 4px;font-size:14px}#tabs button>span{font-size:11px}.panel-heading h1{font-size:22px;margin:7px 0 18px;letter-spacing:-.5px}.panel-heading>span{font-size:11px}.project-basics{border-top:1px solid #dce5eb}.compact-dimension{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:0 15px;border-bottom:1px solid #e7edf1;margin:0;padding:9px 0 7px}.compact-dimension>label{font-size:13px;line-height:1.3;margin:0;font-weight:500;color:#354b5b}.compact-number{display:flex;align-items:center;background:#f4f7f9;border:1px solid #d7e1e8;border-radius:6px;overflow:hidden}.compact-number input{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;padding:6px 2px 6px 8px;font-size:15px;font-weight:600;color:#233b4b;font-variant-numeric:tabular-nums}.compact-number>span{font-size:11px;color:#748997;padding-right:7px}.compact-dimension .compact-slider{grid-column:1/-1;width:100%;min-width:0;height:17px;margin:4px 0 0;accent-color:#ea8a16;cursor:ew-resize}.compact-choice{display:grid;grid-template-columns:minmax(0,1fr) 157px;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #e7edf1}.compact-choice>label{font-size:13px;line-height:1.3;font-weight:500;color:#354b5b}.compact-choice>select{width:100%;min-width:0;padding:8px 23px 8px 9px;font-size:13px;border:1px solid #d7e1e8;border-radius:6px;background-color:#f7f9fb;color:#263f50}.compact-choice>select:disabled{color:#627786;opacity:1}.compact-skylight>.toggle{padding:11px 0;font-size:13px;font-weight:500;color:#354b5b;border-bottom:1px solid #e7edf1}.compact-skylight input[type=checkbox]{width:19px;height:19px}.compact-skylight>.compact-dimension{padding-top:7px;background:#f7f9fb}.compact-note{font-size:12px;line-height:1.6;color:#788a97;margin:9px 0}.membrane-note{padding:10px;border-left:2px solid #dfa853;background:#fff9ee;color:#8a682e}.compact-details{margin:14px 0;border-color:#dfe7ec;background:#fafcfd}.compact-details>summary{padding:12px;font-size:13px;font-weight:550}.compact-details>div{padding:0 12px 12px}.compact-details .wide{font-size:13px;padding:10px}.compact-details .sub{font-size:12px;line-height:1.6;margin:9px 0}.stock-panel{margin-top:20px}.stock-panel h2{font-size:18px}.stock-panel>.sub{font-size:12px;line-height:1.6;margin-bottom:12px}.stock-row{padding:11px;margin-bottom:8px}.stock-row>strong{font-size:14px;margin-bottom:8px}.stock-fields{gap:7px}.stock-fields input{padding:7px;font-size:14px}.stock-panel>.primary{font-size:13px;padding:11px}.palette-group{margin:18px 0 24px}.palette-group h3{font-size:12px;letter-spacing:.5px;font-weight:600;color:#677c8a;margin:0 0 12px}.palette-group+.palette-group{border-top:1px solid #e1e8ed;padding-top:18px}.palette-group .swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 9px}.tour-controls{width:min(730px,calc(100% - 48px))}.tour-speed{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#c0d0db}.tour-speed select{padding:7px 22px 7px 8px;border:1px solid #6b7d88;border-radius:6px;background:#334955;color:#fff;font-size:13px;min-width:95px}.tour-speed option{color:#fff;background:#334955}.tour-actions{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.tour-actions button{padding:9px}.compact-dimension input:focus-visible,.compact-choice select:focus-visible,.tour-speed select:focus-visible{outline:2px solid #df922b;outline-offset:2px}
@media(max-width:760px){.compact-dimension{grid-template-columns:minmax(0,1fr) 96px}.compact-number input{font-size:16px;padding:8px}.compact-choice{grid-template-columns:minmax(0,1fr) minmax(150px,1fr);padding:8px 0}.compact-choice>label,.compact-dimension>label,.compact-skylight>.toggle{font-size:14px}.compact-choice>select{font-size:14px;padding-top:10px;padding-bottom:10px}.compact-dimension .compact-slider{height:23px}#tabs{margin-bottom:17px}#tabs button{flex-direction:row;padding:13px 5px}.tour-controls{width:calc(100% - 28px)}.tour-actions{max-width:none}.tour-speed{margin-right:auto}.stock-fields input{font-size:16px}}

.opening-position{padding:14px;background:#f5f8fa;border:1px solid #dce5eb;border-radius:8px;margin:0 0 20px}.opening-position>.label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:12px}.opening-position>label{display:block;font-size:12px;line-height:1.5;color:#607786;margin-bottom:8px}.opening-position .range-row{gap:10px}.opening-position .range-row input[type=number]{width:77px;padding:8px;font-size:15px}.position-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.position-actions button{padding:9px 3px;border-radius:5px;font-size:12px;background:#fff;white-space:nowrap}.position-actions button:hover{border-color:#e9a24a;background:#fff7eb}.opening-position>.sub{font-size:12px;line-height:1.5;margin:10px 0 0}
