:root{color:#15211a;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#4d876314,#0000 34%),linear-gradient(240deg,#2a668a14,#0000 28%),#f6f8f5;min-width:320px;margin:0}body.suppress-text-selection,body.suppress-text-selection *{-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #d8e1da;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 20px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1}.topbar p{color:#526257;max-width:680px;margin:8px 0 0;font-size:.98rem}.editor-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.workspace{grid-template-columns:minmax(280px,340px) minmax(560px,1fr) minmax(280px,360px);gap:20px;padding:20px;display:grid}.setup-panel,.utility-panel,.measurements-panel,.canvas-card{background:#ffffffe6;border:1px solid #d8e1da;border-radius:8px;box-shadow:0 14px 40px #2b3a3014}.setup-panel{flex-direction:column;gap:16px;max-height:calc(100vh - 132px);padding:16px;display:flex;overflow:auto}.panel-title{color:#315d44;align-items:center;gap:8px;display:flex}.panel-title h2,.utility-panel h2,.utility-panel h3,.measurements-panel h2{letter-spacing:0;margin:0;font-size:1rem}.utility-panel h3{font-size:.92rem}.section-list,.piece-list{gap:12px;display:grid}.setup-row{background:#fbfcfa;border:1px solid #d9e3dc;border-radius:8px;gap:10px;padding:12px;display:grid}.feature-panel{gap:10px;padding-top:4px;display:grid}.toggle-field{color:#526257;align-items:center;gap:10px;font-size:.88rem;font-weight:800;display:flex}.toggle-field input{accent-color:#245b46;width:18px;min-height:18px}.section-row.selected,.piece-row.selected{border-color:#2f7d59;box-shadow:0 0 0 2px #2f7d5924}.row-heading{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.field,.hook-controls{color:#526257;gap:6px;font-size:.78rem;font-weight:700;display:grid}.field.compact{min-width:124px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}input,select{color:#17231c;background:#fff;border:1px solid #cbd7ce;border-radius:6px;outline:none;width:100%;min-height:38px;padding:9px 10px}input:focus,select:focus,.canvas-card:focus{border-color:#2f7d59;box-shadow:0 0 0 3px #2f7d5924}.primary,.secondary,.icon-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:.9rem;font-weight:800;display:inline-flex}.primary{color:#fff;background:#245b46;padding:0 16px}.secondary{color:#245b46;background:#edf5ef;border-color:#c8dacd;padding:0 14px}.icon-button{color:#506159;background:#f1f5f2;border-color:#d8e1da;width:38px;padding:0}.full-width{width:100%}.editor-column{flex-direction:column;gap:14px;min-width:0;display:flex}.editor-toolbar{background:#ffffffe6;border:1px solid #d8e1da;border-radius:8px;padding:14px;box-shadow:0 14px 40px #2b3a3014}.right-panel{flex-direction:column;gap:14px;min-width:0;display:flex}.canvas-card{min-height:460px;padding:14px;overflow:hidden}.canvas-card .staging-tray{min-height:130px;box-shadow:none;margin-top:14px}.wall-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#f8faf7;border-radius:6px;width:100%;height:min(56vh,560px);min-height:430px;display:block}.wall-canvas *{-webkit-user-select:none;user-select:none}.wall-section{fill:#ffffffad;stroke:#0000;stroke-width:0}.wall-section.selected{fill:#dbece26b}.wall-exterior-edge{stroke:#789583;stroke-width:.75px;pointer-events:none}.wall-edge-buffer-guide,.art-piece-buffer-preview:before{fill:none;stroke:#4d8b70;pointer-events:none}.art-piece-buffer-preview{overflow:visible}.art-piece-buffer-preview:before{inset:calc(var(--art-piece-buffer-gap) * -1);content:"";border:1px dashed #4d8b70;border-radius:10px;position:absolute}.section-label{fill:#526257;font-size:3px;font-weight:700}.piece rect{fill:#f3f0e8;stroke:#2b3a30;stroke-width:.55px;filter:drop-shadow(0 1px 1px #2b3a3038)}.piece.selected rect{fill:#dbece2;stroke:#1f7a52;stroke-width:.62px}.piece-label{fill:#1a261f;pointer-events:none;font-weight:800}.outside-piece-label{font-weight:700}.hook-mark{fill:#c84f3d;stroke:#fff;stroke-width:.35px;pointer-events:none}.utility-panel,.measurements-panel,.staging-tray{gap:12px;padding:16px;display:grid}.staging-tray{background:#ffffffe6;border:1px dashed #abc6b3;border-radius:8px;min-height:150px;box-shadow:0 14px 40px #2b3a300f}.staging-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.staged-piece-list{align-items:start;gap:10px;padding-bottom:4px;display:flex;overflow:auto}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.staged-piece-list{gap:10px}.staged-piece{color:#18231d;min-width:0;min-height:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:8px;flex:none;align-content:start;justify-items:center;gap:8px;padding:0;display:grid;overflow:visible}.staged-piece.selected{box-shadow:none;background:0 0}.staged-piece.selected .staged-piece-preview{background:#dbece2;border-color:#1f7a52;box-shadow:0 0 0 2px #2f7d5924}.staged-piece-preview{background:#f3f0e8;border:1px solid #cfdbd4;border-radius:8px;display:block;box-shadow:0 8px 20px #2b3a3014}.staged-piece-caption{justify-items:center;gap:2px;max-width:130px;display:grid}.staged-piece-name{overflow-wrap:normal;word-break:normal;font-weight:900}.staged-piece-size,.empty-tray{color:#607067;font-size:.82rem}.piece-drag-preview{color:#18231d;text-align:center;pointer-events:none;z-index:-1;background:#f3f0e8;border:2px solid #1f7a52;border-radius:8px;place-items:center;padding:6px;font-weight:800;display:grid;position:fixed;top:-1000px;left:-1000px;overflow:hidden;box-shadow:0 12px 28px #2b3a3038}.preview-piece-label{max-width:100%;max-height:100%;color:inherit;text-align:center;white-space:normal;align-content:center;justify-items:center;font-weight:800;display:grid;overflow:hidden}.preview-piece-label-line{white-space:nowrap;display:block}.outside-preview-piece-label{white-space:nowrap;max-width:none;max-height:none;position:absolute;top:calc(100% + 4px);left:50%;overflow:visible;transform:translate(-50%)}.wall-drag-preview{color:#18231d;text-align:center;pointer-events:none;z-index:1000;background:#f3f0e8;border:2px solid #1f7a52;border-radius:8px;place-items:center;padding:6px;font-weight:800;display:grid;position:fixed;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 36px #2b3a3047}.empty-tray{margin:0}.muted{color:#607067;margin:0;font-size:.9rem}.export-actions{flex-wrap:wrap;gap:8px;display:flex}.success-text,.warning-text{margin:0;font-weight:800}.success-text{color:#245b46}.warning-text{color:#9a4a30}.issue-list{color:#8a422f;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:grid}.export-section{border-bottom:1px solid #dfe8e1;gap:10px;padding-bottom:12px;display:grid}.export-section:last-of-type{border-bottom:0;padding-bottom:0}.scale-note{color:#526257;align-items:center;gap:8px;font-size:.86rem;display:flex}.measurements-panel{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dfe8e1;padding:10px 8px;font-size:.88rem}th{color:#526257;text-transform:uppercase;font-size:.75rem}@media (width<=1020px){.workspace{grid-template-columns:1fr}.setup-panel{max-height:none}.right-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=680px){.topbar{flex-direction:column;align-items:stretch;padding:18px}.topbar h1{font-size:2rem;line-height:1.08}.editor-toolbar{flex-direction:column;align-items:stretch}.field.compact,.editor-toolbar .primary{width:100%}.workspace{padding:12px}.field-grid,.right-panel{grid-template-columns:1fr}.canvas-card{min-height:360px}.wall-canvas{min-height:340px}}