*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#f4f8fd;color:#132442;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid #d8e3f0;border-radius:9px;padding:9px 12px;color:#1d3558}button:hover{background:#eff5ff}button.active,button.primary{background:#1768f5;color:#fff;border-color:#1768f5}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #83b3ff;outline-offset:2px}a{color:#1768f5;text-underline-offset:3px}header{display:flex;align-items:center;gap:24px;background:white;border-bottom:1px solid #d9e5f3;padding:12px 3vw}header a{text-decoration:none;font-size:12px}header .brand{font-size:26px;font-weight:850;letter-spacing:-.8px}header nav{display:flex;align-items:center;gap:23px;margin-left:auto}main{max-width:1900px;padding:0 22px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 20px 15px}h1{font-size:clamp(28px,2.5vw,41px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 8px}.hero p{font-size:17px;color:#7286a4;margin:0}.steps{display:flex;gap:12px}.steps button{border:0;padding:6px 0;background:none;display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.steps b{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#e1edff;color:#1768f5;font-size:17px}.steps button:first-child b{color:white;background:#1768f5}.projectbar{display:flex;align-items:center;gap:16px;margin:4px 0 7px;font-size:11px;flex-wrap:wrap}.projectbar>label{display:flex;align-items:center;gap:8px;margin:0}.projectbar input{max-width:220px}.projectbar>div{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.projectbar button{font-size:11px;padding:6px 10px}#save-state{color:#8593a7}#status{min-height:22px;color:#657d9e;font-size:12px;margin:8px 2px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr) 310px;gap:12px;align-items:start}.card{background:#fff;border:1px solid #dfebf7;border-radius:15px;min-width:0}.parameters{display:grid;gap:12px;min-width:0}.card summary{padding:16px 18px;cursor:pointer;font-size:16px;font-weight:750;list-style:none}.card summary:after{content:'⌄';float:right;color:#7890ad}.card[open]>summary{border-bottom:1px solid #edf2f9}.body{padding:15px 18px}.body>label{margin-top:12px}.body>label:first-child{margin-top:0}label{display:block;font-size:12px;margin-bottom:10px;color:#344c6e;font-weight:500}input:not([type=checkbox]):not([type=range]),select{width:100%;min-width:0;border:1px solid #d8e2ef;border-radius:8px;background:white;padding:9px;color:#172d50;min-height:39px}label>input,label>select{margin-top:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:17px}.presets button{text-align:left;font-size:11px;background:#f5f8fc;padding:8px}.presets button.active{background:#1768f5;color:white}.hint{color:#8193ac;font-size:11px;line-height:1.6}.notice{padding:12px;border-radius:9px;background:#fff6e8;color:#82552b;font-size:11px}.swatches{display:flex;gap:9px}.swatches button{width:49px;height:44px;background:repeating-linear-gradient(3deg,#ffffff0d 0px,#28150a16 1px,transparent 2px,transparent 6px),var(--wood);border:2px solid white;outline:1px solid #dbe4ef}.swatches .active{outline:2px solid #1768f5}.check{display:flex;align-items:center;gap:7px}.check input{accent-color:#1768f5;margin:0;width:16px;height:16px}.model{overflow:hidden;position:sticky;top:12px}.viewbar{display:flex;justify-content:space-between;gap:8px;padding:12px}.viewbar>div{display:flex;gap:5px}.viewbar button{font-size:12px;border-color:transparent;background:#f4f7fc}.viewbar button.active{background:#1768f5}.viewopts{display:flex;align-items:center;gap:12px;padding:0 14px;flex-wrap:wrap}.viewopts label{font-size:10px;display:flex;align-items:center;gap:6px;margin:0 0 8px}.viewopts select{width:85px;min-height:28px;font-size:10px;padding:3px;margin:0}.viewopts input[type=range]{width:65px;margin:0}#scene,#plan,#elevation{height:480px;background:linear-gradient(#fff,#edf4fc);position:relative;min-width:0;overflow:hidden}#scene canvas{display:block;touch-action:none}#scene>p{padding:35px}#plan,#elevation{touch-action:none;user-select:none}#plan svg,#elevation svg{width:100%;height:100%;display:block}#drawing-hint{min-height:32px;margin:8px 15px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 12px}.tools button{font-size:15px;padding:9px 4px;white-space:nowrap}.tools span{font-size:11px;margin-left:4px}.secondary-tools{display:flex;gap:6px;align-items:center;padding:0 16px 12px;flex-wrap:wrap}.secondary-tools label{display:flex;align-items:center;gap:5px;font-size:10px;margin:0}.secondary-tools select{font-size:10px;min-height:29px;padding:4px;max-width:120px;margin:0}.secondary-tools button{font-size:10px;padding:6px}.summary{padding:20px;position:sticky;top:12px}.summary h2{font-size:19px;margin:0 0 18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.metrics>div{padding:10px 7px;border-radius:10px;background:#f5f8fd;min-width:0}.metrics small{font-size:9px;display:block;color:#48617f}.metrics strong{display:block;font-size:23px;margin-top:4px}.total-card{padding:16px;border-radius:12px;background:#eaf3ff;color:#0957d0}.total-card p{margin:0;font-weight:700;font-size:14px}.total-card>strong{display:block;font-size:32px;font-weight:850;letter-spacing:-.7px;margin:4px 0}.total-card small{display:block;color:#7a91b0;font-size:10px}.total-card button{width:100%;margin-top:14px;font-size:12px;font-weight:700}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.downloads button{text-align:left;font-size:10px;min-height:38px;border-color:#edf2f9}.issue{padding:10px;background:#fff8ec;border-left:3px solid #e7b46b;font-size:10px;color:#906236;border-radius:5px;margin:8px 0}.issue.error{background:#fff0ee;border-color:#df726a;color:#a74138}.mobile-metrics{display:none}.estimate{padding:18px;margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:21px;margin:0}.section-head span{font-size:11px;color:#7c8fa8}.table-scroll{position:relative;overflow:auto;max-height:550px;margin-top:15px;border:1px solid #e4ecf6;border-radius:9px}table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:12px}th,td{padding:10px 13px;border-bottom:1px solid #edf2f8;text-align:left}thead th{position:sticky;top:0;background:#f1f6fc;z-index:1;font-size:10px}tbody th{font-weight:600}td input{max-width:110px}td small{display:block;color:#8295ae;font-weight:400;font-size:10px;max-width:430px}.group-row th{background:#eaf2ff;color:#2364b3;font-size:11px}.estimate details{margin-top:15px}.estimate summary{padding:10px 0;font-size:14px}.estimate details p{font-size:11px;color:#778da8}#stock{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}#stock>div{background:#f2f7ff;padding:14px;border-radius:9px}.editorial{max-width:1120px;margin:55px auto;line-height:1.8}.editorial h2{font-size:27px}.editorial h3{margin-top:25px}.editorial p{color:#647995}.editorial details{padding:15px 0;border-bottom:1px solid #dce6f2}.editorial summary{font-weight:650;cursor:pointer}.related{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.related a{background:white;padding:17px;border:1px solid #dbe6f3;border-radius:12px;text-decoration:none}.references{display:flex;gap:15px;align-items:start}.references img{max-width:65%;height:auto}.references img:last-child{max-width:30%}footer{padding:22px;border-top:1px solid #dce7f4;display:flex;justify-content:space-between;color:#7b8da4;font-size:12px}dialog{border:1px solid #cbdcf4;border-radius:18px;padding:25px;width:min(480px,calc(100% - 25px));color:#1d3457}dialog::backdrop{background:#15345866}#tour-close{float:right}#print-content{display:none}body #smetroomTelegramWidget{position:static!important;width:min(286px,calc(100% - 24px));margin:20px auto}[hidden]{display:none!important}
@media(min-width:1650px){.workspace{grid-template-columns:320px minmax(0,1fr) 350px}#scene,#plan,#elevation{height:590px}}
@media(max-width:1200px){.hero{display:block}.steps{margin-top:16px}.workspace{grid-template-columns:255px minmax(0,1fr)}.summary{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary h2{grid-column:1/-1}.summary .downloads{margin:0}.model{position:sticky}.summary>#issues{grid-column:1/-1}.metrics{align-self:start}.summary .total-card{grid-column:2;grid-row:2/4}}
@media(max-width:760px){header{padding:12px 16px;gap:12px}header .brand{font-size:23px}header>a:not(.brand),header nav{display:none}main{padding:0 12px}.hero{padding:24px 5px 12px}h1{font-size:29px;letter-spacing:-.8px}.hero p{font-size:14px}.steps{justify-content:space-between;gap:6px}.steps button{font-size:10px;flex-direction:column;gap:4px;white-space:normal}.steps b{width:31px;height:31px;font-size:14px}.projectbar{gap:7px;padding:8px}.projectbar>div{margin:0}.projectbar label{width:100%}.projectbar input{flex:1;max-width:none}.projectbar button{padding:9px;font-size:10px}#save-state{font-size:10px}#status{font-size:11px;padding:0 4px}.workspace{display:flex;flex-direction:column}.model{order:0;position:static;width:100%;border-radius:16px}.parameters{order:1;width:100%}.summary{order:2;display:block;width:100%;padding:18px}.summary h2,.summary>#metrics{display:none}.mobile-metrics{display:block;padding:12px 16px}.mobile-metrics .metrics{margin:0}.metrics>div{background:transparent;border-right:1px solid #dfebf8;text-align:center;padding:2px 7px}.metrics>div:last-child{border:0}.metrics small{font-size:10px}.metrics strong{font-size:25px}.viewbar{padding:14px}.viewbar button{font-size:13px;padding:10px 13px}.viewopts{gap:8px}.viewopts label{font-size:10px}#scene,#plan,#elevation{height:350px}.tools{padding:0 12px 12px;gap:6px}.tools button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:56px;font-size:21px}.tools span{font-size:11px;margin:0}.secondary-tools{padding:0 12px 10px}.body{padding:16px}.card summary{font-size:16px}input:not([type=checkbox]):not([type=range]),select{font-size:16px;min-height:43px}.viewopts select{font-size:11px;min-height:30px}.secondary-tools select{font-size:11px;min-height:32px}.presets{grid-template-columns:repeat(2,1fr)}.presets button{font-size:12px;min-height:43px}.downloads{grid-template-columns:1fr 1fr}.downloads button{font-size:12px;min-height:43px}.total-card>strong{font-size:31px}.total-card button{min-height:46px;font-size:14px}.issue{font-size:11px}.estimate{padding:15px}.section-head{display:block}.section-head span{display:block;margin-top:5px}.editorial{margin:35px 5px}.editorial h2{font-size:23px}.editorial p{font-size:13px}.related{grid-template-columns:1fr}footer{gap:12px}.references{display:block}.references img{max-width:100%}.references img:last-child{max-width:70%}}
@media print{body{background:#fff;font-size:10pt}body>*:not(#print-content){display:none!important}#print-content{display:block!important;color:#111}#print-content h1{font-size:22pt}#print-content h2{font-size:15pt;break-after:avoid}#print-content svg{width:100%;max-height:160mm}#print-content img{max-width:100%;max-height:130mm}#print-content table{min-width:0;font-size:8pt}#print-content th,#print-content td{padding:4px}#print-content thead th{position:static}#print-content tr{break-inside:avoid}#print-content .page{break-before:page}#print-content .warning{border:1px solid #777;padding:9px}header,footer,#smetroomTelegramWidget{display:none!important}@page{size:A4;margin:12mm}}

/* Compact desktop presets and mobile help; keep metric grids unnested. */
.presets>.more-presets{grid-column:1/-1}.presets>.more-presets>summary{font-size:11px;padding:6px 0;border:0}.presets>.more-presets>.presets{margin:4px 0 0}.total-card>strong{font-size:28px;white-space:nowrap}
@media(max-width:760px){header{flex-wrap:wrap}header nav{display:flex;margin-left:auto}header nav a{display:none}#help{font-size:0;padding:6px;width:32px;height:32px}#help:after{content:'?';font-size:16px}.summary>#metrics{display:none}}

/* Timber workshop 2: one stable drawing surface, explicit tools and readable controls. */
body{background:#f3f6fb;color:#19304e;font-size:14px}
main{max-width:1680px;padding:0 24px}.hero{padding:24px 0 20px}.hero h1{font-size:32px;letter-spacing:-1px}.hero p{font-size:15px}
button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-weight:600;border-radius:10px;transition:background .12s,border-color .12s}
button .ui-icon{width:19px;height:19px;flex:0 0 auto;pointer-events:none}button span{pointer-events:none}
button.active{box-shadow:0 3px 9px #1768f525}button:disabled{opacity:.48}.projectbar{padding:12px 16px;background:#fff;border:1px solid #dce6f1;border-radius:14px;margin-bottom:12px;gap:12px}.projectbar button{font-size:12px;padding:8px 11px}.projectbar #undo span,.projectbar #redo span{display:none}.projectbar label{font-size:12px}.projectbar input{max-width:230px}#status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.parameters{grid-column:1;grid-row:1;max-height:1050px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4d4e8 transparent;border-radius:16px;padding-right:3px;scroll-margin-top:20px}.model{grid-column:2;grid-row:1;position:sticky;top:12px;box-shadow:0 8px 30px #233f6810;border-color:#d5e2f2}.summary{grid-column:1/-1;grid-row:2;position:static;display:grid;grid-template-columns:1fr 1.1fr 1.25fr;gap:20px;padding:22px}.summary h2{grid-column:1/-1;margin:0;font-size:20px}.summary .total-card{grid-column:2;grid-row:2/4}.summary .downloads{grid-column:3;grid-row:2;margin:0}.summary>.hint{grid-column:3;grid-row:3;margin:0}.summary #project-checks{grid-column:1/-1;grid-row:4}.summary>.metrics{grid-column:1}.summary .metrics{margin:0}.summary .metrics>div{padding:14px 8px}.summary .metrics strong{font-size:25px}.summary .downloads button{font-size:12px;min-height:44px}.summary .total-card button{font-size:14px;min-height:44px}
.studio-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 13px;background:linear-gradient(110deg,#fff,#f7faff)}.studio-heading small{display:block;color:#71849f;font-size:10px;font-weight:750;letter-spacing:1.6px;margin-bottom:4px}.studio-heading strong{font-size:22px;letter-spacing:-.4px}.studio-heading button{font-size:12px;background:#f0f5fd;border-color:#dbe6f5}.viewbar{padding:10px 16px;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.viewbar>div{gap:5px}.viewbar button{font-size:13px;padding:8px 13px;min-height:40px}.viewbar button.active{color:#fff}
.tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px 16px 8px}.tools button{flex-direction:column;gap:4px;font-size:11px;padding:8px 4px;min-height:58px;white-space:nowrap}.tools .ui-icon{width:22px;height:22px}.tools span{font-size:11px;margin:0}.secondary-tools{min-height:45px;padding:4px 16px 8px;flex-wrap:wrap;gap:10px}.secondary-tools label{font-size:11px}.secondary-tools select{max-width:150px;font-size:12px;min-height:33px}.secondary-tools #grid-label{font-size:11px;color:#7488a3;margin-left:auto}.secondary-tools button{min-height:33px;font-size:11px;padding:5px 8px}
.precise-draw{display:flex;align-items:center;gap:10px;padding:6px 16px;border-top:1px solid #eef3f9;min-height:57px}.precise-draw label{display:flex;align-items:center;gap:7px;font-size:11px;margin:0}.precise-draw input{width:100px!important;margin:0!important;min-height:35px!important;padding:6px!important}.precise-draw>div{display:flex;gap:4px}.precise-draw button{width:35px;min-height:35px;padding:5px}.precise-draw button span{display:none}.precise-draw small{font-size:11px;color:#798da8}.precise-draw.inactive{background:#fafcfe}.precise-draw.inactive small{font-size:0}.precise-draw.inactive small:after{content:'Выберите «Стена», затем точку начала';font-size:11px}
.drawing-hint{margin:0!important;padding:9px 16px!important;min-height:46px!important;background:#edf4ff;border-top:1px solid #dce9fa;color:#38699c!important;font-size:12px!important;display:flex;align-items:center}#scene,#plan,#elevation{height:clamp(370px,49vh,640px);background:radial-gradient(ellipse at center,#fff,#f0f5fc)}#plan[data-mode=wall],#plan[data-mode=rectangle],#plan[data-mode=window],#plan[data-mode=door]{cursor:crosshair}#plan[data-mode=pan]{cursor:grab}#plan[data-mode=pan]:active{cursor:grabbing}#plan [data-wall],#plan [data-opening]{cursor:pointer}#plan:not([data-mode=select]) [data-wall],#plan:not([data-mode=select]) [data-opening]{cursor:inherit}#plan svg text{paint-order:stroke;stroke:#f5f9ff;stroke-width:4px;stroke-linejoin:round}#plan svg [tabindex]:focus{outline:none;filter:drop-shadow(0 0 2px #1768f5)}
.drawing-stage{position:relative}.plan-navigation{position:absolute;right:14px;bottom:15px;display:flex;flex-direction:column;gap:6px}.plan-navigation button{background:#fff;box-shadow:0 3px 9px #193e6620;width:40px;padding:8px}.plan-navigation button span{display:none}#plan-scale{position:absolute;bottom:15px;left:16px;font-size:10px;color:#71839b;background:#ffffffdd;padding:5px 8px;border-radius:6px;pointer-events:none}.model-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;font-size:11px;color:#546e91;border-top:1px solid #e1e9f5;background:#fff;min-height:38px}#selection-label{color:#1768f5;font-weight:600}#editor-status{font-size:12px;margin:0;padding:8px 16px 12px;color:#547197;min-height:48px;line-height:1.5}
.model:not([data-view=plan]) .tools,.model:not([data-view=plan]) .secondary-tools,.model:not([data-view=plan]) .precise-draw,.model:not([data-view=plan]) .plan-navigation,.model:not([data-view=plan]) #plan-scale{display:none!important}.model[data-view=plan] .viewopts{display:none}.viewopts{padding:10px 16px;gap:16px}.viewopts label{font-size:12px;margin:0}.viewopts select{font-size:12px;min-height:34px}.viewopts button{margin-left:auto;font-size:12px}.model:not([data-view=plan]) #scene,.model:not([data-view=plan]) #elevation{height:clamp(480px,63vh,790px)}
.card summary{font-size:14px;padding:14px 16px}.card summary:after{content:'';display:inline-block;width:7px;height:7px;border:solid #7d96b5;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:4px 2px 0 10px}.card[open]>summary:after{transform:rotate(225deg);margin-top:9px}.body{padding:14px 15px}label{font-size:12px}.hint{font-size:12px;line-height:1.6}#selection .hint{font-size:11px}#selection>strong{display:block;margin:12px 0}#selection .button-row{display:flex;gap:6px}#selection button{font-size:11px}#selection [data-action=delete]{color:#b34747;border-color:#efd4d4}.swatches button{min-width:40px}.presets button{font-size:12px;justify-content:flex-start;min-height:40px}.more-presets{margin:0}.card #project-checks>summary{font-size:13px;color:#52749b}#project-checks .issue{font-size:12px}#project-checks>summary{cursor:pointer}#project-checks[open] #issues{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.issue{margin:0;padding:12px}.mobile-metrics{display:none!important}.workspace>.sct-entry{display:none!important}.parameters input,.parameters select{min-height:42px!important}
#help{font-size:12px!important;width:auto;height:auto}#help:after{content:none!important}.steps button{font-size:12px}.steps b{width:32px;height:32px}.total-card small{font-size:11px}#tour-close{min-width:40px}#tour-close span{display:none}
@media(max-width:1100px){.hero{display:block}.workspace{grid-template-columns:250px minmax(0,1fr)}.tools{padding-left:10px;padding-right:10px;gap:4px}.secondary-tools #grid-label{display:none}.precise-draw small{display:none}.viewbar{padding:10px}.viewbar button{padding:8px;font-size:12px}.summary{grid-template-columns:1fr 1fr}.summary .total-card{grid-column:2;grid-row:2/4}.summary .downloads{grid-column:1;grid-row:3}.summary>.hint{grid-column:1/-1;grid-row:4}.summary #project-checks{grid-row:5}}
@media(max-width:760px){main{padding:0 10px}.hero{padding:20px 6px 14px}.hero h1{font-size:27px}.hero p{font-size:13px}.steps button{font-size:10px}.projectbar{padding:10px;gap:8px}.projectbar input{max-width:none}.projectbar>div{gap:5px}.projectbar button{font-size:11px;padding:8px;min-height:40px}.projectbar #save span{display:none}.workspace{display:flex;gap:12px}.model{order:0;position:static;width:100%}.parameters{order:1;max-height:none;overflow:visible;width:100%;padding:0}.summary{order:2;display:flex;flex-direction:column;gap:14px}.summary h2{display:block}.summary .total-card{order:0}.summary .downloads{order:1;grid-template-columns:1fr 1fr}.summary>.hint{order:2}.summary #project-checks{order:3}#project-checks[open] #issues{grid-template-columns:1fr;gap:8px}.studio-heading{padding:13px 12px}.studio-heading strong{font-size:19px}.studio-heading small{font-size:9px}.studio-heading button{font-size:11px}.viewbar{padding:9px 10px;gap:5px}.viewbar button{font-size:11px;padding:7px;gap:4px;min-height:39px}.viewbar .ui-icon{width:16px;height:16px}.viewbar #fit span{display:none}.viewbar #fit{width:38px}.tools{grid-template-columns:repeat(6,minmax(0,1fr));padding:9px 8px 5px;gap:3px}.tools button{min-height:55px;font-size:10px;border-radius:8px;padding:6px 2px}.tools span{font-size:10px}.tools .ui-icon{width:21px;height:21px}.secondary-tools{padding:5px 10px;min-height:45px;justify-content:space-between}.secondary-tools label{font-size:11px}.secondary-tools select{min-height:34px;font-size:12px}.secondary-tools button{min-height:34px}.precise-draw{min-height:58px;padding:6px 10px;gap:6px;justify-content:space-between}.precise-draw label{font-size:10px;gap:5px}.precise-draw input{width:78px!important;font-size:16px!important}.precise-draw button{width:36px;min-height:39px}.drawing-hint{font-size:11px!important;padding:8px 12px!important;min-height:50px!important}#scene,#plan,#elevation{height:360px}.model:not([data-view=plan]) #scene,.model:not([data-view=plan]) #elevation{height:430px}.model-footer{padding:8px 10px;font-size:10px;min-height:46px;align-items:center}.model-footer span{max-width:55%}#editor-status{font-size:11px;padding:8px 10px;min-height:48px}.plan-navigation{right:10px;bottom:12px}.plan-navigation button{width:40px;height:40px}.card summary{min-height:48px;padding:14px 16px;font-size:15px}.parameters .body{padding:16px}.parameters input,.parameters select{font-size:16px}.summary>#metrics{display:none}.viewopts{padding:9px 12px;gap:9px}.viewopts label{font-size:11px}.viewopts #top{font-size:11px;margin-left:0}.body .hint{font-size:12px}.steps{margin-top:13px}.hero .steps button{font-size:10px}.projectbar #save-state{display:none}header nav{gap:10px}.ui-icon{flex-shrink:0}.viewopts input[type=range]{width:65px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.ui-icon{display:none!important}}
#quick-total{font-size:11px;letter-spacing:0;color:#1768f5;margin:4px 0 0;font-weight:600}.studio-heading small:first-child{margin-bottom:2px}.studio-heading{padding-top:12px;padding-bottom:12px}
.workspace{overflow-anchor:none}
.workspace>.model{position:relative;top:auto}
/* Direct manipulation and project-specific course/cutting sheets. */
#plan [data-dimension]{cursor:text}#plan [data-dimension]:hover rect{fill:#d7e7ff}#plan [data-vertex]{cursor:move}#plan[data-mode=select] [data-wall]{cursor:move}
#dimension-bar{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:#fff;border-bottom:1px solid #e0e9f5;min-height:62px;scrollbar-width:thin}#dimension-bar button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:nowrap;padding:6px 10px;min-height:44px;background:#f0f6ff;flex-shrink:0}#dimension-bar small{font-size:9px;color:#617b9c}#dimension-bar strong{font-size:12px;color:#1768f5}#dimension-dialog{max-width:430px}#dimension-dialog h2{font-size:20px;margin-top:0}#dimension-dialog input{font-size:24px;min-height:52px}#dimension-dialog .button-row{display:flex;gap:12px;justify-content:flex-end}#dimension-error{color:#b33232;min-height:24px}
.model[data-view=layout] .viewopts,.model[data-view=layout] #dimension-bar{display:none!important}.viewbar>div{flex-wrap:wrap}.viewbar{align-items:flex-start}#layout{padding:12px;min-height:500px;overflow:auto;max-height:900px;background:#f9fbfe}.layout-controls{display:flex;flex-wrap:wrap;gap:10px}.layout-controls label{flex:1;min-width:130px}.layout-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:10px 0}.layout-pager button{min-height:40px;font-size:11px}.layout-pager>span{text-align:center}#layout-drawing>svg{width:100%;height:420px;display:block}#layout-drawing [data-part]{cursor:pointer}#layout-drawing [data-part]:hover rect{fill:#7bb0f0}#layout-drawing text{pointer-events:none}.stock-diagram{background:white;border:1px solid #d9e4f3;border-radius:9px;margin:10px 0;padding:8px;overflow-x:auto}.stock-diagram svg{width:100%;min-width:650px;display:block}#part-info{font-size:12px;color:#145dcc;background:#eaf3ff;padding:12px;border-radius:8px;min-height:44px}#layout-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;margin:12px 0}#layout-parts button{display:flex;flex-direction:column;align-items:start;text-align:left;font-size:11px;gap:4px}#layout-parts small{font-size:10px}#course-3d{font-size:12px}
@media(max-width:760px){.viewbar>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1}.viewbar>div button{flex-direction:column;font-size:10px;gap:3px;padding:7px 4px;min-height:53px}.viewbar>div button .ui-icon{width:19px;height:19px}.viewbar #fit{min-height:53px}#dimension-bar{padding:6px 8px;min-height:60px}#dimension-bar button{padding:6px 8px}#dimension-bar small{font-size:9px}#layout{max-height:none;overflow:visible;padding:8px}.layout-controls label{min-width:110px}.layout-controls select{font-size:14px;min-height:42px}#layout-drawing>svg{height:330px}.layout-pager button span{display:none}#layout-parts{grid-template-columns:1fr 1fr}#layout-parts button{font-size:10px;overflow-wrap:anywhere}.layout-pager span{font-size:11px}#dimension-dialog{padding:20px}#dimension-dialog select{font-size:14px}}
@media print{.assembly-report .cut-sheet{break-inside:avoid;margin:10mm 0}.assembly-report .cut-sheet svg{max-height:28mm!important}.assembly-report h3{break-after:avoid}.assembly-report li{margin:7px 0}.assembly-report .course-sheet svg{max-height:120mm!important}.assembly-report .warning{border:2px solid #b55!important}.assembly-report table td{overflow-wrap:anywhere}.assembly-report .course-sheet{break-before:page}}
.plan-navigation{position:static;flex-direction:row;justify-content:flex-end;padding:8px 12px;background:#f5f8fd;border-top:1px solid #e0e9f5}
#plan [data-opening-edge]{cursor:ew-resize}
@media print{body,#print-content,.assembly-report{background:#fff!important}}