:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17345f;background:#f7faff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{width:min(1440px,100%);margin:0 auto;padding:0 32px}.topbar{height:72px;border-bottom:1px solid #dce6f2;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#fff;background:#1769e8;font-size:16px}.phase-label,.eyebrow{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.12em}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:28px 0;min-height:calc(100vh - 132px)}.scene,.status-panel{background:#fff;border:1px solid #dce6f2;border-radius:12px}.scene{min-height:640px;display:flex;flex-direction:column}.scene-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef6}.eyebrow{margin:0 0 6px;color:#1769e8}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:20px;letter-spacing:-.03em}.state-pill{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px}.state-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.scene-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 24px}.scene-empty h2{margin:24px 0 8px;font-size:18px}.scene-empty p{max-width:460px;margin:0;color:#64748b;line-height:1.6;font-size:14px}.road-icon{position:relative;width:96px;height:96px;border-radius:24px;background:#eaf2ff;display:grid;place-items:center}.road-icon:before{content:"";width:28px;height:56px;border-radius:8px;background:#4b8df8;transform:perspective(30px) rotateX(3deg)}.road-icon span{position:absolute;width:3px;height:8px;border-radius:2px;background:#fff;box-shadow:0 13px #fff,0 26px #fff}.scene-footer{border-top:1px solid #e8eef6;padding:14px 20px;color:#64748b;font-size:12px}.status-panel{padding:22px;height:fit-content}.status-panel h2{font-size:15px;margin-bottom:20px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #edf1f7;font-size:12px}dt{color:#64748b}dd{margin:0;font-weight:650;text-align:right}.muted,.panel-note{color:#64748b;font-size:12px;line-height:1.6}.panel-note{border-top:1px solid #edf1f7;padding-top:14px;margin:16px 0 0}.error-message{background:#fff6f5;color:#a53333;border:1px solid #f3d1ce;padding:12px;border-radius:8px;line-height:1.5;font-size:12px}.app-footer{height:60px;display:flex;gap:12px;align-items:center;border-top:1px solid #dce6f2;color:#64748b;font-size:12px}.app-footer strong{color:#17345f}:focus-visible{outline:3px solid #4b8df8;outline-offset:2px}@media (max-width: 760px){.shell{padding:0 16px}.workspace{grid-template-columns:1fr}.scene{min-height:480px}.status-panel{order:-1}.app-footer{align-items:flex-start;justify-content:center;flex-direction:column;gap:3px}}