:root{--color-bg: #0a0a10;--color-bg-elevated: #14141c;--color-bg-input: #1a1a24;--color-border: #2a2a38;--color-border-hover: #3a3a4a;--color-text: #ddd;--color-text-muted: #888;--color-text-faint: #555;--color-accent: #7a9ae6;--color-accent-hover: #9ab5f0;--color-error: #e08080;--color-success: #80c080;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, SFMono-Regular, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--duration-fast: .12s;--duration-base: .2s}*,*:before,*:after{box-sizing:border-box}html,body,#studio-root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,button,textarea,select{font:inherit;color:inherit}.unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-2);color:var(--color-text-faint)}.unavailable__mark{margin:0;letter-spacing:.3em;text-transform:uppercase;font-size:.75rem}.unavailable__text{margin:0;font-size:.85rem}.studio{min-height:100vh;display:flex;flex-direction:column}.studio__header{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.studio__title{font-size:1.25rem;font-weight:200;letter-spacing:.15em;margin:0}.studio__subtitle{color:var(--color-text-faint);font-size:.85rem}.studio__layout{flex:1;display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);padding:var(--space-4);min-height:0}.studio__controls{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);height:fit-content}.studio__field{display:flex;flex-direction:column;gap:var(--space-2)}.studio__label{font-size:.85rem;color:var(--color-text-muted)}.studio__field select,.studio__field input[type=file]{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.studio__meta{font-size:.8rem;color:var(--color-text-faint)}.studio__hint{font-size:.75rem;color:var(--color-text-faint);font-weight:400}.studio__warn{font-size:.75rem;color:#e0b060}.studio__group{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.studio__group>summary{list-style:none;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.studio__group>summary::-webkit-details-marker{display:none}.studio__group-title:before{content:"▸";display:inline-block;margin-right:var(--space-2);font-size:.7rem;color:var(--color-text-faint);transition:transform var(--duration-fast)}.studio__group[open] .studio__group-title:before{transform:rotate(90deg)}.studio__group-title{display:inline-flex;align-items:center}.studio__group-hint{font-size:.65rem;color:var(--color-text-faint);text-transform:lowercase;letter-spacing:0;font-weight:400}.studio__group-body{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-3) var(--space-3) var(--space-3)}.studio__group--deferred{opacity:.7}.studio__toggles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.studio__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.studio__toggle input[type=checkbox]{margin:0;accent-color:var(--color-accent)}.studio__toggle--on{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.studio__reset-all{align-self:flex-start;background:transparent;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 12px;font-size:.7rem;cursor:pointer}.studio__reset-all:hover:not(:disabled){color:var(--color-text-muted);border-color:var(--color-border-hover)}.studio__reset-all:disabled{opacity:.4;cursor:not-allowed}.studio__macro{display:flex;flex-direction:column;gap:var(--space-1)}.studio__macro--disabled{opacity:.45}.studio__macro-label{display:flex;align-items:baseline;justify-content:space-between;font-size:.78rem;color:var(--color-text-muted);font-family:var(--font-mono)}.studio__macro-hint{color:var(--color-text-faint);font-size:.7rem}.studio__macro-value{color:var(--color-text);font-variant-numeric:tabular-nums}.studio__macro input[type=range]{width:100%;accent-color:var(--color-accent)}.studio__actions{display:flex;gap:var(--space-2)}.studio__btn{flex:1;background:var(--color-bg-input);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.studio__btn--primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.studio__btn:disabled{opacity:.5;cursor:not-allowed}.studio__error{color:var(--color-error);font-size:.85rem;margin:0}.studio__status{color:var(--color-text-muted);font-size:.85rem;padding:var(--space-2) 0;font-family:var(--font-mono)}.studio__canvas-wrap{background:#000;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.studio__canvas{max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:16 / 9}.app__nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.app__brand{font-size:.95rem;letter-spacing:.02em;color:var(--color-text-muted)}.app__brand strong{color:var(--color-text)}.app__tabs{display:flex;gap:var(--space-1)}.app__tab{padding:var(--space-1) var(--space-4);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--duration-fast),background var(--duration-fast)}.app__tab:hover{color:var(--color-text)}.app__tab--active{color:var(--color-text);background:var(--color-bg-input);border-color:var(--color-border)}.catalog{max-width:980px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.catalog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.catalog__title{margin:0;font-size:1.5rem}.catalog__sub{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.85rem}.catalog__db{color:var(--color-accent)}.catalog__muted{color:var(--color-text-muted);font-size:.85rem}.catalog__error{padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-error) 10%,transparent);margin-bottom:var(--space-6)}.album{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);margin-bottom:var(--space-6);overflow:hidden}.album__head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.album__cover{width:56px;height:56px;flex:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-input)}.album__cover img{width:100%;height:100%;object-fit:cover;display:block}.album__cover-empty{width:100%;height:100%;display:grid;place-items:center;font-size:.65rem;color:var(--color-text-faint)}.album__info{flex:1;min-width:0}.album__title{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:var(--space-2)}.album__meta{color:var(--color-text-muted);font-size:.8rem}.album__actions,.track__actions{display:flex;gap:var(--space-2);flex:none}.album__tracks{padding:var(--space-2) var(--space-4) var(--space-4)}.track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.track:last-child{border-bottom:none}.track__order{width:1.6rem;flex:none;text-align:right;color:var(--color-text-faint);font-family:var(--font-mono);font-size:.8rem}.track__main{flex:1;min-width:0}.track__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.78rem;margin-top:2px}.track__render{flex:none;width:11rem;text-align:right;font-size:.78rem}.render--ok{color:var(--color-success)}.render--none{color:var(--color-text-faint)}.pill{font-size:.68rem;padding:1px 7px;border-radius:999px;border:1px solid transparent;text-transform:lowercase;letter-spacing:.02em}.pill--pub{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}.pill--draft{color:var(--color-text-muted);border-color:var(--color-border)}.pill--demo{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.82rem;transition:border-color var(--duration-fast),background var(--duration-fast),opacity var(--duration-fast)}.btn:hover:not(:disabled){border-color:var(--color-border-hover)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);color:var(--color-accent-hover)}.btn--primary:hover:not(:disabled){border-color:var(--color-accent)}.btn--star{width:2rem;text-align:center;color:var(--color-text-faint)}.btn--active{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:.85rem;cursor:pointer;border:1px solid var(--color-border)}.toast--ok{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:color-mix(in srgb,var(--color-success) 8%,transparent)}.toast--err{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 45%,transparent);background:color-mix(in srgb,var(--color-error) 8%,transparent)}label.btn{display:inline-flex;align-items:center;cursor:pointer}.btn--off{opacity:.45;pointer-events:none}.btn--ghost{color:var(--color-text-faint);background:transparent}.progress{display:block;height:3px;margin-top:var(--space-2);border-radius:2px;background:var(--color-bg-input);overflow:hidden}.progress__bar{display:block;height:100%;background:var(--color-accent);transition:width var(--duration-fast) linear}.track{flex-wrap:wrap}.history{flex:0 0 100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-input);font-size:.8rem}.history__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.history__when{min-width:12rem}.history__meta{flex:1;color:var(--color-text-muted)}.catalog__db--prod{color:var(--color-error);font-weight:600;text-transform:uppercase;letter-spacing:.04em}