.studio{position:relative;min-height:100vh;padding:0 clamp(1.25rem,3.5vw,3rem)}.studio__app{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:2rem;align-items:start;padding-top:1.25rem}.studio__left{position:relative;display:flex;flex-direction:column;gap:.75rem;align-self:stretch}.studio__left .studio__player{position:sticky;top:4.5rem;z-index:4}.studio__right{min-width:0;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.studio__top{display:grid;grid-template-columns:auto 1fr minmax(220px,420px);gap:1.5rem;align-items:center;padding:1rem 0 .85rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(to bottom,var(--bg) 60%,rgba(10,10,10,.92));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5}.studio__back{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.studio__back:hover{color:var(--accent);border-color:var(--accent);background:#d4ff000f}.studio__brand{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.studio__brand-glyph{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--accent);display:inline-block;transform-origin:50% 80%}.studio__brand-label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.01em;transition:color .4s ease,letter-spacing .4s ease}@keyframes pmp-note-dance{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-5px) rotate(-8deg) scale(1.05)}40%{transform:translateY(-2px) rotate(4deg) scale(1)}60%{transform:translateY(-6px) rotate(-3deg) scale(1.08)}80%{transform:translateY(-1px) rotate(6deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes pmp-label-pulse{0%,to{color:var(--fg);letter-spacing:-.01em}50%{color:var(--accent);letter-spacing:.01em}}body:has(.studio__player.is-playing) .studio__brand-glyph{animation:pmp-note-dance 1.4s ease-in-out infinite}body:has(.studio__player.is-playing) .studio__brand-label{animation:pmp-label-pulse 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){body:has(.studio__player.is-playing) .studio__brand-glyph,body:has(.studio__player.is-playing) .studio__brand-label{animation:none}}.studio__brand-sub{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim)}.studio__search{position:relative}.studio__search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--fg-dim)}.studio__search-input{width:100%;padding:.65rem .85rem .65rem 2.2rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;color:var(--fg);font-family:var(--font-mono);font-size:.85rem;transition:border-color var(--t-fast),background var(--t-fast)}.studio__search-input::placeholder{color:var(--fg-mute)}.studio__search-input:focus{outline:none;border-color:var(--accent);background:#d4ff0008}.studio__body{display:grid;grid-template-columns:190px 1fr;gap:1.5rem;padding-top:0}.studio__side{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 6rem);overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding-right:.25rem}.studio__views{display:flex;flex-direction:column;gap:.15rem}.studio__view{display:grid;grid-template-columns:1.3rem 1fr auto;align-items:center;gap:.65rem;padding:.55rem .75rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em;text-align:left;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.studio__view-icon{font-size:1.1em;line-height:1;text-align:center;color:var(--fg-mute)}.studio__view-count{font-size:.68rem;color:var(--fg-mute);letter-spacing:.12em}.studio__view:hover{color:var(--fg);background:#ffffff06}.studio__view.is-active{color:var(--accent);background:#d4ff000d;border-color:#d4ff0033}.studio__view.is-active .studio__view-icon,.studio__view.is-active .studio__view-count{color:var(--accent)}.studio__filter-panel{padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev)}.studio__filter-panel[hidden]{display:none}.studio__filter-clear{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:pointer}.studio__filter-clear:hover{color:var(--accent);border-color:var(--accent)}.studio__hint{padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--fg-mute)}.studio__hint kbd{display:inline-block;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;background:var(--bg-elev);font-family:var(--font-mono);font-size:.65rem;color:var(--fg-dim)}.studio__main{min-width:0}.studio__view-pane[hidden]{display:none}.studio__view-pane--left{flex:1 1 auto;display:flex;flex-direction:column}.studio__view-pane--left .studio__pane-head{flex-shrink:0;margin-bottom:.5rem}.studio__view-pane--left .track-list{flex:0 0 auto;overflow:visible}.studio__view-pane--left .track-row{position:relative;grid-template-columns:1rem 1.2rem 28px minmax(0,1fr) 3rem;gap:.45rem;padding:.2rem .3rem .2rem .1rem;border-radius:3px;border-top:2px solid transparent;border-bottom:2px solid transparent;cursor:pointer;align-items:center}.studio__view-pane--left .track-row__handle{grid-column:1;display:inline-flex;align-items:center;justify-content:center;width:16px;height:100%;color:var(--fg-dim);opacity:.7;cursor:grab;user-select:none;transition:opacity var(--t-fast),color var(--t-fast);touch-action:none}.studio__view-pane--left .track-row:hover .track-row__handle{opacity:1;color:var(--fg)}.studio__view-pane--left .track-row__handle:hover{color:var(--accent)}.studio__view-pane--left .track-row__handle:active{cursor:grabbing;color:var(--accent)}.studio__view-pane--left .track-row__handle svg{width:14px;height:14px;fill:currentColor}.studio__view-pane--left .track-row+.track-row{margin-top:0}.studio__view-pane--left .track-row:hover{background:#ffffff09}.studio__view-pane--left .track-row.is-drag-source{opacity:.35}.studio__view-pane--left .track-row.is-drop-before{border-top-color:var(--accent)}.studio__view-pane--left .track-row.is-drop-after{border-bottom-color:var(--accent)}.studio__view-pane--left .track-row__artist,.studio__view-pane--left .track-row__release{display:none}.studio__view-pane--left .track-row__textblock{display:flex;flex-direction:column;gap:0;min-width:0;justify-content:center}.studio__view-pane--left .track-row__title{font-family:var(--font-display);font-size:.8rem;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--t-fast)}.studio__view-pane--left .track-row__artist-line{display:block;font-family:var(--font-mono);font-size:.55rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0}.studio__view-pane--left .track-row__cover{width:28px;height:28px;border-radius:3px;border:none}.studio__view-pane--left .track-row__dur{grid-column:5;grid-row:1;justify-self:end;font-family:var(--font-mono);font-size:.62rem;color:var(--fg-mute);font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:opacity .15s}.studio__view-pane--left .track-row__remove{grid-column:5;grid-row:1;justify-self:end;width:26px;height:26px;font-size:1.05rem;border:none;background:transparent;color:var(--fg-mute);opacity:0;transition:opacity .15s,color .15s;pointer-events:none}.studio__view-pane--left .track-row:hover .track-row__dur,.studio__view-pane--left .track-row:focus-within .track-row__dur{opacity:0}.studio__view-pane--left .track-row:hover .track-row__remove,.studio__view-pane--left .track-row:focus-within .track-row__remove{opacity:1;pointer-events:auto}.studio__view-pane--left .track-row__remove:hover{color:var(--danger)}.studio__view-pane--left.is-drag-target{background:#d4ff000d;border-radius:6px;outline:1px dashed rgba(212,255,0,.5);outline-offset:-4px}.studio__view-pane--left .track-row__idx-wrap{align-self:center;justify-self:end}.studio__view-pane--left .track-row__idx{font-family:var(--font-mono);font-size:.58rem;color:var(--fg-mute);font-variant-numeric:tabular-nums}.studio__view-pane--left .track-row.is-playing{background:#d4ff000f}.studio__view-pane--left .track-row.is-playing .track-row__title{color:var(--accent)}.studio__view-pane--left .track-row.is-playing .track-row__artist-line{color:var(--accent);opacity:.65}.studio__view-pane--left .track-row.is-playing .track-row__idx,.studio__view-pane--left .track-row.is-playing .track-row__idx-wrap svg{color:var(--accent)}.studio__view-pane--left .track-row.is-playing .track-row__dur{color:var(--accent);opacity:.7}.studio__pane-head--working.is-dirty .studio__working-meta .studio__pane-meta{color:var(--accent)}.studio__pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.studio__pane-head--working{align-items:center;padding-bottom:.55rem;margin-bottom:.35rem}.studio__working-meta{display:flex;align-items:baseline;gap:.55rem;min-width:0;flex:1}.studio__working-meta h2{font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio__working-meta .studio__pane-meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;text-transform:none;color:var(--fg-mute);transition:color .2s}.studio__working-meta .studio__pane-meta.is-flash{color:var(--accent)}.studio__working-actions{display:flex;gap:.3rem;flex-shrink:0}.working-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.working-btn:hover{color:var(--accent);border-color:var(--accent);background:#d4ff000f}.working-btn--play{color:var(--accent);border-color:var(--accent)}.working-btn--play:hover{background:var(--accent);color:var(--accent-ink)}.working-btn--danger:hover{color:var(--danger);border-color:var(--danger);background:#ff3b300f}.studio__pane-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.01em}.studio__pane-meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.track-list{display:flex;flex-direction:column}.track-row{position:relative;display:grid;grid-template-columns:2.2rem 44px minmax(0,3fr) minmax(0,2fr) minmax(0,2fr) 3.5rem 2rem;align-items:center;gap:1rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;color:var(--fg);transition:background var(--t-fast)}.track-row.is-drag-source{opacity:.4}.track-row:hover,.track-row:focus-visible{background:#ffffff09;outline:none}.track-row.is-playing{background:#d4ff0012;color:var(--fg)}.track-row.is-playing .track-row__title{color:var(--accent)}.track-row__idx{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-mute);text-align:right}.track-row:hover .track-row__idx{color:transparent}.track-row__idx-icon{position:absolute;color:var(--accent);opacity:0}.track-row__idx-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:100%}.track-row:hover .track-row__idx-icon,.track-row.is-playing .track-row__idx-icon{opacity:1}.track-row.is-playing .track-row__idx{opacity:0}.track-row__cover{width:44px;height:44px;border-radius:4px;background-size:cover;background-position:center;background-color:var(--bg-elev);border:1px solid var(--line)}.track-row__title{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__artist{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__artist:hover{color:var(--accent)}.track-row__release{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__release:hover{color:var(--accent)}.track-row__dur{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-dim);text-align:right}.track-row__add{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:0;transition:opacity var(--t-fast),color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.track-row:hover .track-row__add,.track-row:focus-within .track-row__add{opacity:1}.track-row__add:hover{color:var(--accent);border-color:var(--accent);background:#d4ff0014}.track-row__remove{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:0;transition:opacity var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.track-row:hover .track-row__remove{opacity:1}.track-row__remove:hover{color:var(--danger);border-color:var(--danger)}.studio__userp{display:flex;flex-direction:column;gap:.65rem;padding-top:1rem;border-top:1px solid var(--line)}.studio__userp-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);padding:0 .25rem}.studio__userp-new{width:22px;height:22px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);cursor:pointer;font-size:.95rem;line-height:1;padding:0;transition:color var(--t-fast),border-color var(--t-fast)}.studio__userp-new:hover{color:var(--accent);border-color:var(--accent)}.studio__userp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.studio__userp-empty{padding:.5rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;line-height:1.5;color:var(--fg-mute);grid-column:1 / -1}.studio__userp-empty[hidden]{display:none}.userp-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .35rem .5rem;border:1px solid transparent;border-radius:8px;color:var(--fg-dim);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.userp-item:hover{color:var(--fg);background:#ffffff08;border-color:var(--line)}.userp-item.is-active{color:var(--accent);background:#d4ff000f;border-color:#d4ff0040}.userp-item.is-drag-over{border-color:var(--accent);background:#d4ff001a}.userp-item__cover{width:100%;aspect-ratio:1;background-size:cover;background-position:center;background-color:var(--bg-elev);border-radius:6px;border:1px solid var(--line);box-shadow:0 4px 10px #0006}.userp-item__cover--empty{display:grid;place-items:center;background:linear-gradient(135deg,#d4ff0026,#d4ff0008);color:var(--accent);font-family:var(--font-display);font-weight:700;font-size:1.2rem}.userp-item__main{background:transparent;border:none;padding:0;color:inherit;text-align:center;cursor:pointer;font:inherit;width:100%;display:flex;flex-direction:column;gap:1px;align-items:center}.userp-item__name{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userp-item__count{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.userp-item__more{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#0a0a0aa6;border:none;color:var(--fg);cursor:pointer;font-size:.85rem;line-height:1;padding:0;border-radius:999px;opacity:0;transition:opacity var(--t-fast),color var(--t-fast),background var(--t-fast)}.userp-item:hover .userp-item__more{opacity:1}.userp-item__more:hover{color:var(--accent);background:#0a0a0ad9}.add-popover{position:fixed;z-index:100;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:8px;padding:.55rem;min-width:220px;max-width:280px;box-shadow:0 20px 40px #0009;font-family:var(--font-mono);font-size:.78rem;animation:pop-in .18s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-popover[hidden]{display:none}.add-popover__head{padding:.25rem .55rem .55rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--line);margin-bottom:.35rem}.add-popover__list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto}.add-popover__list li{display:flex}.add-popover__list button{width:100%;text-align:left;padding:.45rem .55rem;background:transparent;border:none;color:var(--fg);cursor:pointer;border-radius:4px;font:inherit;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.add-popover__list button:hover{background:#d4ff0014;color:var(--accent)}.add-popover__check{color:var(--accent);font-size:.9rem;width:1rem}.add-popover__check[hidden]{visibility:hidden}.add-popover__empty{padding:.55rem;color:var(--fg-mute);font-size:.72rem;letter-spacing:.06em}.add-popover__new{width:100%;margin-top:.35rem;padding:.55rem;background:var(--accent);color:var(--accent-ink);border:none;border-radius:4px;cursor:pointer;font:inherit;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.add-popover__new:hover{opacity:.88}.track-empty{padding:2.5rem 1rem;text-align:center;color:var(--fg-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;line-height:1.6}.track-empty__title{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--fg);margin-bottom:.35rem}.track-empty__hint{font-size:.72rem;color:var(--fg-dim)}.track-empty em{color:var(--accent);font-style:normal}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.card{display:block;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:.9rem;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.card:hover{border-color:var(--line-strong);background:#ffffff06;transform:translateY(-2px)}.card__cover{aspect-ratio:1;border-radius:6px;background-size:cover;background-position:center;background-color:#0a0a0a;margin-bottom:.75rem}.card__cover--circle{border-radius:50%;background-position:center top}.card__title{font-weight:600;font-size:.92rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card__sub{margin-top:.25rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--fg-dim);text-transform:uppercase}.detail__back{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-bottom:1.25rem;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.detail__back:hover{color:var(--accent);border-color:var(--accent);background:#d4ff000f}.detail__head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.detail__meta{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;min-width:0}.detail__kk{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.detail__meta h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.35rem);letter-spacing:-.01em;line-height:1.2}.detail__sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--fg-dim)}.detail__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1rem}.detail__addall,.detail__playnow{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;background:transparent;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.detail__addall:hover,.detail__playnow:hover,.detail__playnow{background:var(--accent);color:var(--accent-ink)}.detail__playnow:hover{background:transparent;color:var(--accent)}.detail__count{margin-left:auto;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.track-list--detail .track-row{grid-template-columns:1.8rem minmax(0,1fr) 2.8rem 1.7rem;gap:.65rem;padding:.4rem .5rem}.track-list--detail .track-row__artist,.track-list--detail .track-row__release,.track-list--detail .track-row__cover{display:none}.track-list--detail .track-row__title{font-size:.88rem}.track-list--detail .track-row__add{width:26px;height:26px;opacity:0}.track-list--detail .track-row:hover .track-row__add{opacity:1}.track-list--detail .track-row.is-in-working{background:#d4ff000a}.track-list--detail .track-row.is-in-working .track-row__add{opacity:1;color:var(--accent);border-color:var(--accent)}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;color:var(--fg);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.chip__count{font-size:.65rem;color:var(--fg-mute)}.chip:hover{color:var(--accent);border-color:var(--accent);background:#d4ff000d}.chip:hover .chip__count{color:var(--accent)}.studio__player{position:relative;flex:0 0 auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.player__minimize{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);cursor:pointer;padding:0;z-index:5;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.player__minimize:hover{color:var(--accent);border-color:var(--accent);background:#d4ff000f}.player__minimize-icon--max{display:none}@media (min-width: 881px){.player__minimize{display:inline-flex}}.player__cover-shell{position:relative;width:100%;max-width:200px;aspect-ratio:1;align-self:center}.player__cover-glow{position:absolute;inset:-45px;pointer-events:none;border-radius:50%;filter:blur(38px);opacity:0;background:radial-gradient(circle at 30% 30%,rgba(212,255,0,.85),transparent 55%),radial-gradient(circle at 70% 70%,rgba(212,255,0,.45),transparent 60%),radial-gradient(circle at 50% 50%,rgba(245,245,245,.1),transparent 70%);transition:opacity 1s ease}.player__cover{position:relative;width:100%;height:100%;border-radius:8px;background-size:cover;background-position:center;background-color:var(--bg);border:1px solid var(--line);box-shadow:0 16px 30px #00000073}.studio__player.is-playing .player__cover-glow{opacity:1;animation:player-aurora 8s ease-in-out infinite alternate}@keyframes player-aurora{0%{background:radial-gradient(circle at 25% 30%,rgba(212,255,0,.85),transparent 55%),radial-gradient(circle at 75% 70%,rgba(212,255,0,.45),transparent 60%),radial-gradient(circle at 50% 50%,rgba(245,245,245,.1),transparent 70%);transform:scale(1) rotate(0)}33%{background:radial-gradient(circle at 75% 25%,rgba(212,255,0,.7),transparent 55%),radial-gradient(circle at 25% 75%,rgba(212,255,0,.55),transparent 60%),radial-gradient(circle at 60% 50%,rgba(245,245,245,.14),transparent 70%);transform:scale(1.05) rotate(120deg)}66%{background:radial-gradient(circle at 25% 75%,rgba(212,255,0,.65),transparent 55%),radial-gradient(circle at 75% 30%,rgba(212,255,0,.55),transparent 60%),radial-gradient(circle at 40% 60%,rgba(245,245,245,.12),transparent 70%);transform:scale(1.08) rotate(240deg)}to{background:radial-gradient(circle at 50% 80%,rgba(212,255,0,.75),transparent 55%),radial-gradient(circle at 50% 20%,rgba(212,255,0,.5),transparent 60%),radial-gradient(circle at 50% 50%,rgba(245,245,245,.14),transparent 70%);transform:scale(1.04) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.studio__player.is-playing .player__cover-glow{animation:none;opacity:.7;transform:none}}.queue-toggle{display:none}@media (min-width: 881px){.studio.is-desktop-mini{padding-bottom:5.5rem}.studio.is-desktop-mini .studio__left{position:relative}.studio.is-desktop-mini .queue-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:110px;display:grid;place-items:center;background:var(--bg-elev);border:1px solid var(--line-strong);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;color:var(--fg);padding:0;z-index:40;box-shadow:4px 0 12px #00000059;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.studio.is-desktop-mini.is-queue-collapsed .queue-toggle{position:fixed;left:0;right:auto;top:50%;transform:translateY(-50%)}.studio.is-desktop-mini .queue-toggle:hover{color:var(--accent);background:#d4ff001a;border-color:var(--accent)}.queue-toggle__label{font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.studio.is-desktop-mini .studio__app{transition:grid-template-columns .4s cubic-bezier(.34,1.1,.64,1)}.studio.is-desktop-mini .studio__view-pane--left{transition:opacity .3s ease .35s,transform .35s cubic-bezier(.34,1.1,.64,1) .15s;transform:translate(0);opacity:1}.studio.is-desktop-mini.is-queue-collapsed .studio__app{grid-template-columns:0 1fr;gap:0;transition:grid-template-columns .4s cubic-bezier(.34,1.1,.64,1) .2s}.studio.is-desktop-mini.is-queue-collapsed .studio__left{overflow:hidden;visibility:hidden;transition:visibility 0s linear .35s}.studio.is-desktop-mini.is-queue-collapsed .studio__view-pane--left{opacity:0;transform:translate(-30%);pointer-events:none;transition:opacity .22s ease,transform .4s cubic-bezier(.55,0,.85,.85) .12s}.studio.is-desktop-mini.is-queue-collapsed .queue-toggle{right:0;border-radius:0 6px 6px 0;visibility:visible}.studio.is-desktop-mini.is-queue-collapsed .studio__player{visibility:visible}.studio.is-desktop-mini:not(.is-queue-collapsed) .queue-toggle__label:after{content:" ›";font-weight:700}.studio.is-desktop-mini.is-queue-collapsed .queue-toggle__label:before{content:"‹ ";font-weight:700}.studio.is-desktop-mini .player__minimize-icon--min{display:none}.studio.is-desktop-mini .player__minimize-icon--max{display:block}.studio.is-desktop-mini .studio__player{position:fixed;inset:auto 0 0;flex-direction:row;align-items:center;gap:1rem;padding:.65rem clamp(1rem,2.5vw,1.75rem) .65rem 1rem;border-radius:0;border:none;border-top:1px solid var(--line-strong);background:#141414f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:50;box-shadow:0 -10px 30px #00000073}.studio.is-desktop-mini .player__cover-shell{max-width:44px;flex-shrink:0;align-self:center}.studio.is-desktop-mini .player__cover{box-shadow:0 2px 8px #0006}.studio.is-desktop-mini .player__cover-glow{display:none}.studio.is-desktop-mini .player__meta{text-align:left;min-width:0;flex:0 1 240px}.studio.is-desktop-mini .player__controls{flex-shrink:0;gap:.4rem;margin-left:1rem}.studio.is-desktop-mini .player__progress{flex:1;min-width:0;max-width:500px;margin:0 .5rem}.studio.is-desktop-mini .player__vol-row{flex-shrink:0;gap:.4rem}.studio.is-desktop-mini .player__vol{width:70px}.studio.is-desktop-mini .player__minimize{position:relative;top:auto;right:auto;margin-left:.5rem;flex-shrink:0}}.player__meta{text-align:center;min-width:0}.player__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__sub{display:block;margin-top:.2rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__sub[hidden]{display:none}.player__sub:hover{color:var(--accent)}.player__controls{display:flex;align-items:center;justify-content:center;gap:.55rem}.player__vol-row{display:flex;align-items:center;gap:.55rem}.player__vol-row .player__vol{flex:1;width:auto}.player__btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--fg);cursor:pointer;padding:0;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),transform .12s}.player__btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:#d4ff0014}.player__btn:active:not(:disabled){transform:scale(.92)}.player__btn--small{width:28px;height:28px}.player__btn--play{width:40px;height:40px;border-color:var(--accent);color:var(--accent)}.player__btn--play:hover{background:#d4ff0026}.player__btn--play[aria-pressed=true] .player__icon-play,.player__btn--play[aria-pressed=false] .player__icon-pause{display:none}.player__btn[aria-pressed=true]:not(.player__btn--play){color:var(--accent);border-color:var(--accent)}.player__btn[data-mode=all]{color:var(--accent);border-color:var(--accent)}.player__btn[data-mode=one]{color:var(--accent);border-color:var(--accent);position:relative}.player__btn[data-mode=one]:after{content:"1";position:absolute;top:-3px;right:-3px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:.55rem;font-weight:700;width:12px;height:12px;border-radius:999px;display:grid;place-items:center}.player__progress{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;gap:.5rem;align-items:center;width:100%}.player__time{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--fg-dim);text-align:center}.player__bar{position:relative;height:4px;background:#ffffff14;border-radius:999px;cursor:pointer}.player__bar:hover .player__bar-thumb{opacity:1}.player__bar-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--accent);border-radius:999px}.player__bar-thumb{position:absolute;top:50%;left:0;width:11px;height:11px;background:var(--accent);border-radius:999px;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--t-fast);pointer-events:none}.player__vol{width:80px}.player__vol-track{position:relative;height:4px;background:#ffffff14;border-radius:999px;cursor:pointer}.player__vol-fill{position:absolute;inset:0 auto 0 0;width:70%;background:var(--accent);border-radius:999px}.lineup{position:relative;padding:1.25rem 0 .75rem;border-bottom:1px solid var(--line)}.lineup__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.5rem 0;background:transparent;border:none;cursor:pointer;color:inherit;text-align:left;transition:color var(--t-fast)}.lineup__head:hover{color:var(--accent)}.lineup__head-text{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}.lineup__head-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.4rem);letter-spacing:-.01em}.lineup__head-sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.lineup__chevron{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--fg-dim);border:1px solid var(--line);border-radius:999px;transition:transform .3s ease,color var(--t-fast),border-color var(--t-fast)}.lineup__head:hover .lineup__chevron{color:var(--accent);border-color:var(--accent)}.lineup.is-collapsed .lineup__chevron{transform:rotate(-90deg)}.lineup__body{overflow:hidden;max-height:480px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s;opacity:1}.lineup.is-collapsed .lineup__body{max-height:0;opacity:0}.lineup__stage-wrap{perspective:1400px;perspective-origin:50% 40%;padding:1rem 0}.lineup__stage{position:relative;width:100%;height:220px;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.lineup__card{position:absolute;top:50%;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;padding:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .35s;box-shadow:0 18px 35px #0000008c,inset 0 0 0 1px #ffffff0a;will-change:transform}.lineup__card-art{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--bg);border-radius:7px}.lineup__card-spine{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to right,#ffffff1f,#0000004d);border-radius:8px 0 0 8px}.lineup__card[data-idx="0"]{transform:translate3d(-200px,-45px,0) rotateY(-22deg) rotate(-5deg);z-index:1}.lineup__card[data-idx="1"]{transform:translate3d(-125px,-28px,25px) rotateY(-15deg) rotate(-3deg);z-index:2}.lineup__card[data-idx="2"]{transform:translate3d(-42px,-8px,50px) rotateY(-7deg) rotate(-1deg);z-index:3}.lineup__card[data-idx="3"]{transform:translate3d(42px,8px,50px) rotateY(7deg) rotate(1deg);z-index:3}.lineup__card[data-idx="4"]{transform:translate3d(125px,28px,25px) rotateY(15deg) rotate(3deg);z-index:2}.lineup__card[data-idx="5"]{transform:translate3d(200px,45px,0) rotateY(22deg) rotate(5deg);z-index:1}.lineup__card:hover{box-shadow:0 28px 60px #d4ff002e,inset 0 0 0 1px #d4ff0040}.lineup__card.is-focused{z-index:20!important;transform:translate3d(0,-30px,140px) rotateY(0) rotate(0) scale(1.05)!important;box-shadow:0 40px 80px #d4ff0059,inset 0 0 0 1px #d4ff0073}.lineup__label{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem}.lineup__kk{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.lineup__label strong{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,2vw,1.4rem);letter-spacing:-.01em}.lineup__sub{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.lineup__cta{display:flex;gap:.9rem;align-items:center;margin-top:.8rem}.lineup__play{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:999px;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:background var(--t-fast),color var(--t-fast)}.lineup__play:hover{background:transparent;color:var(--accent)}.lineup__more{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--line);padding-bottom:2px}.lineup__more:hover{color:var(--accent);border-color:var(--accent)}@media (prefers-reduced-motion: reduce){.lineup__stage,.lineup__card{transition:none}}@media (max-width: 880px){.studio{padding-bottom:12rem}.studio__top{grid-template-columns:auto 1fr;grid-template-areas:"back brand" "search search";gap:.6rem .8rem;padding:.75rem 0}.studio__back{grid-area:back;padding:.35rem .65rem;font-size:.65rem;letter-spacing:.14em}.studio__brand{grid-area:brand;justify-self:end}.studio__brand-sub{display:none}.studio__search{grid-area:search}.studio__body{grid-template-columns:1fr;gap:1.25rem}.studio__side{position:static;top:auto}.studio__views{flex-direction:row;overflow-x:auto;gap:.3rem;padding-bottom:.25rem}.studio__view{flex-shrink:0;grid-template-columns:auto;white-space:nowrap}.studio__view-count,.studio__hint{display:none}.track-row{grid-template-columns:1.6rem 40px minmax(0,2fr) minmax(0,1fr) 3rem;gap:.6rem}.track-row__release,.track-row__add,.track-row__remove{display:none}.studio__app{grid-template-columns:1fr;gap:.85rem;padding-top:.5rem}.studio__left{position:static;height:auto;gap:.6rem}.studio__top{position:fixed;top:0;left:0;right:0;z-index:50;padding:.75rem clamp(.9rem,3vw,1.25rem);background:#0a0a0af5;will-change:transform}.studio{padding-top:91px}.studio__app{padding-top:.25rem}.studio__left .studio__player{position:fixed;top:91px;left:0;right:0;z-index:40;flex-direction:row;align-items:center;gap:.6rem;padding:.5rem clamp(.9rem,3vw,1.25rem);border-radius:0;background:#0f0f0ff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-bottom:1px solid var(--line);box-shadow:0 2px 10px #0006;will-change:top;transition:border-radius .25s ease,padding .25s ease,gap .25s ease}.studio__left .player__cover-shell{max-width:36px;flex-shrink:0;transition:max-width .25s ease}.studio__left .player__cover{border-radius:4px;box-shadow:none}.studio__left .player__cover-glow{display:none}.studio__left .player__meta{flex:1;min-width:0;text-align:left}.studio__left .player__title{font-size:.82rem}.studio__left .player__sub{font-size:.58rem}.studio__left .player__controls{gap:0;flex-shrink:0}.studio__left .player__controls>:not(.player__btn--play){display:none}.studio__left .player__progress,.studio__left .player__vol-row{display:none}.studio__left .player__btn--play{width:34px;height:34px}.player__minimize{display:inline-flex!important;position:relative;top:auto;right:auto;flex-shrink:0;margin-left:.15rem}.studio__left .studio__player:not(.is-mobile-expanded) .player__minimize-icon--min{display:none}.studio__left .studio__player:not(.is-mobile-expanded) .player__minimize-icon--max{display:block}.studio__view-pane--left{padding-top:64px}.studio__left{gap:0}.studio__left .studio__player.is-mobile-expanded{flex-direction:column;align-items:stretch;gap:.7rem;padding:1rem .9rem 1.1rem;border-radius:16px;max-height:calc(100vh - 80px);overflow-y:auto}.studio__left .studio__player.is-mobile-expanded .player__minimize{position:absolute;top:.65rem;right:.65rem;margin:0}.studio__left .studio__player.is-mobile-expanded .player__minimize-icon--max{display:none}.studio__left .studio__player.is-mobile-expanded .player__minimize-icon--min{display:block}.studio__left .studio__player.is-mobile-expanded .player__cover-shell{max-width:180px;align-self:center}.studio__left .studio__player.is-mobile-expanded .player__cover{border-radius:8px;box-shadow:0 16px 30px #00000073}.studio__left .studio__player.is-mobile-expanded .player__cover-glow{display:block}.studio__left .studio__player.is-mobile-expanded .player__meta{text-align:center;flex:0 0 auto}.studio__left .studio__player.is-mobile-expanded .player__title{font-size:1rem}.studio__left .studio__player.is-mobile-expanded .player__sub{font-size:.68rem}.studio__left .studio__player.is-mobile-expanded .player__controls{justify-content:center;gap:.5rem}.studio__left .studio__player.is-mobile-expanded .player__controls>*{display:inline-flex!important}.studio__left .studio__player.is-mobile-expanded .player__progress{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;gap:.5rem;width:100%}.studio__left .studio__player.is-mobile-expanded .player__vol-row{display:flex;gap:.55rem}.studio__player{padding:.75rem;gap:.55rem}.studio__view-pane--left{flex:0 1 auto}.studio__view-pane--left .track-list{max-height:62vh;-webkit-overflow-scrolling:touch}.player__cover-shell{max-width:150px}.player__cover-glow{inset:-32px;filter:blur(26px)}.player__title{font-size:.94rem}.player__sub{font-size:.62rem}.player__progress{grid-template-columns:2.3rem 1fr 2.3rem;gap:.4rem}.player__btn{width:36px;height:36px}.player__btn--small{width:30px;height:30px}.player__btn--play{width:42px;height:42px}.player__vol-track{height:10px}.studio__pane-head--working{flex-wrap:wrap;gap:.4rem;padding-bottom:.45rem}.studio__working-meta h2{font-size:.95rem}.working-btn span{display:none}.working-btn{padding:.4rem .5rem}.working-btn svg{width:15px;height:15px}.studio__view-pane--left .track-row{grid-template-columns:1.5rem 1.4rem 34px minmax(0,1fr) auto auto;padding:.55rem .35rem;gap:.55rem}.studio__view-pane--left .track-row__handle{display:inline-flex;width:100%;opacity:.9;touch-action:none}.studio__view-pane--left .track-row__handle svg{width:16px;height:16px}.studio__view-pane--left .track-row__cover{width:34px;height:34px}.studio__view-pane--left .track-row__title{font-size:.85rem}.studio__view-pane--left .track-row__dur{grid-column:5;opacity:1!important}.studio__view-pane--left .track-row__remove{grid-column:6;opacity:1!important;pointer-events:auto!important}.studio__view-pane--left .track-row:hover .track-row__dur{opacity:1!important}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.card{padding:.55rem;border-radius:8px}.card__cover{margin-bottom:.5rem;border-radius:5px}.card__title{font-size:.8rem}.card__sub{font-size:.65rem;margin-top:.15rem}.lineup__stage{height:220px}.lineup__card{width:150px;height:150px;margin:-75px 0 0 -75px}.lineup__card[data-idx="0"]{transform:translate3d(-160px,-40px,0) rotateY(-18deg) rotate(-4deg)}.lineup__card[data-idx="1"]{transform:translate3d(-100px,-25px,20px) rotateY(-12deg) rotate(-2deg)}.lineup__card[data-idx="2"]{transform:translate3d(-35px,-10px,40px) rotateY(-6deg)}.lineup__card[data-idx="3"]{transform:translate3d(35px,10px,40px) rotateY(6deg)}.lineup__card[data-idx="4"]{transform:translate3d(100px,25px,20px) rotateY(12deg) rotate(2deg)}.lineup__card[data-idx="5"]{transform:translate3d(160px,40px,0) rotateY(18deg) rotate(4deg)}}@media (max-width: 480px){.studio{padding-left:.9rem;padding-right:.9rem}.studio__top{padding:.5rem 0 .45rem;gap:.45rem}.studio__brand-label{font-size:.9rem}.studio__brand-glyph{font-size:1.3rem}.player__cover-shell{max-width:130px}.player__cover-glow{inset:-26px;filter:blur(22px)}.studio__back{padding:.3rem .55rem}.studio__search-input{padding:.55rem .8rem .55rem 2rem;font-size:.82rem}.studio__search-icon{left:.7rem}.detail__actions{flex-direction:column;align-items:stretch}.detail__addall,.detail__playnow{justify-content:center}.detail__count{margin:0 auto;text-align:center}.detail__meta h2{font-size:1.05rem}.detail__head{margin-bottom:.55rem;padding-bottom:.55rem}.lineup{padding:.85rem 0 .5rem}.lineup__head-title{font-size:1rem}.lineup__stage-wrap{overflow:hidden;padding:.75rem 0}.lineup__stage{height:180px}.lineup__card{width:130px;height:130px;margin:-65px 0 0 -65px}.lineup__card[data-idx="0"]{transform:translate3d(-130px,-30px,0) rotateY(-18deg) rotate(-4deg)}.lineup__card[data-idx="1"]{transform:translate3d(-85px,-22px,18px) rotateY(-12deg) rotate(-2deg)}.lineup__card[data-idx="2"]{transform:translate3d(-30px,-8px,35px) rotateY(-6deg)}.lineup__card[data-idx="3"]{transform:translate3d(30px,8px,35px) rotateY(6deg)}.lineup__card[data-idx="4"]{transform:translate3d(85px,22px,18px) rotateY(12deg) rotate(2deg)}.lineup__card[data-idx="5"]{transform:translate3d(130px,30px,0) rotateY(18deg) rotate(4deg)}.studio__userp-list{grid-template-columns:repeat(2,1fr);gap:.4rem}.userp-item__name{font-size:.64rem}.userp-item__count{font-size:.5rem}.working-btn{padding:.5rem .55rem;min-width:32px;min-height:32px}.working-btn svg{width:14px;height:14px}}html.studio-html,body.studio-body{margin:0;padding:0;background:var(--bg);min-height:100vh;overflow-x:hidden}