:root{--radius:18px;--shadow:0 8px 28px rgba(0,0,0,.08)}
/* Clear hierarchy for configuration, preview, and fabrication drawings. */
.hero-head{flex-wrap:wrap;padding:12px 8px 22px!important}.hero-head>div:first-child{flex:1 1 250px}.hero-actions{flex-wrap:wrap;align-items:center;max-width:100%}.hero-actions .button{font-size:14px;padding:11px 15px;border-radius:10px;white-space:normal;text-align:center}.sketchup-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--paper);border:1px solid var(--line)}.sketchup-note{font-size:13px;color:var(--muted);margin:0 8px 18px}.button.primary{background:var(--wood)!important;color:#211b16!important;border-color:var(--wood)!important;font-weight:700}.button:hover{filter:brightness(1.07)}.button:focus-visible,summary:focus-visible{outline:3px solid var(--wood);outline-offset:3px}.metric{border-top:0!important;border-left:3px solid var(--wood);box-shadow:none!important}.metric strong{font-variant-numeric:tabular-nums}.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.board{background:#202727!important;padding:18px!important;border-radius:12px}.board-head{color:#f4eee4;font-size:14px!important;margin-bottom:14px!important}.board-svg{background:#d7b88e}.detail-panel h3{font-size:20px;letter-spacing:-.025em}.input-wrap{border-radius:10px!important}.input-wrap:focus-within{box-shadow:0 0 0 3px rgba(214,138,85,.17)}.input-wrap .unit{font-size:12px!important}.render-caption{padding-block:15px!important}.section-label h2{color:var(--muted)}
@media(max-width:1000px){.detail-grid{grid-template-columns:1fr!important}.hero-actions{width:100%}.hero-actions .button{flex:1 1 140px}}
@media(max-width:600px){.hero-head{padding:8px 0 16px!important}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{font-size:13px;min-height:46px}.cut-boards{grid-template-columns:1fr!important}.sketchup-note{margin-inline:0}}
.mesa-controls .note{margin-top:12px}.mesa-board-svg{background:#d8b88e}.mesa-stock-control .note{display:block;margin-top:6px}.sketchup-link[hidden],.sketchup-note[hidden]{display:none!important}.parametric-preview:has(.mesa-preview-svg){background:linear-gradient(145deg,#252a2a,#181c1d)}
body.light{--wood-2:#8b5025}
.mesa-technical-panel{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink-2) 90%,var(--wood) 10%)}.mesa-technical-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mesa-technical-heading h3{margin:0;color:var(--paper);font-size:18px}.mesa-technical-heading p,.mesa-technical-heading>span{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.mesa-technical-heading>span{text-align:right;white-space:nowrap}.mesa-technical-model{width:100%;margin:14px 0 0;background:linear-gradient(145deg,#252a2a,#181c1d)}.mesa-technical-model svg{max-height:520px}
@media(max-width:600px){.mesa-technical-panel{padding:14px}.mesa-technical-heading{display:block}.mesa-technical-heading>span{text-align:left}}
body{font-size:16px}.wrap{max-width:1480px}.intro{padding-block:26px}h1{font-size:clamp(28px,3vw,40px);line-height:1.1}
.panel{box-shadow:var(--shadow)}.controls{padding:24px}.form-group label,.advanced summary{color:var(--paper);font-size:14px}.note{font-size:13px;line-height:1.65}.input-wrap input{padding:12px 10px;min-width:0}.input-wrap .unit{padding-right:8px;font-size:11px}.sheet-fields{grid-template-columns:1fr 1fr!important}.sheet-fields>div:last-child{grid-column:1/-1}.sheet-fields>div:last-child .input-wrap{max-width:150px}.sheet-label{font-size:12px}.section-label{margin-top:25px}
.controls,.hero-panel,.detail-panel{border-color:color-mix(in srgb,var(--line) 75%,var(--wood) 25%)}.section-label h2{letter-spacing:.14em}.hero-head h2{font-size:25px}.product-picker{border:1px solid var(--line);border-radius:14px;padding:4px;background:color-mix(in srgb,var(--ink-2) 86%,var(--wood) 14%)}.product-picker summary{border-radius:10px;padding:15px 14px}.type-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.type-card:hover{transform:translateY(-1px);border-color:var(--wood)}.board{overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 75%,var(--wood) 25%);box-shadow:0 8px 20px rgba(0,0,0,.12)}.board-svg{background:#e6c594}.cut-boards{align-items:start}
.hero-head{gap:18px;align-items:flex-start}.hero-head p{font-size:14px}.hero-actions{gap:8px}.button{font-size:12px;min-height:40px}.button:disabled{opacity:.4;cursor:not-allowed}.photo-render{border-radius:10px}.render-wrap{padding:0 18px;background:none}.render-caption{font-size:12px}.metric{border-top:3px solid var(--wood);padding:20px}.metric small,.metric p{font-size:13px}.detail-panel{padding:24px}.detail-panel>p{font-size:14px;line-height:1.7}.spec-row{font-size:14px}.parametric-preview{width:100%;max-width:none;margin-top:22px;background:var(--ink-3);color:var(--paper)}.parametric-preview-head{flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px}.parametric-preview-head strong{font-size:15px}
.parametric-active .detail-grid{grid-template-columns:minmax(0,1fr)!important}.parametric-active .cut-boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.board-head{font-size:12px;gap:10px}.board-zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left;color:#ddd;font:inherit}.board-zoom span{display:block;padding-top:10px;font-size:12px}.board-svg{border-radius:5px}.cut-error{color:#c66245;line-height:1.6}.check-label{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--paper)}.check-label input{width:18px;height:18px;accent-color:var(--wood)}.wave-note{font-size:12px;color:var(--muted);line-height:1.6}.reset-wave{margin-top:0;margin-bottom:12px}.parametric-active .controls>p.note{display:none}
.board-head>div{text-align:right;display:grid;gap:5px}.cut-offcut-note{color:var(--muted);font-size:11px;line-height:1.4;font-weight:500}
dialog{width:min(1200px,95vw);max-height:92vh;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--ink-2);color:var(--paper)}dialog::backdrop{background:rgba(0,0,0,.7)}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.drawing-toolbar h2{font-size:18px;margin:0}#drawing-content{overflow:auto;max-height:75vh}#drawing-content svg{min-width:1000px;width:100%}
@media(min-width:1100px){.grid{grid-template-columns:320px minmax(0,1fr)}.controls{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}}
@media(max-width:700px){.parametric-active .cut-boards{grid-template-columns:1fr}.controls{padding:20px}.hero-head{padding:20px}.hero-actions{flex-wrap:wrap}.render-wrap{padding:0 12px}.metric{padding:16px}.brand span{display:none}.parametric-preview-head{padding:12px}.detail-panel{padding:18px}.drawing-toolbar h2{font-size:15px}.sheet-fields{grid-template-columns:1fr 1fr!important}}
.photo-render.honeycomb-render{aspect-ratio:1 / 1;background:#100c08}.photo-render.honeycomb-render>img{object-fit:contain}.honeycomb-board-svg{background:#d8a16c}.honeycomb-board-svg path{vector-effect:non-scaling-stroke}
.relief-file{display:block;width:100%;margin-top:8px;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--ink-2);color:var(--paper);font:inherit;font-size:14px}.relief-file:focus-visible{outline:3px solid var(--wood);outline-offset:3px}.relief-status{min-height:1.5em;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.image-relief-controls .note{display:block}.relief-empty{display:grid;min-height:240px;place-items:center;padding:30px;text-align:center;color:var(--muted);font-size:16px;line-height:1.6}.relief-error{color:#c66245}.image-relief-board{background:#d9aa75}.image-relief-controls[hidden]{display:none!important}
.relief-preview-switch{display:flex;gap:8px;padding:10px 14px 0;flex-wrap:wrap}.relief-preview-tab{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:7px 12px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.2;cursor:pointer}.relief-preview-tab[aria-selected=true]{background:var(--wood);border-color:var(--wood);color:#fff}.relief-preview-stage{padding:8px 0 0}.relief-front-caption{padding:0 14px 12px;color:var(--muted);font-size:12px;line-height:1.5}.relief-front-svg{display:block;width:100%;height:auto;max-height:560px}.relief-view-hidden{display:none!important}
.product-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px;padding:4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink-3) 88%,var(--wood) 12%)}.product-category-tab{min-width:0;padding:10px 5px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}.product-category-tab.active{background:var(--wood);border-color:var(--wood);color:#fff}.product-category-tab:focus-visible{outline:3px solid var(--wood-2);outline-offset:2px}.product-category-panel{display:grid;gap:8px}.product-category-panel[hidden]{display:none!important}.category-empty{display:grid;justify-items:center;gap:8px;padding:24px 16px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--paper)}.category-empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--felt);color:var(--wood-2);font-size:20px}.category-empty small{color:var(--muted);line-height:1.5}.relief-render-button{width:100%;margin:6px 0 0}.image-relief-render-output{position:relative;z-index:1;width:min(100%,920px);max-width:100%;margin-top:18px}.image-relief-render-output[hidden]{display:none!important}.image-relief-render-figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--ink-2);box-shadow:0 10px 28px rgba(0,0,0,.18)}.image-relief-room-canvas{display:block;width:100%;height:auto}.image-relief-render-figure figcaption{padding:12px 15px;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:380px){.product-category-tabs{gap:3px;padding:3px}.product-category-tab{padding-inline:2px;font-size:12px}}
.image-relief-active .photo-render{max-width:760px;margin-inline:auto}.image-relief-active .image-relief-render-output{width:min(100%,760px);margin-inline:auto}.relief-orbit-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 16px;color:var(--paper)}.relief-orbit-control{display:grid;grid-template-columns:auto minmax(100px,1fr) 48px;align-items:center;gap:12px;margin:0;font-size:14px;font-weight:600}.relief-orbit-control input{width:100%;accent-color:var(--wood);cursor:ew-resize}.relief-orbit-control output,.relief-orbit-tilt{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.relief-orbit-reset{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--ink-2);color:var(--paper);font:inherit;font-size:13px;cursor:pointer}.relief-orbit-reset:focus-visible,.relief-orbit-control input:focus-visible{outline:3px solid var(--wood);outline-offset:3px}.relief-orbit-frame{padding:0 10px}.relief-orbit-canvas{display:block;width:100%;height:auto;border-radius:10px;touch-action:none;cursor:grab}.relief-orbit-canvas.is-dragging{cursor:grabbing}.relief-orbit-help{margin:0;padding:8px 16px 14px;color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:700px){.relief-orbit-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.relief-orbit-control{grid-column:1/-1;grid-template-columns:auto minmax(80px,1fr) 42px}.relief-orbit-tilt{grid-column:1}.relief-orbit-reset{grid-column:2;grid-row:2}.relief-orbit-frame{padding:0 6px}.relief-orbit-help{font-size:12px;padding-inline:12px}.image-relief-active .photo-render{max-width:100%}}
.relief-orbit-toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) auto auto}.relief-orbit-presets{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}.relief-orbit-presets button{min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--ink-2);color:var(--paper);font:inherit;font-size:13px;cursor:pointer}.relief-orbit-presets button:hover,.relief-orbit-reset:hover{border-color:var(--wood);background:color-mix(in srgb,var(--ink-2) 84%,var(--wood) 16%)}.relief-orbit-presets button:focus-visible{outline:3px solid var(--wood);outline-offset:2px}@media(max-width:700px){.relief-orbit-toolbar{grid-template-columns:minmax(0,1fr) auto}.relief-orbit-presets{padding-inline:12px}.relief-orbit-presets button{flex:1 1 110px}}
.relief-orbit-toolbar .relief-orbit-reset{grid-row:auto}