/* A bright room for building, with a compact workbench beside it. */
.in-designer .site-header,.in-designer .section-nav,.in-designer footer,.in-designer #wood-dust{display:none}.in-designer main{max-width:none;padding:0}.in-designer .carpenter-guide{bottom:20px;right:380px}.in-designer .carpenter-button{display:none}.in-designer #guide-panel{max-height:calc(100svh - 155px)}
.designer-view{padding:0!important;max-width:none!important}.designer-app{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:76px minmax(0,1fr);min-height:100svh;background:#ede4d4;color:#392818}.designer-header{grid-column:1/-1;display:flex;align-items:center;gap:20px;background:#241a12;color:#f8edd8;padding:12px 23px;border-bottom:1px solid #d7b68444}.designer-header h2{font:26px/1.1 Georgia,serif;letter-spacing:0;margin:3px 0 0}.designer-header .eyebrow{font-size:8px;letter-spacing:2px}.designer-header-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.designer-header button,.designer-header .secondary-button{border:1px solid #d7b68455;border-radius:4px;background:#c19d6812;color:#f5dfbb;padding:8px 10px;font-size:12px;line-height:1.3}.designer-header button:disabled{opacity:.35;cursor:default}
.room-stage{height:calc(100svh - 76px);min-height:500px;position:relative;overflow:hidden;touch-action:none;isolation:isolate;background:radial-gradient(ellipse at 45% 30%,#fff6e7,#d5c5ab)}.room-stage canvas{position:absolute;inset:0;width:100%;height:100%;outline-offset:-4px}.room-stage #room-overlay{pointer-events:none;z-index:2}.room-stage[data-mode=orbit] canvas{cursor:grab}.room-stage[data-mode=move] canvas{cursor:move}.room-stage:active canvas{cursor:grabbing}.room-top-note{position:absolute;z-index:3;left:22px;right:22px;top:18px;display:flex;align-items:center;gap:9px;pointer-events:none;font:10px monospace;letter-spacing:1px;color:#5d472d}.room-top-note small{margin-left:auto;max-width:190px;text-align:right;font:10px Arial;letter-spacing:0}.room-live-dot{height:6px;width:6px;flex-shrink:0;background:#8c9c64;border-radius:50%;box-shadow:0 0 0 4px #8c9c641a}.room-empty{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);width:min(350px,calc(100% - 100px));text-align:center;background:#f8efdfd9;border:1px solid #fff9ef;border-radius:12px;padding:22px;backdrop-filter:blur(6px);box-shadow:0 15px 50px #75654514}.room-empty-symbol{display:block;font:50px Georgia;color:#a87a3f;margin-bottom:8px}.room-empty strong{font:24px/1.1 Georgia;display:block}.room-empty p{font:13px/1.6 Arial;color:#735f47;margin:12px 0 18px}.room-empty .primary-button{font-size:12px;padding:12px;background:#8b5e2e;color:#fff2de;border-radius:4px}
.room-camera-tools{position:absolute;right:20px;top:60px;z-index:3;display:flex;flex-direction:column;gap:7px}.room-camera-tools button{border:1px solid #b69b7055;background:#fff5e9d9;color:#5e4224;border-radius:5px;min-width:39px;min-height:35px;box-shadow:0 3px 12px #79573312;font-size:13px}.room-camera-tools button:hover{background:#fff}.room-toolbar{position:absolute;z-index:4;bottom:18px;left:20px;right:20px;border:1px solid #b0926444;background:#fcf3e6eb;backdrop-filter:blur(12px);border-radius:8px;padding:9px;display:flex;gap:7px;flex-wrap:wrap;box-shadow:0 9px 35px #583f2714}.room-toolbar>div{display:flex;gap:4px}.room-toolbar button{color:#684725;background:#b3935c11;border:1px solid #ac8b5633;border-radius:4px;padding:9px 10px;font-size:11px}.room-toolbar button[aria-pressed=true]{color:#fff6e6;background:#785529;border-color:#785529}.room-toolbar small{flex-basis:100%;color:#866f50;padding:0 3px;font-size:10px}
.designer-sidebar{background:#fbf4e8;border-left:1px solid #c9b28e66;padding:21px;max-height:calc(100svh - 76px);overflow:auto;scrollbar-width:thin;scrollbar-color:#bea27a #f4eadb;font:13px/1.5 Arial}.designer-sidebar p{color:#826b50;font-size:12px}.designer-sidebar label{display:block;font-size:11px;color:#674e34}.designer-sidebar input:not([type=color]),.designer-sidebar select{font:13px Arial;background:#fffaf2;color:#44301e;border:1px solid #d7c5a9;border-radius:4px;padding:9px 10px;width:100%;margin-top:5px;min-height:36px}.designer-sidebar input[type=color]{display:block;width:100%;height:36px;border:1px solid #d7c5a9;background:#fffaf2;border-radius:4px;padding:4px;margin-top:5px}.designer-project{border-bottom:1px solid #dbc8aa;padding-bottom:9px;margin-bottom:16px}.designer-project label{font-weight:700;letter-spacing:.4px}.designer-project p{margin:9px 0 0;line-height:1.5}.designer-templates{border-bottom:1px solid #e0d0b8;padding-bottom:16px;margin-bottom:20px}.designer-templates summary{cursor:pointer;font-size:12px;color:#6b4a27}.designer-template-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.designer-template-buttons button{padding:8px 9px;border:1px solid #cdb58d;background:#fff6e7;border-radius:4px;color:#634323;font-size:11px}.designer-templates small{color:#967e5f;font-size:10px}.designer-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.designer-panel-heading h3{font:18px Georgia;margin:0;color:#4d3622}.designer-panel-heading>span{font-size:8px;letter-spacing:1px;color:#987f5b}.designer-add-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.designer-add-buttons button{background:#fff9ef;border:1px solid #d9c39f;border-radius:5px;color:#78552d;font-size:11px;padding:10px 4px;transition:transform .18s,background .18s}.designer-add-buttons button>span{display:block;font-size:25px;line-height:1.2;margin-bottom:6px;color:#ad824b}.designer-add-buttons button:hover{background:#f3e0bc;transform:translateY(-2px)}.designer-pieces{max-height:185px;overflow:auto;border-radius:4px;scrollbar-width:thin}.designer-piece{display:block;width:100%;padding:8px 10px;background:#eadcc744;border:1px solid transparent;margin-bottom:4px;border-radius:4px;text-align:left;color:#684c2b}.designer-piece strong,.designer-piece span{display:block}.designer-piece strong{font-size:11px}.designer-piece span{font-size:10px;color:#977f5f;margin-top:3px}.designer-piece[aria-pressed=true]{background:#ead3a8;border-color:#bb9560;color:#4e351c}.designer-hint{margin:10px 0;font-size:11px!important}.designer-inspector{border-top:1px solid #d9c5a6;margin-top:16px;padding-top:16px}.designer-inspector fieldset{border:0;padding:0;margin:16px 0}.designer-inspector legend{font-size:11px;color:#715637;margin-bottom:7px}.designer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.designer-fields label{font-size:9px}.designer-sidebar .designer-fields input{padding:8px 5px}.designer-material-fields{display:grid;grid-template-columns:1fr 64px;gap:10px}.designer-piece-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.designer-piece-actions button{font-size:10px;padding:8px 9px;color:#74522d;border:1px solid #cab088;border-radius:4px;background:#fff3df}.designer-piece-actions #designer-delete{color:#985e43}.designer-delivery{margin-top:23px;padding-top:18px;border-top:1px solid #d9c5a6}.designer-delivery h3{font:20px/1.2 Georgia;color:#4d3622}.designer-delivery>div{display:flex;gap:6px;margin:12px 0}.designer-delivery button{font-size:11px;padding:10px;border-radius:4px;flex:1}.designer-delivery .secondary-button{border-color:#c7ad82;color:#72522b;background:#f5e6cb}.designer-delivery .primary-button{display:block;width:100%;background:#7e592e;color:#fff1d8}.designer-delivery button:disabled{opacity:.4;cursor:default}.designer-delivery small{font-size:10px;color:#98805e;display:block;margin-top:11px;line-height:1.6}#designer-status{font-size:11px;line-height:1.6;background:#ebdcc033;padding:9px;border-radius:4px;margin:15px 0 0}#designer-status:empty{display:none}.room-stage:fullscreen{width:100vw;height:100vh;min-height:0}
.audio-panel{position:fixed;z-index:500;right:20px;top:88px;width:min(310px,calc(100vw - 30px));padding:20px;background:#302317f5;backdrop-filter:blur(16px);border:1px solid #d7b27b66;border-radius:8px;box-shadow:0 12px 40px #0005;color:#f8e6c9}.audio-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.audio-panel-heading strong{font:20px Georgia}.audio-panel-heading button{padding:3px 8px;background:none;color:#eed6b0;font-size:23px}.audio-panel label{display:block;color:#ceb18b;font-size:12px}.audio-panel input[type=range]{width:100%;accent-color:#d6a861;display:block;margin:13px 0 16px}.audio-panel>button{display:block;background:#dfb26c11;border:1px solid #dfb26c44;border-radius:4px;color:#ebcc9e;padding:10px 12px;font-size:12px;width:100%;text-align:left;margin:8px 0}.audio-panel>button[aria-pressed=true]{border-color:#d6a660;background:#e3b86d1f}.audio-panel p{margin:15px 0 0;font-size:11px;color:#bfa684}.audio-panel small{font-size:10px;line-height:1.6;display:block;color:#9b886d;margin-top:8px}
@media(max-width:1050px){.designer-app{grid-template-columns:minmax(0,1fr) 310px}.designer-sidebar{padding:17px}.designer-header{gap:12px;padding:12px 15px}.designer-header-actions button{font-size:10px}.designer-header h2{font-size:23px}.in-designer .carpenter-guide{right:330px}.room-toolbar button{font-size:10px;padding:8px}.room-toolbar{left:12px;right:12px}}
@media(max-width:760px){.designer-app{display:block}.designer-header{min-height:106px;flex-wrap:wrap;gap:10px}.designer-header>div:nth-child(2){flex:1}.designer-header-actions{margin:0;flex-basis:100%;justify-content:space-between}.designer-header h2{font-size:22px}.designer-header .eyebrow{font-size:7px}.room-stage{height:57svh;min-height:390px}.designer-sidebar{max-height:none;border-left:0;border-top:1px solid #c9b28e}.designer-project{margin-bottom:12px}.designer-pieces{max-height:150px}.room-top-note{left:15px;right:15px;font-size:8px}.room-top-note small{font-size:8px;max-width:130px}.room-empty{width:calc(100% - 105px);padding:17px;top:44%}.room-empty strong{font-size:20px}.room-empty p{font-size:11px}.room-empty .primary-button{font-size:10px;padding:10px}.room-empty-symbol{font-size:36px}.room-camera-tools{right:12px;gap:5px}.room-camera-tools button{min-height:30px;min-width:31px;font-size:11px}.room-toolbar{bottom:12px;gap:5px;padding:7px}.room-toolbar button{font-size:9px;padding:7px}.room-toolbar small{font-size:8px}.in-designer .carpenter-guide{right:15px;bottom:18px}.audio-panel{top:118px}}
@media(prefers-reduced-motion:reduce){.designer-add-buttons button{transition:none}}
