@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg0: #080b10;--bg1: #0f141c;--panel: #141a23;--line: #263142;--text: #e8eef6;--muted: #8d9aab;--accent: #3ecf9a;--accent-dim: #1a4a38;--live: #e6a23c;--ok: #3ecf9a;--warn: #e6a23c;--err: #e5737a;--idle: #6d7c8f;--danger-bg: #2a171c;--danger-line: #5c3038;--danger-text: #f0a8b0;font-family:"Source Sans 3",Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(920px 440px at 8% -12%,#123028 0%,transparent 55%),radial-gradient(720px 400px at 100% 0%,#171d2a 0%,transparent 52%),linear-gradient(180deg,var(--bg1),var(--bg0))}.shell{max-width:1140px;margin:0 auto;padding:1.35rem 1.35rem 2.75rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.brand-tag{margin:.15rem 0 0;font-size:.78rem;color:var(--muted);letter-spacing:.02em}.stage{display:grid;grid-template-columns:1.4fr .95fr;gap:1.25rem;padding:1.2rem 1.3rem;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,black);margin-bottom:1rem;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--idle)}.stage.tone-live:before{background:var(--live)}.stage.tone-ok:before{background:var(--ok)}.stage.tone-err:before{background:var(--err)}.stage-main{display:flex;gap:.9rem;align-items:flex-start;min-width:0}.stage-copy{min-width:0}.stat-attempt .stat-value{font-size:1.35rem}.queue-board{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.15rem}.queue-chip{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border-radius:8px;border:1px solid var(--line);background:#0b1016;border-left-width:3px;min-width:min(100%,14rem);flex:1 1 12rem}.queue-chip.tone-idle{border-left-color:var(--idle)}.queue-chip.tone-live{border-left-color:var(--live)}.queue-chip.tone-ok{border-left-color:var(--ok)}.queue-chip.tone-err{border-left-color:var(--err)}.queue-chip.tone-warn{border-left-color:var(--warn)}.queue-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-banner{grid-column:1 / -1;padding:.7rem .85rem;border-radius:8px;border:1px solid var(--line);font-weight:600;font-size:.92rem;line-height:1.35;background:#0b1016}.event-banner.tone-err{border-color:color-mix(in srgb,var(--err) 45%,var(--line));color:#ffb4bc;background:color-mix(in srgb,var(--err) 12%,#0b1016)}.event-banner.tone-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));color:#ffd08a;background:color-mix(in srgb,var(--warn) 12%,#0b1016)}.event-banner.tone-ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));color:#b8f5d8;background:color-mix(in srgb,var(--ok) 12%,#0b1016)}.stage-pulse{width:.8rem;height:.8rem;margin-top:.4rem;border-radius:50%;background:var(--idle);flex-shrink:0}.stage.tone-live .stage-pulse{background:var(--live);box-shadow:0 0 color-mix(in srgb,var(--live) 55%,transparent);animation:pulse 1.4s ease-out infinite}.stage.tone-ok .stage-pulse{background:var(--ok)}.stage.tone-err .stage-pulse{background:var(--err)}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 50%,transparent)}to{box-shadow:0 0 0 14px transparent}}.stage-kicker{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02em;line-height:1.15}.stage.tone-live .stage-kicker{color:var(--live)}.stage.tone-ok .stage-kicker{color:var(--ok)}.stage.tone-err .stage-kicker{color:var(--err)}.stage-hint{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}.stage-latest{margin:.7rem 0 0;display:flex;gap:.55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;min-width:0}.stage-latest .lvl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-latest .lvl.ok{color:var(--ok)}.stage-latest .lvl.warn{color:var(--warn)}.stage-latest .lvl.err{color:var(--err)}.stage-side{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;align-content:start}.stat{padding:.55rem .7rem;border-radius:9px;border:1px solid var(--line);background:#0b1016}.stat-label{display:block;font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.stat-value{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.12rem;font-weight:500}.stat-sub{color:var(--muted);font-size:.85rem}.controls{grid-column:1 / -1;display:flex;gap:.5rem}button,.btn-primary,.btn-stop,.btn-secondary,.btn-danger,.btn-ghost{font:inherit;font-weight:600;border-radius:8px;border:1px solid var(--line);background:#1a2430;color:var(--text);padding:.52rem .9rem;cursor:pointer}.btn-primary{flex:1.4;border-color:var(--accent-dim);background:linear-gradient(180deg,#215743,#163d2e);color:#b8f5d8}.btn-stop{flex:1;border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-text)}.btn-secondary{border-color:#2d4158;background:#1a2736}.btn-danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-text);min-width:7.4rem;display:inline-flex;align-items:center;justify-content:center}.btn-ghost{background:transparent;color:var(--muted);font-weight:500}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#3a4f66}button:disabled{opacity:.4;cursor:not-allowed}.layout{display:grid;grid-template-columns:1fr 1fr;gap:.95rem}.span-all{grid-column:1 / -1}.panel{background:color-mix(in srgb,var(--panel) 94%,black);border:1px solid var(--line);border-radius:12px;padding:1.05rem 1.1rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.85rem}h2{margin:0;font-size:.92rem;font-weight:600;letter-spacing:.01em}.muted{color:var(--muted);font-size:.82rem}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.stack{display:grid;gap:.55rem}label{display:grid;gap:.3rem;margin-bottom:.6rem;font-size:.82rem;font-weight:500;color:var(--muted)}textarea,select,input[type=password],input[type=text]{width:100%;font:inherit;background:#0b1016;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}textarea:focus,select:focus,button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.account-list,.diag-list{list-style:none;margin:.95rem 0 0;padding:0;display:grid;gap:.5rem}.account{display:flex;justify-content:space-between;gap:.85rem;padding:.75rem .8rem;border-radius:10px;border:1px solid var(--line);background:#0b1016;border-left-width:3px}.account.tone-idle{border-left-color:var(--idle)}.account.tone-live{border-left-color:var(--live);border-color:color-mix(in srgb,var(--live) 28%,var(--line))}.account.tone-ok{border-left-color:var(--ok);border-color:color-mix(in srgb,var(--ok) 28%,var(--line))}.account.tone-err{border-left-color:var(--err);border-color:color-mix(in srgb,var(--err) 28%,var(--line))}.account.tone-warn{border-left-color:var(--warn);border-color:color-mix(in srgb,var(--warn) 28%,var(--line))}.account-body{min-width:0}.account-body strong{font-size:.98rem;font-weight:600}.account-meta{display:flex;gap:.4rem;align-items:center;margin-top:.35rem;flex-wrap:wrap}.pill{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);background:#121820}.pill.tone-live{color:var(--live);border-color:color-mix(in srgb,var(--live) 40%,transparent);background:color-mix(in srgb,var(--live) 10%,#121820)}.pill.tone-ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 10%,#121820)}.pill.tone-err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent);background:color-mix(in srgb,var(--err) 10%,#121820)}.pill.tone-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 10%,#121820)}.pill.tone-idle{color:var(--idle)}.meta-chip{font-size:.72rem;color:var(--muted);padding:.12rem .4rem;border-radius:5px;background:#121820;border:1px solid #1c2633}.account-actions{display:flex;gap:.4rem;flex-shrink:0;align-items:flex-start}.tool-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.4rem}.spinner{width:.85rem;height:.85rem;border:2px solid color-mix(in srgb,var(--danger-text) 35%,transparent);border-top-color:var(--danger-text);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.log-panel .log{max-height:300px;overflow:auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.45;background:#070a0e;border-radius:10px;border:1px solid #1a222d;padding:.55rem .7rem}.log-line{display:grid;grid-template-columns:4.2rem 3.2rem 1fr;gap:.5rem;padding:.28rem 0;border-bottom:1px solid #11171e;align-items:baseline}.log-line:last-child{border-bottom:0}.ts{color:#6b7888}.lvl-tag{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.lvl-tag.ok{color:var(--ok)}.lvl-tag.warn{color:var(--warn)}.lvl-tag.err{color:var(--err)}.lvl-tag.info{color:#7d8c9e}.log-line.info .msg{color:#a7b4c4}.log-line.ok .msg{color:var(--ok)}.log-line.warn .msg{color:var(--warn)}.log-line.err .msg{color:var(--err)}.pad{padding:.55rem}.diag-list li{padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;background:#0b1016}.toast{position:fixed;right:1rem;bottom:1rem;max-width:min(28rem,calc(100vw - 2rem));background:#162233;border:1px solid #2d4158;border-radius:10px;padding:.75rem .95rem;box-shadow:0 12px 40px #00000059;font-size:.9rem}@media (max-width: 860px){.stage,.layout{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:.75rem}.log-line{grid-template-columns:4rem 1fr}.lvl-tag{display:none}.account{flex-direction:column}.account-actions{width:100%}.account-actions .btn-danger,.account-actions .btn-ghost{flex:1}}