:root{color:#e7edf3;font-synthesis:none;text-rendering:optimizelegibility;background:#090d12;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#app-shell{isolation:isolate;background:radial-gradient(circle at 50% 44%,#28374659,#0000 36%),#090d12;position:relative}#viewport{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.topbar,.hud,.controls{z-index:2;position:absolute}html[data-snapshot=true] .topbar,html[data-snapshot=true] .hud,html[data-snapshot=true] .controls{pointer-events:none;opacity:0}.topbar{top:max(22px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:#82a4c2;letter-spacing:.18em;margin:0 0 7px;font-size:11px;font-weight:700}h1{color:#f5f8fa;letter-spacing:-.03em;margin:0;font-size:clamp(20px,2vw,28px);font-weight:560}.status-pill{color:#b7c5d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d12c7;border:1px solid #ffffff1f;border-radius:999px;padding:7px 11px;font-size:12px}.status-pill:before{content:"";background:#e7aa5b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-pill[data-state=ready]:before{background:#60d497;box-shadow:0 0 12px #60d497b3}.status-pill[data-state=error]:before{background:#ef6e6e}.hud,.controls{-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:#090e14d1;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 18px 70px #00000047}.hud{top:92px;right:max(24px, env(safe-area-inset-right));width:min(290px,100vw - 48px);padding:15px 16px 13px}.hud-title{color:#d9e3ea;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:650;display:flex}#run-state{color:#82a4c2;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}dl{gap:0;margin:0;display:grid}dl>div{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:27px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}dt{color:#718494}dd{color:#dbe5ec;text-overflow:ellipsis;white-space:nowrap;max-width:155px;margin:0;overflow:hidden}.controls{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));width:min(420px,100vw - 48px);padding:16px}label{color:#8194a4;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:650;display:block}.input-row,.button-row{gap:8px;display:flex}input{color:#edf2f5;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}input:focus{border-color:#5e8db4}button{color:#0d1b25;cursor:pointer;background:#dceaf4;border:0;border-radius:8px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:700}button:hover{background:#f4f9fc}button:disabled{cursor:wait;opacity:.55}.button-row{margin-top:10px}.button-row button{flex:1}button.secondary{color:#c6d3dd;background:#ffffff0d;border:1px solid #ffffff1c}#help-text{color:#637786;margin:11px 0 0;font-size:11px}@media (max-width:700px){.topbar{top:max(14px, env(safe-area-inset-top));left:16px;right:16px}.hud{width:218px;padding:12px;top:74px;right:16px}.hud dl>div{min-height:23px}.controls{right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:auto;left:16px}}