@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tm-bg:#0a0a0a;--tm-surface:#111;--tm-surface-raised:#151515;--tm-surface-muted:#1a1a1a;--tm-surface-sunken:#050505;--tm-border:#1f1f1f;--tm-border-strong:#2a2a2a;--tm-text:#f4f1ea;--tm-text-muted:#a8a299;--tm-text-subtle:#6e6a63;--tm-accent:#ff9000;--tm-accent-strong:#fa3;--tm-accent-text:#0a0a0a;--tm-info:#6aa9ff;--tm-success:#5fce8a;--tm-warning:#ff9000;--tm-danger:#ff6f5e;--tm-radius-sm:.25rem;--tm-radius-md:.375rem;--tm-radius-lg:.5rem;--tm-shadow:0 -1px 0 var(--tm-border);--tm-shadow-elevated:0 .75rem 2rem #00000080;--tm-space-1:.25rem;--tm-space-2:.5rem;--tm-space-3:.75rem;--tm-space-4:1rem;--tm-space-5:1.5rem;--tm-space-6:2rem;--tm-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tm-font-mono:"Berkeley Mono", "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--tm-text-xs:.75rem;--tm-text-sm:.85rem;--tm-text-base:.95rem;--tm-text-lg:1.1rem;--tm-content-max:64rem;--tm-play-bar-height:4.5rem}}@layer base{*{box-sizing:border-box}:where(button,input){font:inherit}:where(button){color:inherit}:where(:focus-visible){outline:1px solid var(--tm-accent);outline-offset:2px}:root{color:var(--tm-text);background:var(--tm-bg);font-family:var(--tm-font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body{margin:0}a{color:inherit}code{background:var(--tm-surface-muted);border:1px solid var(--tm-border);border-radius:var(--tm-radius-sm);color:var(--tm-accent);font-family:var(--tm-font-mono);padding:.1rem .35rem;font-size:.85em}}@layer utilities{.u-stack{gap:var(--u-stack-gap,var(--tm-space-4));display:grid}.u-stack-tight{--u-stack-gap:var(--tm-space-2)}.u-cluster{align-items:center;gap:var(--u-cluster-gap,var(--tm-space-2));flex-wrap:wrap;display:flex}.u-row{align-items:center;gap:var(--u-row-gap,var(--tm-space-3));display:flex}.u-row-between{justify-content:space-between}.u-grow{flex:auto;min-width:0}.u-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-text-mono{font-family:var(--tm-font-mono)}.u-text-eyebrow{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.08em;text-transform:uppercase}.u-text-muted{color:var(--tm-text-muted)}.u-text-subtle{color:var(--tm-text-subtle)}.u-tabular{font-variant-numeric:tabular-nums}.u-divider-top{border-top:1px solid var(--tm-border)}}@layer components{.tm-panel{width:min(var(--tm-content-max), 100%);border:1px solid var(--tm-border);border-radius:var(--tm-radius-lg);background:var(--tm-surface);padding:clamp(1.25rem,3vw,2rem)}.tm-card{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);padding:1rem}.tm-button{border-radius:var(--tm-radius-sm);cursor:pointer;font-size:var(--tm-text-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2rem;padding:.4rem .75rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tm-button[data-disabled]{cursor:not-allowed;opacity:.45}.tm-button--primary{background:var(--tm-accent);color:var(--tm-accent-text)}.tm-button--primary:hover:not([data-disabled]){background:var(--tm-accent-strong)}.tm-button--secondary{border-color:var(--tm-border-strong);background:var(--tm-surface-raised);color:var(--tm-text)}.tm-button--secondary:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--tm-accent) 60%, var(--tm-border-strong));background:var(--tm-surface-muted)}.tm-button--ghost{color:var(--tm-text-muted);background:0 0}.tm-button--ghost:hover:not([data-disabled]){background:var(--tm-surface-muted);color:var(--tm-text)}.tm-button--danger{background:color-mix(in srgb, var(--tm-danger) 18%, var(--tm-surface));color:var(--tm-danger)}.tm-icon-button{border-radius:var(--tm-radius-sm);width:1.85rem;height:1.85rem;color:var(--tm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .12s,border-color .12s,color .12s;display:inline-grid}.tm-icon-button:hover:not([data-disabled]){background:var(--tm-surface-muted);color:var(--tm-text)}.tm-icon-button[data-disabled]{cursor:not-allowed;opacity:.35}.tm-icon-button.tm-button--primary{background:var(--tm-accent);color:var(--tm-accent-text)}.tm-icon-button.tm-button--primary:hover:not([data-disabled]){background:var(--tm-accent-strong)}.tm-icon-button.tm-button--secondary{border-color:var(--tm-border-strong);background:var(--tm-surface-raised);color:var(--tm-text)}.tm-icon-button.tm-button--secondary:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--tm-accent) 60%, var(--tm-border-strong));background:var(--tm-surface-muted)}.tm-icon{width:.95rem;height:.95rem}.tm-field{gap:.45rem;display:grid}.tm-field-label{color:var(--tm-text);cursor:pointer;font-size:.9rem;font-weight:700}.tm-field-description{color:var(--tm-text-subtle);margin:0;font-size:.88rem;line-height:1.45}.tm-input{border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-sm);background:var(--tm-surface-sunken);width:100%;color:var(--tm-text);padding:.55rem .75rem}.tm-input:focus-visible{border-color:var(--tm-accent);outline:none}.tm-input::placeholder{color:var(--tm-text-subtle)}.tm-input[data-invalid]{border-color:var(--tm-danger)}.tm-check-field,.tm-switch-field{align-items:flex-start;gap:.8rem;display:flex}.tm-check-copy{gap:.25rem;display:grid}.tm-checkbox-control{border:1px solid var(--tm-border-strong);border-radius:var(--tm-radius-sm);background:var(--tm-surface-sunken);cursor:pointer;place-items:center;width:1.1rem;height:1.1rem;margin-top:.18rem;padding:0;display:grid}.tm-checkbox-control[data-checked]{border-color:var(--tm-accent);background:var(--tm-accent)}.tm-checkbox-control[data-checked]:after{border:solid var(--tm-accent-text);content:"";border-width:0 2px 2px 0;width:.32rem;height:.62rem;transform:rotate(45deg)}.tm-switch-control{border:1px solid var(--tm-border-strong);background:var(--tm-surface-sunken);cursor:pointer;border-radius:999px;align-items:center;width:2.4rem;height:1.3rem;padding:0;transition:background .14s;display:inline-flex;position:relative}.tm-switch-control[data-checked]{border-color:var(--tm-accent);background:var(--tm-accent)}.tm-switch-thumb{background:var(--tm-text);border-radius:999px;width:.85rem;height:.85rem;transition:transform .14s;transform:translate(.18rem)}.tm-switch-control[data-checked] .tm-switch-thumb{background:var(--tm-accent-text);transform:translate(1.18rem)}.tm-disclosure{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);overflow:hidden}.tm-disclosure-button{background:var(--tm-surface-raised);cursor:pointer;border:0;width:100%;padding:.7rem .9rem;display:flex}.tm-disclosure-button-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;font-weight:700;display:flex}.tm-disclosure-state{color:var(--tm-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.tm-disclosure-panel{color:var(--tm-text-muted);padding:1rem;line-height:1.55}.tm-tab-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tm-tab{border:1px solid var(--tm-border);border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);cursor:pointer;font-size:var(--tm-text-sm);background:0 0;padding:.4rem .75rem;font-weight:600}.tm-tab[data-selected]{border-color:color-mix(in srgb, var(--tm-accent) 60%, transparent);background:color-mix(in srgb, var(--tm-accent) 12%, transparent);color:var(--tm-accent-strong)}.tm-tab-panel{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);padding:1rem}.tm-badge{border-radius:var(--tm-radius-sm);width:fit-content;font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:.15rem .45rem;font-weight:500;display:inline-flex}.tm-badge--neutral{border-color:var(--tm-border-strong);background:var(--tm-surface-muted);color:var(--tm-text-muted)}.tm-badge--info{border-color:color-mix(in srgb, var(--tm-info) 45%, transparent);background:color-mix(in srgb, var(--tm-info) 16%, transparent);color:var(--tm-info)}.tm-badge--success{border-color:color-mix(in srgb, var(--tm-success) 45%, transparent);background:color-mix(in srgb, var(--tm-success) 16%, transparent);color:var(--tm-success)}.tm-badge--warning{border-color:color-mix(in srgb, var(--tm-warning) 45%, transparent);background:color-mix(in srgb, var(--tm-warning) 16%, transparent);color:var(--tm-warning)}.tm-badge--danger{border-color:color-mix(in srgb, var(--tm-danger) 45%, transparent);background:color-mix(in srgb, var(--tm-danger) 16%, transparent);color:var(--tm-danger)}.tm-stat{border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);background:var(--tm-surface-raised);gap:.25rem;padding:.9rem;display:grid}.tm-stat-label,.tm-stat-detail{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase}.tm-stat-value{color:var(--tm-text);font-family:var(--tm-font-mono);font-size:1.35rem}.tm-empty-state{border:1px dashed var(--tm-border-strong);border-radius:var(--tm-radius-md);color:var(--tm-text-subtle);text-align:center;padding:1rem}.tm-empty-title{color:var(--tm-text);margin:0 0 .35rem;font-weight:800}.tm-empty-description{margin:0}@media (prefers-reduced-motion:reduce){.tm-button,.tm-switch-control,.tm-switch-thumb{transition-duration:.01ms}}.app{min-height:100vh;padding:1.25rem 1.5rem calc(var(--tm-play-bar-height) + 2rem);grid-template-rows:auto 1fr;justify-items:center;display:grid}.app-header{width:min(var(--tm-content-max), 100%);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{color:var(--tm-text);font-family:var(--tm-font-mono);letter-spacing:.04em;font-size:.95rem;font-weight:600;text-decoration:none}.nav{gap:.25rem;display:flex}.nav-link{border-radius:var(--tm-radius-sm);color:var(--tm-text-muted);font-size:var(--tm-text-sm);border:1px solid #0000;padding:.35rem .65rem;text-decoration:none;transition:background .12s,color .12s}.nav-link:hover{background:var(--tm-surface-muted);color:var(--tm-text)}.nav-link-active{background:var(--tm-surface-raised);color:var(--tm-text)}.app-main{width:min(var(--tm-content-max), 100%)}.panel{border:1px solid var(--tm-border);border-radius:var(--tm-radius-lg);background:var(--tm-surface);padding:1.5rem}.detail-panel{gap:1rem;display:grid}.eyebrow{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem}.title{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.15}.lede{color:var(--tm-text-muted);font-size:var(--tm-text-base);margin:.75rem 0 1.25rem;line-height:1.55}.actions{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.button{border-radius:var(--tm-radius-sm);background:var(--tm-accent);color:var(--tm-accent-text);cursor:pointer;font-size:var(--tm-text-sm);border:0;justify-content:center;align-items:center;padding:.45rem .85rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--tm-accent-strong)}.link-button{display:inline-flex}.status{color:var(--tm-text-subtle);font-size:var(--tm-text-sm);min-height:1.25rem}.status-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.kit-preview{gap:1rem;margin-top:1.5rem;display:grid}.kit-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.kit-preview-title{margin:0;font-size:1.05rem;font-weight:600}.kit-preview-description{color:var(--tm-text-subtle);margin:.25rem 0 0}.kit-grid,.kit-stack{gap:1rem;display:grid}.stat-grid{gap:.5rem;display:grid}.tone-row{flex-wrap:wrap;gap:.4rem;display:flex}.track-list{gap:.25rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.track{border-radius:var(--tm-radius-sm);background:0 0;align-items:center;gap:.75rem;padding:.4rem .6rem;transition:background .12s;display:flex}.track:hover{background:var(--tm-surface-raised)}.track-info{flex:auto;gap:.05rem;min-width:0;display:grid}.track-title{color:var(--tm-text);font-size:var(--tm-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.25;text-decoration:none;display:block;overflow:hidden}.track-title:hover{color:var(--tm-accent-strong)}.track-artist{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-actions{opacity:.55;flex-shrink:0;align-items:center;gap:.25rem;transition:opacity .12s;display:flex}.track:hover .track-actions,.track:focus-within .track-actions{opacity:1}.track-meta{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;display:grid}.track-meta dt{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);letter-spacing:.04em;text-transform:uppercase}.track-meta dd{color:var(--tm-text);overflow-wrap:anywhere;margin:0}.steps{color:var(--tm-text-muted);gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.55;display:grid}.play-bar{z-index:10;min-height:var(--tm-play-bar-height);background:var(--tm-surface);border-top:1px solid var(--tm-border);box-shadow:var(--tm-shadow);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:.6rem 1rem;display:grid;position:fixed;bottom:0;left:0;right:0}.play-bar-info{gap:.1rem;min-width:0;display:grid}.play-bar-title{color:var(--tm-text);font-size:var(--tm-text-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.play-bar-artist{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.play-bar-center{grid-template-columns:auto minmax(12rem,28rem);align-items:center;gap:.85rem;display:grid}.play-bar-controls{align-items:center;gap:.15rem;display:flex}.play-bar-icon-button{border-radius:var(--tm-radius-sm);width:1.85rem;height:1.85rem;color:var(--tm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .12s,color .12s;display:inline-grid}.play-bar-icon-button:hover:not(:disabled){background:var(--tm-surface-muted);color:var(--tm-text)}.play-bar-icon-button:disabled{cursor:not-allowed;opacity:.35}.play-bar-icon-button-primary{background:var(--tm-text);width:2.1rem;height:2.1rem;color:var(--tm-bg);border-radius:999px}.play-bar-icon-button-primary:hover:not(:disabled){background:var(--tm-accent);color:var(--tm-accent-text)}.play-bar-icon{width:.95rem;height:.95rem}.play-bar-icon-button-primary .play-bar-icon{width:1rem;height:1rem}.play-bar-timeline{grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem;display:grid}.play-bar-time{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-variant-numeric:tabular-nums;text-align:center}.play-bar-slider{padding:.35rem 0;position:relative}.play-bar-slider-track{background:var(--tm-surface-muted);cursor:pointer;border-radius:999px;height:.2rem;overflow:hidden}.play-bar-slider-fill{border-radius:inherit;background:var(--tm-accent)}.play-bar-slider-thumb{background:var(--tm-accent);cursor:grab;opacity:0;border:0;border-radius:999px;width:.7rem;height:.7rem;margin-top:-.35rem;transition:opacity .12s,transform .12s;top:50%}.play-bar-slider:hover .play-bar-slider-thumb,.play-bar-slider-thumb[data-dragging]{opacity:1}.play-bar-slider-thumb[data-dragging]{cursor:grabbing;transition-duration:60ms}.play-bar-slider[data-disabled]{opacity:.4}.play-bar-slider[data-disabled] .play-bar-slider-track,.play-bar-slider[data-disabled] .play-bar-slider-thumb{cursor:not-allowed}.play-bar-actions{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.play-bar-queue{color:var(--tm-text-subtle);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-variant-numeric:tabular-nums}.play-bar-message{color:var(--tm-text-subtle);font-size:var(--tm-text-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}@media (width>=36rem){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=44rem){.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<50rem){.play-bar{grid-template-columns:minmax(0,1fr) auto}.play-bar-center{grid-template-columns:auto minmax(0,1fr)}.play-bar-actions{grid-column:1/-1;justify-content:space-between}}@media (width<36rem){.app{padding:1rem 1rem calc(var(--tm-play-bar-height) + 1.5rem)}.app-header{flex-direction:column;align-items:flex-start}.panel{padding:1rem}.play-bar{grid-template-columns:minmax(0,1fr)}.play-bar-center{grid-template-columns:auto minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.play-bar-slider-thumb,.play-bar-icon-button{transition-duration:.01ms}}}