:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e1116;--color-surface:#171b23;--color-surface-raised:#1f2531;--color-border:#2b3240;--color-text:#f2f5f9;--color-text-muted:#aab4c4;--color-accent:#ffb454;--color-accent-contrast:#24160a;--color-focus:#7cc4ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-md:10px;--radius-lg:16px;--shadow-soft:0 10px 30px #00000059;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--measure:62ch}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600;text-decoration:none;transition:top .12s ease-in-out;position:absolute;top:-3rem}.skip-link:focus{top:var(--space-2)}.shell{gap:var(--space-8);min-height:100vh;padding:var(--space-8) var(--space-4) var(--space-12);flex-direction:column;max-width:62rem;margin:0 auto;display:flex}.shell__header{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.shell__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.75rem)}.shell__tagline{max-width:var(--measure);color:var(--color-text-muted);flex:100%;margin:0}.shell__main{gap:var(--space-6);display:grid}.card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft)}.card__title{margin:0 0 var(--space-3);font-size:1.15rem}.card__body{max-width:var(--measure);color:var(--color-text-muted);margin:0}.controls{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.control{gap:var(--space-2);flex-direction:column;flex:14rem;display:flex}.control__label{color:var(--color-text-muted);letter-spacing:.02em;font-size:.85rem;font-weight:600}.control__input{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:.95rem}.control__input:disabled{cursor:not-allowed;opacity:.55}.button{padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;font:inherit;font-weight:600}.button--primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:#0000}.button:disabled{cursor:not-allowed;opacity:.55}.alert{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-raised);max-width:var(--measure)}.pipeline{gap:var(--space-4);padding-left:var(--space-6);margin:0;display:grid}.pipeline__step{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.pipeline__step[data-state=running]{border-color:var(--color-focus)}.pipeline__step[data-state=done]{border-color:var(--color-accent)}.pipeline__title{margin:0 0 var(--space-2);letter-spacing:.02em;font-size:.95rem}.pipeline__text{max-width:var(--measure);white-space:pre-wrap;margin:0}.pipeline__empty,.pipeline__meta{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.85rem}.pipeline__empty{margin-top:0}.pipeline__player{width:100%;margin-top:var(--space-2)}.badge{padding:var(--space-1) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;font-size:.8rem;display:inline-block}.shell__footer{color:var(--color-text-muted);margin-top:auto;font-size:.9rem}@media (min-width:48rem){.shell{padding-inline:var(--space-8)}}