:root{--color-bg: #0b0d10;--color-surface: #11141b;--color-panel: #161a23;--color-border: #1f2430;--color-text: #f5f7fb;--color-subtle: #c2c7d4;--color-accent: #6bdcff;--color-accent-strong: #39a3ff;--color-danger: #ff6b6b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 4px 10px rgba(0,0,0,.3);--shadow-md: 0 10px 24px rgba(0,0,0,.35);--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--preview-height: 420px}@media (prefers-color-scheme: light){:root[data-theme=light]{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-panel: #f0f2f8;--color-border: #d9deea;--color-text: #0b0d10;--color-subtle: #3b4050}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh;gap:var(--space-3);padding:var(--space-3);box-sizing:border-box}.topbar{grid-area:topbar;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);box-shadow:var(--shadow-sm)}.panel-title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin-bottom:var(--space-2)}.surface-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.primary-card{border:1px solid rgba(107,220,255,.4);background:linear-gradient(135deg,#6bdcff14,#39a3ff0f)}.token-pill{display:inline-flex;align-items:center;gap:8px;background:#6bdcff14;color:var(--color-text);border:1px solid rgba(107,220,255,.18);border-radius:999px;padding:6px 10px;font-size:12px}.button{background:var(--color-accent);color:#081018;border:none;border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.button.cta{padding:14px 18px;font-size:16px}.button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.button:active{transform:translateY(1px)}input[type=file]{color:var(--color-text)}.list{display:flex;flex-direction:column;gap:var(--space-2)}.flex-row{display:flex;gap:var(--space-3);align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--color-subtle)}.badge{background:var(--color-border);color:var(--color-subtle);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px}.preview-layout{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,280px);gap:var(--space-3);align-items:start}.timeline-content{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.timeline-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);align-items:stretch}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mobile-section-nav{display:none;grid-area:mobile-nav;gap:var(--space-2);align-items:center}.step-layout{display:flex;flex-direction:column;gap:var(--space-3)}.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.step-card.disabled{opacity:.72}.step-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer}.step-body{padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.step-label{font-size:12px;letter-spacing:.08em;color:var(--color-subtle);text-transform:uppercase}.step-title{font-size:18px;font-weight:700}.step-status{color:var(--color-subtle)}.sticky-action-bar{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:linear-gradient(180deg,rgba(11,13,16,0),var(--color-bg));padding:var(--space-3) var(--space-3) 0}.empty-line{background:#ffffff0d;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:8px 10px}.timeline-disabled .waveform-track,.timeline-disabled .button,.timeline-disabled input,.timeline-disabled select{pointer-events:none}.waveform-track{position:relative;height:140px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;margin-top:6px;cursor:pointer;overflow:hidden}.waveform-track[aria-disabled=true]{cursor:not-allowed;opacity:.65}.waveform-graph{width:100%;height:100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.waveform-path{fill:url(#waveformFill);stroke:var(--color-accent-strong);stroke-width:.6;vector-effect:non-scaling-stroke}.waveform-empty{display:flex;align-items:center;justify-content:center;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 12px,transparent 12px,transparent 24px);border-radius:var(--radius-sm)}.playhead-line{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent-strong);box-shadow:0 0 0 1px #00000040;pointer-events:none}@media (max-width: 900px){:root{--preview-height: 360px}.mobile-section-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.preview-grid{grid-template-columns:1fr}.timeline{min-height:380px}.timeline-actions{grid-template-columns:1fr}}@media (max-width: 540px){.button-row{flex-direction:column}.button-row .button{width:100%;justify-content:center}.step-header,.sticky-action-bar{flex-direction:column;align-items:flex-start}}