/* Shared MAJLIS working-table language. Scoped to the Studio and its dialogs. */
.atelier-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 24px));max-height:88dvh;overflow:auto;border:1px solid #c6baac;border-radius:8px;background:#fff8ea;color:#2a2018;padding:28px;font:16px/1.5 'Brandon Grotesque',sans-serif;box-shadow:0 24px 80px #2a201833}
.atelier-dialog::backdrop{background:#2a201866}.atelier-dialog *{box-sizing:border-box;text-transform:none!important;letter-spacing:normal!important}
.atelier-dialog h2{font-size:30px;margin:4px 0 12px}.atelier-dialog p{font-size:15px;line-height:1.5}.atelier-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.atelier-dialog small{color:#66594c}.atelier-dialog button,.atelier-dialog input,.atelier-dialog select{font:inherit;min-height:44px;border:1px solid #b6a99a;border-radius:4px;padding:8px 12px;background:#fffdf8;color:#2a2018;max-width:100%}.atelier-dialog button{cursor:pointer}.atelier-dialog button[aria-pressed=true],.atelier-dialog #furniturePlace{background:#540d00;color:#fff8ea}.atelier-dialog button:disabled{opacity:.45;cursor:not-allowed}.atelier-dialog input[type=checkbox]{min-height:auto;width:20px;height:20px;vertical-align:middle;accent-color:#540d00}.atelier-dialog :focus-visible{outline:3px solid #147777;outline-offset:3px}.atelier-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.atelier-fields label{display:flex;flex-direction:column;gap:5px}.atelier-fields select[multiple]{min-height:120px}.atelier-actions,.atelier-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.atelier-list>div{display:flex;gap:4px}.atelier-consent{display:block;margin:14px 0}.atelier-upload{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px dashed #998675}.atelier-dialog #furniturePreview{width:100%;height:220px;background:#efe7d6}.atelier-dialog [hidden]{display:none!important}
#studio.atelier{--atelier-paper:#fff8ea;--atelier-ink:#2a2018;--atelier-line:#d3c8b9}
#studio.atelier .workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:0!important;min-height:700px;height:calc(100dvh - 90px)!important;max-height:none!important;overflow:hidden}
#studio.atelier .stage{position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;background:#e9e4db!important;border:0!important;grid-column:auto!important;overflow:hidden!important;display:block!important;padding:0!important}
#studio.atelier .panel{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:100%!important;overflow:auto!important;transform:none!important;background:#fff8ea!important;border:0!important;border-left:1px solid var(--atelier-line)!important;padding:20px!important;box-shadow:none!important}
#studio.atelier .panel *{text-transform:none!important;letter-spacing:normal!important}#studio.atelier .panel .label{font-size:14px!important;line-height:1.4!important;color:#46372d!important;margin-bottom:10px!important}#studio.atelier .panel button{font-size:14px!important;line-height:1.25!important;min-height:44px!important;box-shadow:none!important}#studio.atelier .panel input{font-size:16px!important;min-height:44px!important}#studio.atelier .panel .group{margin:0 0 24px!important}#studio.atelier .panel .group[hidden]{display:none!important}#studio.atelier .panel input[type=range]{width:100%}
#studio.atelier .atelier-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-bottom:1px solid var(--atelier-line);padding-bottom:12px;margin-bottom:20px;position:sticky;top:-20px;z-index:15;background:#fff8ea;padding-top:12px}
#studio.atelier .atelier-tabs button{border:0!important;border-radius:0!important;background:transparent!important;color:#65564a!important;padding:10px 3px!important}#studio.atelier .atelier-tabs button[aria-selected=true]{color:#540d00!important;border-bottom:3px solid #540d00!important;font-weight:700}
#studio.atelier .atelier-section[hidden]{display:none!important}#studio.atelier .atelier-section{min-width:0}#studio.atelier .frame-design-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}#studio.atelier .frame-design-option{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}#studio.atelier .frame-design-preview{width:100%!important;height:94px!important}#studio.atelier .frame-design-option span:last-child{font-size:14px!important;line-height:1.35!important;white-space:normal!important}
#studio.atelier .stage-tools{position:absolute!important;left:20px!important;right:20px!important;top:18px!important;width:auto!important;max-width:none!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;z-index:30!important;transform:none!important;padding:0!important;background:none!important}
#studio.atelier .stage-tools button{font-size:13px!important;min-height:42px!important;padding:9px 12px!important;min-width:0!important;box-shadow:none!important;white-space:normal!important;text-transform:none!important;letter-spacing:normal!important;border:1px solid #bcb0a2!important;background:#fff8ea!important;color:#540d00!important}
#studio.atelier .stage-tools button[aria-pressed=true]{background:#540d00!important;color:#fff8ea!important}#studio.atelier #toggleStudioView,#studio.atelier #stageHidePanel,#studio.atelier #summaryQuote{display:none!important}
#studio.atelier .view-2d.active{position:absolute!important;inset:90px 24px 124px!important;height:auto!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;grid-row:auto!important}
#studio.atelier .view-3d.active{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}#studio.atelier .game-frame{width:100%!important;height:100%!important;border:0!important}
#studio.atelier .summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:absolute!important;bottom:12px!important;left:20px!important;right:20px!important;width:auto!important;transform:none!important;max-width:none!important;background:#fff8ea!important;border:1px solid #d3c8b9!important;border-radius:4px!important;padding:12px!important;gap:12px!important;z-index:20!important}
#studio.atelier .summary span{font-size:11px!important;line-height:1.3!important;text-transform:none!important}#studio.atelier .summary b{font-size:15px!important}#studio.atelier .rug-zoom-controls{position:absolute!important;bottom:96px!important;top:auto!important;left:20px!important;transform:none!important;right:auto!important}
#studio.atelier .panel-actions{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:auto!important;padding-top:18px!important}#studio.atelier #panelQuote{background:#540d00!important;color:#fff8ea!important}#studio.atelier #panelSave,#studio.atelier #panelSpecPdf{background:transparent!important;color:#540d00!important;border:1px solid #b6a99a!important}
.atelier-schemes{display:flex;gap:8px;margin:10px 0 20px;flex-wrap:wrap}.atelier-schemes button{padding:8px!important}.atelier-open{margin:12px 0 20px}.atelier-open summary{cursor:pointer;min-height:44px;padding:10px 0}.atelier-caption{font-size:14px;line-height:1.45;color:#66594c}.atelier-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.atelier-compare figure{margin:0;min-width:0}.atelier-compare img{width:100%;height:260px;object-fit:contain;background:#e9e4db}.atelier-compare figcaption{margin:12px 0}.atelier-dialog .atelier-swatch{display:inline-block;width:24px;height:24px;border:1px solid #a99d91;vertical-align:middle;margin-right:8px}
@media(max-width:900px){#studio.atelier .workspace{grid-template-columns:1fr!important;grid-template-rows:minmax(300px,48dvh) minmax(280px,1fr)!important;height:auto!important;min-height:calc(100dvh - 70px)!important;overflow:visible!important}#studio.atelier .panel{height:auto!important;max-height:65dvh!important;border-left:0!important;border-top:1px solid var(--atelier-line)!important;padding:16px!important}#studio.atelier .stage{height:48dvh!important;min-height:300px!important}#studio.atelier .stage-tools{left:10px!important;right:10px!important;top:10px!important;gap:4px!important}#studio.atelier .stage-tools button{font-size:12px!important;padding:6px 9px!important;min-height:40px!important}#studio.atelier .view-2d.active{inset:100px 12px 82px!important}#studio.atelier .summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important;padding:8px!important}#studio.atelier .summary b{font-size:12px!important}#studio.atelier .summary span{font-size:10px!important}#studio.atelier .rug-zoom-controls{display:none!important}#studio.atelier .atelier-tabs{top:-16px!important}#mobileLivePreview{display:none!important}.atelier-dialog{padding:18px}.atelier-compare{grid-template-columns:1fr}.atelier-fields{gap:12px}.atelier-dialog #furniturePreview{height:160px}}
@media(max-width:374px){.atelier-fields{grid-template-columns:1fr}#studio.atelier .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}#studio.atelier .view-2d.active{bottom:110px!important}}
@media(prefers-reduced-motion:reduce){#studio.atelier *, .atelier-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#atelierFootprints{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5;touch-action:none}#studio.atelier .stage-tools [hidden]{display:none!important}#studio.atelier .panel :focus-visible{outline:3px solid #147777!important;outline-offset:3px}

#studio.atelier .atelier-view-menu{position:relative;color:#540d00;font-size:13px;text-transform:none!important;letter-spacing:normal!important}#studio.atelier .atelier-view-menu summary{cursor:pointer;list-style:none;border:1px solid #bcb0a2;border-radius:4px;padding:10px 12px;min-height:42px;background:#fff8ea}#studio.atelier .atelier-view-menu summary::after{content:' +';margin-left:10px}#studio.atelier .atelier-view-options{position:absolute;right:0;top:48px;width:220px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fff8ea;border:1px solid #bcb0a2;box-shadow:0 12px 32px #2a201826}#studio.atelier .atelier-view-options button{width:100%;text-align:left;justify-content:flex-start}#studio.atelier .atelier-view-menu:not([open]) .atelier-view-options{display:none!important}#studio.atelier .atelier-view-menu :focus-visible{outline:3px solid #147777;outline-offset:2px}@media(max-width:900px){#studio.atelier .atelier-view-menu{font-size:12px}#studio.atelier .atelier-view-menu summary{min-height:40px;padding:8px 10px}}

.atelier-object-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #d9ccba}.atelier-object-row button,.atelier-object-row input{min-height:44px;font:inherit;min-width:0}.atelier-object-row [aria-pressed="true"]{background:#540d00;color:#fff8ea}@media(max-width:480px){.atelier-object-row{grid-template-columns:1fr 1fr}.atelier-object-row>:first-child{grid-column:1/-1}}

/* Furniture import — fields, then a layers/preview pair.
   The preview frame owns its height and its own empty state, so a drawing that
   cannot yet be drawn (units unconfirmed, no linework on the chosen layers)
   says so inside the frame instead of showing a blank rectangle. The svg is
   sized to the frame here, which deliberately overrides the earlier fixed
   heights on #furniturePreview. */
.furniture-import{display:grid;gap:18px;margin:18px 0}
.furniture-import .atelier-fields{margin:0}
.atelier-fields .furniture-span{grid-column:1/-1}
.furniture-hint{display:block;font-size:13px;line-height:1.45;color:#66594c;margin:0}
.furniture-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:start}
.furniture-split>label{display:flex;flex-direction:column;gap:5px;min-width:0}
.atelier-dialog .furniture-split select[multiple]{min-height:260px;padding-block:0}
.furniture-figure{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.furniture-preview-frame{position:relative;height:260px;border:1px solid #c6baac;border-radius:4px;background:#efe7d6;overflow:hidden}
.atelier-dialog #furniturePreview{display:block;width:100%;height:100%;background:none}
.furniture-preview-empty{position:absolute;inset:0;margin:0;display:grid;place-items:center;text-align:center;padding:18px;font-size:14px;line-height:1.5;color:#66594c}
.furniture-confirm-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.furniture-confirm-row>label{flex:1 1 260px;min-width:0}
.furniture-confirm-row>button{flex:0 0 auto}
@media(max-width:720px){.furniture-split{grid-template-columns:1fr}.atelier-dialog .furniture-split select[multiple]{min-height:auto}.furniture-preview-frame{height:200px}}