: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}.editor{flex:0 0 100%;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-input);display:flex;flex-direction:column;gap:var(--space-2)}.album__editor{padding:0 var(--space-4) var(--space-2)}.album__editor .editor{margin-top:0}.editor__text{width:100%;resize:vertical;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:.85rem;line-height:1.5}.editor__text:focus{outline:none;border-color:var(--color-accent)}.editor__foot{display:flex;align-items:center;gap:var(--space-3);font-size:.78rem}.editor__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.editor__count--over{color:var(--color-error)}.editor__hint{flex:1;color:var(--color-text-faint)}.app__who{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem}.app__name{color:var(--color-text-muted);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill--role-owner{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.pill--role-editor{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}.pill--role-viewer{color:var(--color-text-muted);border-color:var(--color-border)}.app__center{max-width:640px;margin:var(--space-16) auto;padding:0 var(--space-6)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.login__card{width:min(380px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.login__title{margin:0;font-size:1.1rem;font-weight:400;letter-spacing:.02em;color:var(--color-text-muted)}.login__title strong{color:var(--color-text)}.login__error{color:var(--color-error);font-size:.85rem}.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.82rem}.field--grow{flex:1;min-width:12rem}.field__label{color:var(--color-text-muted)}.field__input,.select{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.85rem}.field__input:focus,.select:focus{outline:none;border-color:var(--color-accent)}.select{background:var(--color-bg-input)}.select--status{padding:1px var(--space-2);font-size:.7rem;border-radius:999px;margin-left:var(--space-2)}.select--ready,.pill--ready{color:var(--color-accent)}.select--delivered,.pill--delivered{color:var(--color-success)}.select--draft,.pill--draft{color:var(--color-text-muted)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--wrap{flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.segmented{display:inline-flex;gap:2px}.secret{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-accent) 55%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.secret__label{font-size:.85rem}.secret__value{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.04em;-webkit-user-select:all;user-select:all}.member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.member:last-child{border-bottom:none}.member__main{flex:1;min-width:0}.member__name{display:flex;align-items:center;gap:var(--space-2)}.member__meta{display:block;color:var(--color-text-muted);font-size:.78rem}.page{max-width:980px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-16)}.page__head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.page__headmain{flex:1;min-width:0}.page__title{margin:0;font-size:1.4rem}.page__body{display:block}.pane__section{margin-bottom:var(--space-8);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.pane__section-title{margin:0 0 var(--space-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.settings__grid{display:grid;grid-template-columns:8rem 1fr;gap:var(--space-4) var(--space-4);align-items:start}.settings__label{padding-top:5px;font-size:.82rem;color:var(--color-text-muted)}.settings__value{min-width:0;font-size:.88rem}.settings__text{margin:0;white-space:pre-wrap;font-size:.88rem;line-height:1.5}.form--flush{margin-top:0;padding-top:0;border-top:none}.album__cover--lg{width:96px;height:96px}@media(max-width:640px){.settings__grid{grid-template-columns:1fr;gap:var(--space-1) 0}.settings__label{padding-top:var(--space-2)}}.vrow,.drow{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.vrow:last-of-type,.drow:last-of-type{border-bottom:none}.vrow--master{background:color-mix(in srgb,var(--color-accent) 6%,transparent);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-2)}.vrow__no{flex:none;width:3rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint);padding-top:3px}.vrow__main,.drow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vrow__label{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.vrow__meta{color:var(--color-text-muted);font-size:.75rem}.vrow__notes{color:var(--color-text-muted);font-size:.8rem;white-space:pre-wrap}.drow__icon{flex:none;width:1.5rem;text-align:center;padding-top:2px}.drow__body{margin:var(--space-1) 0 0;padding:var(--space-2);font:inherit;font-size:.8rem;white-space:pre-wrap;background:var(--color-bg);border-radius:var(--radius-sm);max-height:10rem;overflow:auto}.drow__link{color:var(--color-accent);font-size:.8rem;word-break:break-all}.platform{margin-bottom:var(--space-3)}.platform__name{margin:var(--space-2) 0 var(--space-1);font-size:.85rem;color:var(--color-accent-hover)}.preview{margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border)}.preview__title{flex:1;font-size:.8rem;color:var(--color-text-muted)}.preview__media{display:block;width:100%;margin-top:var(--space-2);border-radius:var(--radius-sm);max-height:340px;object-fit:contain;background:#000}audio.preview__media{background:transparent}.platform__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1)}.platform__head .platform__name{margin:0;display:flex;align-items:baseline;gap:var(--space-2)}.platform__count{font-size:.72rem;font-weight:400;color:var(--color-text-faint)}.member{flex-wrap:wrap}.grants{flex:0 0 100%;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-input);font-size:.85rem}.grants__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.grants__scope{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slug{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint)}.settings__row{display:contents}.editor__text--mono{font-family:var(--font-mono);font-size:.78rem}.site-editor{display:grid;gap:var(--space-3)}.site-editor--split{grid-template-columns:1fr 1fr}@media(max-width:900px){.site-editor--split{grid-template-columns:1fr}}.site-editor__text{min-height:12rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.55}.site-editor__preview{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:auto;max-height:40rem}.preview-doc{font-size:.9rem;line-height:1.6}.preview-doc h1{font-size:1.3rem;margin:0 0 var(--space-3)}.preview-doc h2{font-size:1rem;margin:var(--space-4) 0 var(--space-2)}.preview-doc p{margin:0 0 var(--space-3)}.preview-doc a{color:var(--color-accent)}.preview-doc img{max-width:100%;border-radius:var(--radius-sm)}.preview-doc .effective,.preview-doc .brand{color:var(--color-text-muted);font-size:.8rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.media-tile{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg)}.media-tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.media-tile figcaption{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);font-size:.72rem}.media-tile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}