:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{margin:0}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}.app-shell{color:#0f172a;background:#f3f4f6;grid-template-columns:320px minmax(0,1fr) 390px;min-height:100vh;display:grid}.panel,.main-stage{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3}.panel{border-right:1px solid #e2e8f0;padding:20px 18px}.right-panel{border-left:1px solid #e2e8f0;border-right:none}.panel-header{margin-bottom:18px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#475569;margin-bottom:6px;font-size:11px;display:inline-block}.panel h2,.stage-header h1,.spec-box h3,.editor-panel h3,.layout-header h3{margin:0}.field-label{color:#475569;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.section-block{margin-bottom:18px}input,select,button,textarea{font:inherit}input,select,textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:86px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:4px;padding:12px 10px;transition:all .2s;display:flex}.template-button:hover,.template-button.active{background:#eef2ff;border-color:#6366f1}.template-button strong,.library-card strong{font-size:14px}.template-button span,.library-card span{color:#64748b;font-size:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.stat-box span,.summary-strip span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat-box strong,.summary-strip strong{font-size:1rem}.summary-box{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);border:1px solid #dfe7ff;border-radius:14px;padding:14px 16px}.summary-box ul,.spec-box ul{color:#334155;margin:12px 0 0;padding-left:18px}.summary-box li,.spec-box li{margin-bottom:8px;line-height:1.4}.button-row{margin-top:8px}.button-stack{gap:10px;display:grid}.primary-action,.secondary-action{cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px 12px;font-weight:600}.primary-action{color:#fff;background:#111827}.secondary-action{color:#0f172a;background:#e2e8f0}.main-stage{flex-direction:column;gap:16px;padding:18px 18px 12px;display:flex}.stage-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.stage-header h1{font-size:clamp(1.8rem,2.6vw,3rem)}.status-pill{color:#166534;background:#dcfce7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.layout-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px;min-height:520px;display:grid}.viewer-panel,.layout-panel{background:linear-gradient(#eff6ff 0%,#f8fafc 100%);border:1px solid #dfe7ef;border-radius:18px;overflow:hidden}.viewer-panel{min-height:500px;position:relative}.viewer-panel:fullscreen{background:#edf6ff;min-height:0}.viewer-panel:fullscreen canvas{height:100vh!important}.viewer-panel canvas{width:100%!important;height:100%!important}.layout-panel{padding:12px;position:relative}.layout-panel:fullscreen{background:#f8fafc;padding:28px}.layout-panel:fullscreen .floor-plan-svg{height:calc(100vh - 90px);min-height:0}.panel-fullscreen{z-index:2;color:#991b1b;cursor:pointer;background:#fff;border:1px solid #f87171;border-radius:5px;width:28px;height:28px;padding:0;font-size:14px;line-height:1;position:absolute;bottom:12px;right:14px}.layout-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.layout-toggle{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:700}.layout-controls,.checkbox-field{align-items:center;gap:8px;display:flex}.checkbox-field input{width:auto}.floor-plan-svg{background:#fff;border-radius:12px;width:100%;height:100%;min-height:400px;display:block}.floor-plan-wall{stroke:#64748b;stroke-width:5px;pointer-events:none}.floor-plan-item{cursor:grab}.floor-plan-item text{pointer-events:none;-webkit-user-select:none;user-select:none}.floor-plan-item.dragging{cursor:grabbing}.floor-plan-resize-handle{fill:#fff;stroke:#3730a3;stroke-width:1.5px;cursor:nwse-resize}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-strip>div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.library-controls{gap:10px;margin-bottom:16px;display:grid}.library-list{gap:10px;max-height:600px;margin-bottom:18px;display:grid;overflow:auto}.library-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.library-card>div{flex-direction:column;gap:4px;display:flex}.library-card button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:8px 10px}.editor-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.field-grid label{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field-grid .full-span{grid-column:1/-1}.remove-item-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:8px;width:100%;margin-top:12px;padding:9px 12px;font-weight:700}.remove-item-button:hover{background:#fef2f2}.version-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:14px}.version-header{margin-bottom:10px}.version-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.version-list li{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px 12px;padding:10px 12px;display:grid}.version-list li div{flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.version-list li strong{white-space:nowrap}.version-list span,.empty-state{color:#64748b;font-size:12px}.version-list button{cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:8px 10px}.spec-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.panel,.right-panel{border:none;border-bottom:1px solid #e2e8f0}.viewer-panel,.layout-panel{min-height:420px}.layout-grid{grid-template-columns:1fr}}