html,body,#root{min-height:100%;margin:0}:root{--bg:#f3efe6;--ink:#1c1a16;--muted:#6a645a;--line:#d4cec2;--panel:#faf7f1;--accent:#1a5fb4;--accent-soft:#d6e4f5;color:var(--ink);background:var(--bg);font-family:IBM Plex Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #e8dfd0 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #dfe8ef 0%, transparent 50%), var(--bg);min-height:100vh;margin:0}.app{max-width:1080px;margin:0 auto;padding:28px 20px 48px}.hero{margin-bottom:20px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px}.hero h1{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15}.lede{color:var(--muted);max-width:42rem;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);padding:12px 14px}.stat-value{font-size:18px;font-weight:600}.stat-label{color:var(--muted);margin-top:4px;font-size:12px}.callout{background:var(--accent-soft);border-left:3px solid var(--accent);margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.45}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.seg{border:1px solid var(--line);background:var(--panel);display:inline-flex}.seg button{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:13px}.seg button.active{background:var(--ink);color:#faf7f1}.panel{background:var(--panel);border:1px solid var(--line);margin-bottom:14px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.panel-head h2{margin:0;font-size:14px;font-weight:600}.panel-head span{color:var(--muted);font-size:12px}.layout-svg{background:#f0ebe1;width:100%;max-height:420px;display:block}.room-floor{fill:#e8e2d6;stroke:#2a2620;stroke-width:2px}.divider{stroke:#8a8378;stroke-width:1.5px;stroke-dasharray:6 4}.label-muted{fill:#6a645a;font-size:11px}.label-axis{fill:#4a453c;font-size:11px}.el{cursor:pointer}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.meta{color:var(--muted);margin-bottom:4px;font-size:12px}.rationale{border-top:1px solid var(--line);margin:0;padding:12px 14px 14px;font-size:14px;line-height:1.5}.pill{border:1px solid var(--line);background:#fff;padding:2px 8px;font-size:11px;display:inline-block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}th{color:var(--muted);font-size:11px;font-weight:600}tbody tr{cursor:pointer}tbody tr:hover{background:#f3efe6}.row-active{background:var(--accent-soft)!important}.foot{color:var(--muted);margin-top:20px;font-size:12px}@media (width<=720px){.stats,.detail-grid{grid-template-columns:1fr 1fr}}