@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
.slabCardRow{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px}.slabCardRow .slabCard{width:100%}.slabQuickDelete{align-self:stretch;background:#fff8f6;border:1px solid #ead6d0;border-radius:7px;color:#a45b4a;font-size:20px;padding:0}.slabQuickDelete:hover{background:#f7e9e4}
:root{--ink:#1a3438;--muted:#7d8c8f;--line:#e2e8e7;--accent:#176e68;--paper:#f6f8f7;--gold:#d9ae69}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d6e0de;border-radius:6px;background:white;color:var(--ink);padding:10px 13px;font-weight:600;transition:background .15s}button:hover{background:#eaf1ef}button:focus-visible,a:focus-visible{outline:3px solid #d9ae69;outline-offset:2px}input,select{width:100%;border:1px solid #d9e1df;border-radius:5px;padding:9px 10px;color:var(--ink);background:#fff;outline:none;min-width:0}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #176e6810}input:disabled,select:disabled,button:disabled{opacity:.4;cursor:default}header{height:84px;padding:0 28px;display:flex;align-items:center;gap:15px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:600;letter-spacing:-.7px}.brand small{display:block;letter-spacing:2px;font-size:9px;font-weight:400;margin-top:4px;color:var(--muted)}.mark{background:var(--ink);color:#fff;font-size:20px;font-weight:700;line-height:1.05;padding:9px 10px 7px;letter-spacing:0}.mark span{display:block;font-size:8px;letter-spacing:3px;margin-top:3px}.project{margin-left:auto;margin-right:25px;min-width:200px}.project input{border:0;padding:0;font-weight:600;width:240px;background:transparent}.project span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.ribbon{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;padding:0 28px}.tabs{display:flex;gap:30px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:19px 0 16px;background:transparent;font-size:11px;font-weight:400;color:#899693}.tabs b{margin-left:8px;font-size:13px;font-weight:500}.tabs .active{color:var(--accent);border-bottom-color:var(--accent)}.badge{font-size:9px;color:#758782;letter-spacing:1.2px;border:1px solid #dce6e1;padding:5px 8px;border-radius:3px}main{display:grid;grid-template-columns:250px minmax(360px,1fr) 268px;max-width:2000px;margin:auto;min-height:calc(100vh - 215px)}aside{background:white}aside.left{border-right:1px solid var(--line)}aside.right{border-left:1px solid var(--line)}section{padding:22px 20px;border-bottom:1px solid var(--line)}h2{font-size:16px;margin:9px 0 17px;font-weight:600;letter-spacing:-.3px}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#8a9895;font-weight:600;display:flex;justify-content:space-between}.eyebrow span{color:#bac5c1}h2 em{font-style:normal;font-size:11px;background:#f0f4f2;padding:3px 6px;margin-left:6px;border-radius:3px;color:var(--muted)}label{display:block;font-size:11px;color:#62746f;margin-bottom:13px}label input,label select{display:block;margin-top:6px;color:var(--ink);font-size:12px}label>span{float:right;color:#a0aaa7;font-size:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.upload{border:1px dashed #a6bcb6;background:#f7faf9;padding:18px 9px 16px;text-align:center;border-radius:6px;cursor:pointer;margin-bottom:9px}.upload b{display:block;font-size:12px;color:var(--ink);margin:8px 0}.upload small{font-size:9px;color:#8b9996}.upload input{display:none}.uploadIcon{display:block;float:none;font-size:24px;color:var(--accent)}.sourceLabel{font-size:9px;line-height:1.7;color:#ac8452;margin-bottom:17px;word-break:break-all}.hint{font-size:10px;line-height:1.85;color:#94a09c;margin:9px 0 0}.sectionLine{display:flex;align-items:center;justify-content:space-between}.sectionLine h2{margin-bottom:13px}.square{padding:0;width:29px;height:29px;font-size:19px;line-height:1}.quiet{background:transparent;border:0;padding:7px 8px;color:#68817a;font-size:11px}.wide{width:100%;border:1px solid #e4ebe8;border-radius:5px}.pieceRow{display:flex;align-items:center;gap:9px;border:1px solid transparent;padding:11px 9px;margin:5px -6px;border-radius:5px;cursor:pointer}.pieceRow:hover{background:#f6f8f7}.pieceRow.active{background:#edf5f2;border-color:#c6ddd3}.pieceRow .swatch{width:27px;height:31px;border:1px solid #bec9c5;border-radius:3px;flex:none;background:#d5d6c9;overflow:hidden}.pieceRow .swatch canvas{width:100%;height:100%;object-fit:cover}.pieceRow b{display:block;font-size:11px}.pieceRow small{display:block;font-size:9px;color:#93a09a;margin-top:5px}.pieceRow .pieceNum{font-size:9px;color:#acb6af;margin-left:auto}.workspace{padding:24px;min-width:0;background:#f4f6f5}.canvasToolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.canvasToolbar strong{font-size:13px;font-weight:600;display:block}.canvasToolbar span{font-size:10px;color:#93a09b;display:block;margin-top:5px}.toolbarButtons{display:flex;gap:4px;flex-shrink:0}.canvasWrap{position:relative;background:#1f3033;border-radius:7px;overflow:hidden;height:490px;min-height:350px;box-shadow:0 8px 20px #152f3409;background-image:radial-gradient(#ffffff10 .7px,transparent .7px);background-size:18px 18px}#board{display:block;width:100%;height:100%;touch-action:none}.canvasTag{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:1.3px;color:#aebcba;pointer-events:none}.canvasTag span{color:var(--gold);margin:0 7px}.canvasBottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;color:#899e9c;font-size:9px}.summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:10px;color:#7f9189;gap:12px}.summary>div{display:flex;gap:7px;align-items:center}.summary b{color:var(--ink);font-size:12px}.dot{width:5px;height:5px;border-radius:50%;background:#398b65}.divider{margin:0 8px;color:#cbd5d0}.warnings{font-size:10px;color:#ac6535;line-height:1.7;margin:0 0 13px}.warnings:empty{display:none}.previewStrip{background:white;border:1px solid var(--line);border-radius:6px;padding:17px}.stripTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.stripTitle b{font-size:11px}.stripTitle small{font-size:9px;color:#9aa79f}.previews{display:flex;gap:13px;overflow:auto;padding-bottom:3px}.previewCard{flex:0 0 140px;cursor:pointer;border:1px solid #e1e7e3;border-radius:4px;overflow:hidden;background:#f7f8f5}.previewCard canvas{width:100%;height:84px;display:block;object-fit:contain;padding:7px}.previewCard>div{background:white;padding:8px;font-size:9px;display:flex;justify-content:space-between;gap:5px}.previewCard small{color:#a6b0a8;font-size:8px}.unitPill{font-size:9px;padding:5px 8px;background:#f2f5f3;border-radius:3px;color:#84928a}.cornerDiagram{height:82px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.cornerDiagram i{position:absolute;inset:0 25px;border:1px solid #b3c9bf;border-radius:17px 8px 22px 5px;background:#f7faf8}.cornerDiagram span{z-index:1;text-align:center;font-size:9px;color:#8ba295;line-height:1.8}.radiusPresets{display:flex;gap:6px}.radiusPresets button{font-size:10px;padding:6px 9px;flex:1;font-weight:400}.danger{color:#b08876}.projectTools{border:0}.projectTools button{margin-bottom:10px}footer{background:white;border-top:1px solid var(--line);padding:17px 25px;display:flex;justify-content:space-between;gap:15px;align-items:center}footer b{font-size:11px;letter-spacing:1px}footer span{font-size:10px;color:#9da9a1;margin-left:16px}.exportActions{display:flex;gap:8px}.exportActions button{font-size:10px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#145d57}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);background:#163a35;color:white;box-shadow:0 4px 24px #0003;padding:13px 22px;border-radius:6px;opacity:0;pointer-events:none;transition:all .2s;z-index:50;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:12px;padding:35px;max-width:570px;width:90%;color:var(--ink);box-shadow:0 20px 90px #0004}dialog::backdrop{background:#102c31aa}dialog h2{font-size:27px;margin-top:14px}dialog li{padding:0 0 13px;font-size:12px;line-height:1.85}dialog ol{padding-left:20px}dialog p{font-size:11px;line-height:1.9;color:#819087}.closeDialog{float:right;border:0;font-size:24px;padding:0;background:none}.closeHelp{margin-top:12px}@media(min-width:1600px){main{grid-template-columns:280px minmax(360px,1fr) 290px}.canvasWrap{height:590px}}@media(max-width:1150px){main{grid-template-columns:215px minmax(320px,1fr) 230px}.workspace{padding:17px}section{padding:20px 14px}.canvasToolbar{flex-wrap:wrap}.canvasWrap{height:460px}header{padding:0 19px}.brand{font-size:18px}.project{margin-right:0}.project input{width:190px}.toolbarButtons .quiet{padding-left:0}footer>div:first-child span{display:none}}@media(max-width:850px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:13px 16px;gap:10px}.brand{margin-right:auto}.project{order:4;width:100%;display:flex;align-items:center;justify-content:space-between}.project span{margin:0}.ribbon{padding:0 16px}.tabs{gap:21px}.tabs b{font-size:11px}.badge{display:none}main{grid-template-columns:205px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.right section{border-right:1px solid var(--line);border-bottom:0}.canvasWrap{height:430px}.summary{flex-wrap:wrap;line-height:1.6}.canvasToolbar span{font-size:9px}footer{align-items:flex-start}.exportActions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:580px){header .brand{font-size:17px}.mark{font-size:17px}header>button{font-size:10px;padding:8px}.tabs{gap:20px}.tabs button{padding-top:15px}.tabs b{margin-left:4px}main{display:flex;flex-direction:column}.workspace{order:0;padding:14px}.left{order:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.left .projectTools{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.left .projectTools button{width:auto;margin:0}.left .projectTools p{width:100%;margin:0}.left section{padding:17px 13px;border-right:1px solid var(--line)}.right{order:2;grid-template-columns:1fr 1fr}.right section:last-child{grid-column:1/-1}.canvasWrap{height:360px;min-height:320px}.canvasToolbar{gap:7px;margin-bottom:12px}.toolbarButtons{margin-left:auto}.canvasToolbar strong{font-size:12px}.canvasBottom span{font-size:8px}.canvasTag{font-size:8px;left:15px}.previewStrip{padding:12px}.previewCard{flex-basis:117px}.previewCard canvas{height:70px}.stripTitle small{font-size:8px}footer{padding:13px;display:block}footer>div:first-child{display:none}.exportActions{justify-content:stretch}.exportActions button{flex:1;font-size:9px;padding:10px 7px}.upload{padding:14px 5px}.upload b{font-size:10px}.upload small{font-size:8px}.canvasToolbar span{max-width:190px;line-height:1.7}.toolbarButtons{gap:8px}.toolbarButtons .quiet{font-size:9px}.sourceLabel{font-size:8px}.right section{padding:18px 13px}}

[hidden]{display:none!important}.toolbarButtons{flex-wrap:wrap;justify-content:flex-end}.toolbarButtons select{width:128px;font-size:10px;padding:6px;background:#fff}.toolbarButtons button[aria-pressed="true"]{color:#176e68;background:#e4f0ea}.toolbarButtons #pointBtn[aria-pressed="true"]{outline:1px solid #72aa8e}.standingBtn{margin-top:13px;font-size:10px;color:var(--accent);background:#f5f9f6}.attachBox{padding:12px;background:#f5f8f5;border:1px solid #e1e9e2;border-radius:5px;margin:13px 0 18px}.attachBox label{margin-bottom:10px}.attachBox button{font-size:10px;background:#e6f0e9}.canvasToolbar{align-items:flex-start}.canvasToolbar>div:first-child{min-width:130px}.toolbarButtons{max-width:340px}.workspace .canvasToolbar span{line-height:1.8}#roleHint{margin-bottom:14px}.right section:last-child{min-width:0}@media(max-width:580px){.toolbarButtons{max-width:none;width:100%;justify-content:flex-start;gap:6px}.toolbarButtons .quiet{padding:6px 8px}.canvasToolbar span{max-width:none}.canvasToolbar>div:first-child{width:100%}}

.checkLabel{display:flex;gap:8px;align-items:center;font-size:11px;color:#3b6655;margin:13px 0}.checkLabel input{width:15px;height:15px;margin:0;accent-color:#176e68}.colorLabel{display:flex;align-items:center;justify-content:space-between}.colorLabel input{width:48px;height:30px;padding:2px;margin:0;cursor:pointer}.cabPieceSettings{background:#eff5ef;padding:12px;border-radius:5px;margin-top:14px}.cabPieceSettings b{font-size:10px;display:block;color:#63806c}.cabPieceSettings label:last-child{margin-bottom:0}#cabinetPanel{background:#f9fbf8}#threeAngle{width:110px}.right #cabinetPanel~section{min-width:0}.right #cabinetPanel~section:last-child{min-width:0}@media(max-width:850px){#cabinetPanel:not([hidden]){grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}#cabinetPanel>.eyebrow,#cabinetPanel>h2,#cabinetPanel>.hint{grid-column:1/-1}#cabinetPanel h2{margin:2px 0 0}#cabinetPanel>.cabPieceSettings{margin:0;grid-column:2/-1}}@media(max-width:580px){#cabinetPanel:not([hidden]){grid-template-columns:1fr 1fr}#cabinetPanel>.cabPieceSettings{grid-column:1/-1}.right #cabinetPanel~section:last-child{grid-column:1/-1}}

.canvasWrap{height:clamp(490px,62vh,760px)}.viewControls{position:absolute;bottom:43px;right:15px;display:flex;gap:2px;align-items:center;background:#102c2be8;border:1px solid #a7c7b72b;border-radius:6px;padding:4px;box-shadow:0 3px 14px #0002}.viewControls button{border:0;background:transparent;color:#d0e1d6;font-size:11px;padding:7px 10px;min-height:32px;min-width:31px}.viewControls button:hover{background:#ffffff18}.viewControls>span{height:18px;border-left:1px solid #ffffff25;margin:0 4px}#zoomIn,#zoomOut{font-size:17px}#zoomReset{font-variant-numeric:tabular-nums;min-width:49px}.cabinetJump{font-size:10px;padding:7px 10px;background:#e2ede4;border-color:#c5d9ca;color:#2b6c52}.stageMode{overflow:hidden}.stageMode .workspace{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;padding:18px;background:#eef3ef}.stageMode .canvasWrap{flex:1;height:auto;min-height:200px}.stageMode .canvasToolbar{flex-shrink:0;margin-bottom:12px}.stageMode .summary{flex-shrink:0;padding:9px 0 0}.stageMode .warnings{margin:7px 0 0;max-height:35px;overflow:auto}.stageMode .previewStrip{display:none}.stageMode .toolbarButtons{max-width:none}.stageMode .right{display:none;position:fixed;right:12px;top:78px;bottom:22px;width:280px;overflow:auto;z-index:201;border-radius:8px;box-shadow:0 12px 50px #0005;grid-template-columns:none}.stageMode.showParams .right{display:block}.drawerClose{position:sticky;top:0;z-index:3;width:100%;border:0;border-bottom:1px solid #d9e4d9;border-radius:0;background:#e4eee7;color:#397150;text-align:right;font-size:11px}.stageMode #cabinetPanel:not([hidden]){display:block}.stageMode .canvasToolbar>div:first-child{max-width:40%}.stageMode #canvasView{width:145px}#canvasView{font-size:11px}@media(max-width:580px){.canvasWrap{height:clamp(380px,58vh,620px)}.viewControls{right:10px;bottom:43px;padding:2px}.viewControls button{padding:6px 8px;font-size:10px}.stageMode .workspace{padding:10px}.stageMode .canvasToolbar>div:first-child{max-width:none}.stageMode .right{top:110px;right:8px;bottom:12px;width:min(290px,90vw)}.stageMode .toolbarButtons{gap:4px}.canvasBottom #scaleNote{display:none}.stageMode #canvasView{width:130px}}

.pastePhoto{font-size:11px;color:#376f57;border-color:#c8dcd0;background:#f0f7f1;margin-bottom:7px}.pasteHint{font-size:9px;color:#8a9d91;line-height:1.7;margin:0 0 9px}

.toolbarButtons #assemblyPlane{width:145px}#unfoldPanel{background:#f6faf7}#unfoldPanel h2{margin-top:9px}

#profilePanel{background:#f6faf7}#profileDiagram svg{width:100%;height:95px;display:block}#profilePanel .hint{margin-bottom:11px}.stageMode .right>#closeParams{position:sticky;top:0}#profilePanel~.drawerClose{position:sticky;top:0}

#pastePhoto{padding:10px 13px;text-align:center;cursor:pointer;border:1px solid #c8dcd0;border-radius:5px;caret-color:transparent;min-height:36px;overflow:hidden;white-space:nowrap}#pastePhoto:focus{outline:2px solid #8fb29c;outline-offset:1px}#pastePhoto[aria-busy="true"]{opacity:.6}.pasteStatus{font-size:10px;line-height:1.7;color:#43816a;margin:0 0 9px;word-break:break-word}.pasteStatus:empty{display:none}.pasteStatus.error{color:#a26d3c}#syncFold{margin:10px 0 15px}

#pastePhoto{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#pastePhoto img{max-width:1px;max-height:1px;opacity:.01}#pastePhoto [contenteditable]{caret-color:transparent}
.uDiagram{display:block;width:100%;height:170px;margin:12px 0 20px}#kitchenDialog{max-width:560px}#kitchenError:empty,#exportWarning:empty{display:none}header{flex-wrap:wrap}#exportTop{white-space:nowrap}#exportDialog{max-height:90vh;overflow:auto}#exportWarning{line-height:1.7}button:disabled{opacity:.45;cursor:not-allowed}
/* Focused workspace: essential tools visible; details open on demand. */
header{height:auto;min-height:70px;padding:12px 22px;gap:12px;flex-wrap:wrap}.brand{font-size:19px}.mark{font-size:17px}.brand small{letter-spacing:.5px}.project{margin-right:10px}.project input{width:230px}#language{width:95px;font-size:11px}header #helpBtn{font-size:11px}.ribbon{padding:0 22px}.tabs button{padding:15px 0 12px}.tabs b{font-size:12px}.badge{border:0;font-size:10px}main{grid-template-columns:230px minmax(320px,1fr) 260px;min-height:calc(100vh - 119px)}section{padding:18px 16px}.workspace{padding:20px;min-width:0}.canvasWrap{height:calc(100vh - 260px);min-height:480px;max-height:none}.canvasToolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.canvasToolbar>div:first-child{min-width:140px}.toolbarButtons{flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;max-width:100%}.toolbarButtons button,.toolbarButtons select,.toolbarMore summary{font-size:11px;min-height:32px;padding:7px 9px}.stageExport{display:none}.stageMode .stageExport{display:inline-block}.summary{padding:13px 0}.previewStrip{padding:13px 15px}.previewStrip>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.previewStrip>summary:after{content:'+';color:#789087}.previewStrip[open]>summary:after{content:'−'}.previewStrip .previews{margin-top:14px}aside .eyebrow{display:none}aside h2{font-size:14px;margin:0 0 14px}aside .hint{font-size:10px;line-height:1.6}aside label{font-size:11px}aside input,aside select{padding:8px 9px;font-size:12px}.slabHeading{margin-top:-8px;margin-bottom:10px;gap:5px}.slabHeading .hint{font-size:9px}.slabList{display:grid;gap:7px;margin-bottom:14px;max-height:245px;overflow:auto}.slabCard{display:flex;align-items:center;gap:9px;text-align:left;padding:8px;background:#fff;font-weight:400;border:1px solid #e1e8e4}.slabCard.active{background:#edf5f1;border-color:#8cb6a1}.slabCard img{width:38px;height:34px;border-radius:3px;object-fit:cover;background:#e1e7df}.slabCard b{font-size:11px;display:block}.slabCard small{font-size:9px;color:#81958b;display:block;margin-top:4px}.propertyGroup,#slabSettings,.projectTools{border-bottom:1px solid var(--line);padding:0 16px 16px;background:white}.propertyGroup>summary,#slabSettings>summary,.projectTools>summary{cursor:pointer;font-size:12px;font-weight:600;padding:16px 0 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:6px}.propertyGroup>summary:after,#slabSettings>summary:after,.projectTools>summary:after{content:'+';font-size:16px;color:#8da297;font-weight:400}.propertyGroup[open]>summary:after,#slabSettings[open]>summary:after,.projectTools[open]>summary:after{content:'−'}.propertyGroup[open]>summary,#slabSettings[open]>summary,.projectTools[open]>summary{margin-bottom:18px}.propertyGroup .sectionLine:empty{display:none}#profilePanel{background:white}.propertyGroup .hint{margin:5px 0 12px}#slabSettings{padding:0;border:0}#slabSettings>summary{padding-top:4px;color:#607d70}.upload{padding:9px;display:flex;align-items:center;justify-content:center;gap:8px}.upload .uploadIcon,.upload small{display:none}.upload b{font-size:11px;margin:3px 0}.pieceRow{padding:9px 6px;margin:4px -4px}.pieceRow small{font-size:9px;line-height:1.4}#piecePanel{border-bottom:1px solid var(--line)}#piecePanel .sectionLine{align-items:baseline}.right{height:calc(100vh - 122px);overflow:auto;position:sticky;top:0}.left{height:calc(100vh - 122px);overflow:auto;position:sticky;top:0}.toolbarMore{position:relative}.toolbarMore>summary{list-style:none;cursor:pointer;color:#68817a;border-radius:5px;border:1px solid #dce6e0}.toolbarMore[open]{background:white;border:1px solid #dce6e0;border-radius:6px;padding:0 5px 5px}.toolbarMore[open] button{display:block;width:100%;text-align:left;margin-top:3px}#exportDialog>button.wide{margin:5px 0}#exportDialog br{display:none}#exportDialog>p{line-height:1.6}#cabinetPanel:not([hidden]){display:block}#cabinetPanel summary{grid-column:1/-1}.cornerDiagram{height:60px}.projectTools button{margin-bottom:8px}.stageMode .right{height:auto}.stageMode .canvasToolbar>div:first-child{max-width:none}.stageMode .workspace{padding:18px}.stageMode .canvasWrap{max-height:none}.stageMode #profilePanel{display:block}.stageMode aside.right details{background:white}#board{background:transparent}
@media(max-width:1100px){main{grid-template-columns:210px minmax(300px,1fr) 240px}.workspace{padding:15px}.toolbarButtons{justify-content:flex-start}.project input{width:200px}header{padding:12px 16px}.brand{gap:10px}.canvasWrap{min-height:440px}}
@media(max-width:850px){main{grid-template-columns:210px minmax(0,1fr)}.right{grid-column:1/-1;display:block;position:static;height:auto;border-top:1px solid var(--line)}.right #cabinetPanel:not([hidden]){display:block}.left{height:calc(100vh - 145px)}.workspace{min-width:0}.right>section,.right>details{padding-left:20px;padding-right:20px}.right #piecePanel{display:block}.canvasWrap{height:calc(100vh - 290px);min-height:450px}.project{margin-right:auto;min-width:180px;margin-left:auto}.project input{width:190px}.ribbon{padding:0 16px}.tabs{gap:22px}.stageMode .right{height:auto;position:fixed;grid-column:auto}}
@media(max-width:580px){header{gap:8px;padding:12px}.brand{font-size:16px}.brand small,.mark{display:none}.project{width:100%;order:4;margin:0}.project input{width:100%}.project span{display:none}#helpBtn{margin-left:auto}#exportTop{font-size:11px;padding:8px 10px}#language{width:85px;padding:7px}.ribbon{padding:0 12px}.tabs{gap:18px}.tabs b{margin-left:3px;font-size:11px}.badge{display:none}main{display:flex;flex-direction:column}.left{position:static;height:auto;display:block;border:0}.left>section{padding:14px}.left>section:nth-child(n+2),.left>.projectTools{border-top:1px solid var(--line)}.slabList{display:flex;overflow:auto;max-height:none}.slabCard{min-width:155px;flex:none}.slabHeading{margin-bottom:8px}.left #pieceList{display:flex;overflow:auto;gap:6px}.pieceRow{min-width:145px;flex:none;margin:3px 0}.left #addStanding{margin-top:8px}.workspace{padding:12px}.canvasWrap{height:55vh;min-height:370px}.right{width:100%;display:block}.canvasToolbar{gap:10px}.canvasToolbar>div:first-child{width:100%}.stageMode .canvasToolbar>div:first-child{width:auto}.stageMode .workspace{padding:10px}.stageMode .canvasWrap{height:auto;min-height:180px}.stageMode .right{width:min(290px,90vw)}.previewStrip small{display:none}.viewControls{bottom:43px}.summary{font-size:9px}.summary .divider{margin:0 3px}#exportDialog{padding:24px 20px}.propertyGroup>summary{font-size:13px}}
.fasciaAdd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.fasciaAdd select,.fasciaAdd button{margin:0;min-width:0}.fasciaAdd button{white-space:nowrap}