:root{color:#f8fafc;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;background:radial-gradient(circle at 28% 22%,rgba(20,184,166,.18),transparent 34%),linear-gradient(135deg,#0f172a,#111827 48%,#1f2937)}.scene-panel{min-height:100vh;padding:24px}.twin-canvas{display:block;width:100%;height:calc(100vh - 48px);border:1px solid rgba(148,163,184,.22);border-radius:8px;cursor:grab;touch-action:none}.twin-canvas:active{cursor:grabbing}.control-panel{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:32px;border-left:1px solid rgba(148,163,184,.22);background:#0f172ac7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0;color:#5eead4;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;max-width:15ch;font-size:clamp(2rem,5vw,3.5rem);line-height:.95;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.metric-grid div{min-height:92px;padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#1e293bb8}.metric-grid dt{color:#94a3b8;font-size:.78rem}.metric-grid dd{margin:8px 0 0;font-size:1.5rem;font-weight:800;overflow-wrap:anywhere}.field{display:grid;gap:10px;color:#cbd5e1;font-weight:700}.field input{width:100%;accent-color:#14b8a6}.status-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-buttons button,.reset-button{min-height:44px;border:1px solid rgba(148,163,184,.28);border-radius:8px;color:#e2e8f0;background:#0f172ae0;cursor:pointer}.status-buttons button:hover,.reset-button:hover{border-color:#5eead4}.status-buttons button.is-active{color:#042f2e;background:#5eead4}.reset-button{margin-top:auto}@media (max-width: 840px){.app-shell{grid-template-columns:1fr}.scene-panel{min-height:58vh;padding:16px}.twin-canvas{height:56vh}.control-panel{min-height:auto;border-top:1px solid rgba(148,163,184,.22);border-left:0}}