*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f1f5f9;color:#1e293b}.app{display:flex;flex-direction:column;min-height:100vh}.summary-bar{position:sticky;top:0;z-index:100;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;box-shadow:0 2px 10px #0006}.app-title{font-size:16px;font-weight:700;color:#94a3b8;letter-spacing:.03em}.summary-items{display:flex;align-items:center;gap:20px}.summary-item{display:flex;flex-direction:column;align-items:flex-end}.summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.summary-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.summary-item.grand .summary-value{color:#34d399;font-size:22px}.divider{color:#334155;font-size:20px}.floor-plan-wrap{flex:1;overflow:auto;padding:24px}.floor-plan{position:relative;background:#dde3ec;border:2px solid #cbd5e1;border-radius:4px}.scale-note{position:absolute;bottom:6px;right:8px;font-size:10px;color:#64748b;background:#ffffffbf;padding:2px 6px;border-radius:3px}.zone{position:absolute;border:1.5px solid rgba(0,0,0,.18);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;overflow:hidden;transition:filter .12s,box-shadow .12s}.zone:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 2px #00000059;z-index:10}.zone-name{font-size:11px;font-weight:700;text-align:center;color:#000000b8;line-height:1.2}.zone-dim{font-size:9px;color:#00000073;margin-top:2px}.zone-costs{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:2px}.cost-pill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.cost-pill.arch{background:#6366f138;color:#3730a3}.cost-pill.contr{background:#ea580c2e;color:#9a3412}.cost-pill.total{background:#0000001f;color:#000000b3}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:10px;padding:24px;width:340px;box-shadow:0 24px 64px #00000059}.modal h2{font-size:18px;margin-bottom:4px}.modal-meta{font-size:13px;color:#64748b;margin-bottom:20px}.modal label{display:block;margin-top:14px;margin-bottom:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.modal input{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:16px;outline:none}.modal input:focus{border-color:#6366f1}.modal-total{margin-top:16px;text-align:right;font-size:15px;font-weight:700;color:#1e293b}.modal-btns{display:flex;gap:8px;margin-top:20px}.btn-save{flex:1;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.btn-save:hover{background:#4f46e5}.btn-cancel{padding:10px 16px;background:#f8fafc;color:#64748b;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer}.btn-cancel:hover{background:#f1f5f9}.btn-clear{padding:10px 16px;background:#fff1f2;color:#be123c;border:1.5px solid #fecdd3;border-radius:6px;font-size:14px;cursor:pointer}.btn-clear:hover{background:#ffe4e6}