:root{color-scheme:dark;--violet-1: #7e48fe;--violet-2: #a562fe;--violet-3: #dd89fe;--pink: #ffa1ff;--bg: #0b0812;--bg-raised: #120e1a;--bg-card: #1a1524;--bg-hover: #241c33;--text: #f8f4fd;--text-2: #cfc6de;--text-3: #a298b6;--line: rgb(255 255 255 / .08);--line-strong: rgb(255 255 255 / .16);--focus: #dd89fe;--ok: #4ade80;--warn: #fbbf24;--bad: #f87171;--info: #7dd3fc;--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--gutter: clamp(16px, 4vw, 56px);--header-h: 64px;--card-gap: 12px;--card-landscape: clamp(200px, 22vw, 300px);--card-poster: clamp(130px, 13vw, 180px);--card-square: clamp(140px, 14vw, 190px);--card-vertical: clamp(130px, 12vw, 170px);--xray-width: 440px;--z-header: 20;--z-panel: 30;--z-toast: 50;--shadow-panel: 0 24px 64px rgb(0 0 0 / .5);--scrim: rgb(5 3 10 / .55);--glass-tint: rgb(18 14 26 / .55);--glass-filter: blur(24px) saturate(200%);--glass-text-3: #bbb2cd;--glass-rim: linear-gradient( 180deg, rgb(255 255 255 / .34), rgb(255 255 255 / .1) 22%, rgb(255 255 255 / .06) 72%, rgb(255 255 255 / .16) );--glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--gradient-brand: linear-gradient( 120deg, var(--violet-1) 0%, var(--violet-2) 45%, var(--violet-3) 80%, var(--pink) 100% );--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}bb-root{display:block;min-height:100vh}@media(min-width:1200px){bb-root.with-xray{padding-right:var(--xray-width)}}a{color:var(--violet-3);text-underline-offset:3px}a:hover{color:var(--pink)}code,pre{font-family:var(--mono);font-size:.85em}code{padding:1px 5px;border-radius:5px;background:#ffffff0f;color:var(--text-2)}h1,h2,h3,h4{line-height:1.2}img{max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:#a562fe73}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:8px 14px;border-radius:var(--radius-sm);background:var(--violet-2);color:#140b24;font-weight:700}.skip-link:focus{top:12px}.app-main{display:block;min-height:calc(100vh - var(--header-h) - 160px)}.app-main:focus{outline:none}.muted{color:var(--text-3)}.small{font-size:.8125rem}.break-all{word-break:break-all}.error-text{color:var(--bad)}.boot-failure{max-width:640px;margin:12vh auto;padding:24px 28px;border:1px solid var(--bad);border-radius:var(--radius);background:var(--bg-raised)}.boot-failure h1{margin-top:0}.boot-failure li{margin:6px 0;font-family:var(--mono);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--violet-3);border-radius:50%;vertical-align:-2px;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.spinner{animation-duration:2.4s}}.bb-icon{display:inline-flex;flex:0 0 auto;width:1.15em;height:1.15em;vertical-align:-.2em}.bb-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-card);color:var(--text);font:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover{border-color:var(--violet-2);background:var(--bg-hover);color:var(--text)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{border-color:transparent;background:var(--gradient-brand);color:#150b24}.button--primary:hover{border-color:transparent;background:var(--gradient-brand);color:#150b24;filter:brightness(1.08)}.button--quiet{background:transparent}.button--glass{border-color:#ffffff47;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button--danger{border-color:#f8717180}.button--danger:hover{border-color:var(--bad);background:#f871711f}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer}.icon-button:hover{background:var(--bg-hover);color:var(--text)}.link-button{padding:0;border:0;background:none;color:var(--violet-3);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:hover{color:var(--pink)}.chip-button,.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text-2);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.chip-button:hover,.chip-toggle:hover{color:var(--text);border-color:var(--violet-2)}.chip-button.is-on,.chip-button[aria-pressed=true],.chip-toggle.is-on,.chip-toggle[aria-pressed=true]{border-color:transparent;background:#a562fe47;color:var(--text)}.chip-toggle{padding:4px 10px;font-size:.8125rem}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-2);font-size:.8125rem;text-decoration:none}.chip:hover{color:var(--text);border-color:var(--violet-2)}.chip__count{color:var(--text-3);font-size:.75rem}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}.tag{padding:3px 10px;border-radius:999px;background:#ffffff12;color:var(--text-2);font-size:.8125rem}.field{display:grid;gap:6px;font-size:.8125rem;color:var(--text-2)}.field.compact{gap:2px;margin-bottom:6px}input[type=text],input[type=search],input[type=password],input[type=number],select,textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:.9375rem}input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--violet-2);outline:none;box-shadow:0 0 0 3px #a562fe40}input[type=text]:-webkit-autofill,input[type=search]:-webkit-autofill,input[type=password]:-webkit-autofill,input[type=number]:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 40px var(--bg) inset}input[type=file]{color:var(--text-2);font-size:.8125rem}.code-input{font-family:var(--mono);font-size:.8125rem;line-height:1.5;resize:vertical}.checkbox,.switch{display:flex;align-items:center;gap:10px;font-size:.9375rem;color:var(--text);cursor:pointer}.checkbox input,.switch input{width:18px;height:18px;accent-color:var(--violet-2)}.stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));align-items:end;gap:14px}.form-actions,.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.chip-fieldset{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius)}.chip-fieldset legend{padding:0 6px;color:var(--text-2);font-size:.8125rem;font-weight:600}.chip-fieldset .chip-toggle{margin:3px 4px 3px 0}.chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}.chip-group__label{min-width:118px;color:var(--text-3);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.error-list{margin:0;padding:10px 14px 10px 28px;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-sm);color:var(--bad);font-size:.875rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-3)}.status-dot--ok{background:var(--ok)}.status-dot--warn{background:var(--warn)}.status-dot--bad{background:var(--bad)}.state-chip{display:inline-block;min-width:62px;padding:1px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.state-chip--ran{background:#4ade8029;color:var(--ok)}.state-chip--skipped{background:#fbbf2429;color:var(--warn)}.state-chip--failed{background:#f871712e;color:var(--bad)}.plane-chip,.writes-chip{padding:1px 8px;border-radius:999px;background:#ffffff12;color:var(--text-2);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.writes-chip{background:#fbbf2429;color:var(--warn)}.status-pill{padding:2px 10px;border-radius:999px;background:#f871712e;color:var(--bad);font-family:var(--mono);font-size:.8125rem;font-weight:700}.status-pill--ok{background:#4ade8029;color:var(--ok)}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.6875rem;font-weight:800}.badge--bad{background:var(--bad);color:#1b0707}.app-header{position:sticky;top:0;z-index:var(--z-header);display:block;border-bottom:1px solid var(--line);background:#0b0812d6;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.header-bar{display:flex;align-items:center;gap:clamp(10px,2vw,22px);height:var(--header-h);padding:0 var(--gutter)}.brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:var(--text);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand:hover{color:var(--text)}.brand__accent{color:var(--violet-3);font-weight:600}.nav-main{display:flex;flex:1 1 auto;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-main::-webkit-scrollbar{display:none}.nav-entry{position:relative;display:inline-flex}.nav-link{display:inline-flex;align-items:center;padding:8px 12px;border:0;border-radius:999px;background:none;color:var(--text-2);font:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.is-active{background:#a562fe33;color:var(--text)}.nav-children{position:absolute;top:100%;left:0;z-index:5;display:none;min-width:200px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-panel)}.nav-entry.has-children:hover>.nav-children,.nav-entry.has-children:focus-within>.nav-children{display:grid}.nav-sub{display:flex;gap:8px;padding:0 var(--gutter) 10px;overflow-x:auto;scrollbar-width:none}.nav-sub .nav-link{padding:5px 12px;border:1px solid var(--line-strong);font-size:.8125rem}.header-search{position:relative;display:flex;flex:0 1 300px;align-items:center;min-width:0;padding-left:14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-card)}.header-search:focus-within{border-color:var(--violet-2)}.header-search input{min-height:36px;padding:0;border:0;background:transparent}.header-search input:focus{box-shadow:none}.engine-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text-2);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.engine-toggle:hover{color:var(--text);border-color:var(--violet-2)}.engine-toggle.is-on{border-color:transparent;background:#a562fe47;color:var(--text)}.profile-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;max-width:240px;padding:4px 12px 4px 4px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-card);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer}.profile-button:hover{border-color:var(--violet-2)}.profile-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gradient-brand);color:#150b24;font-weight:800}.profile-menu{position:fixed;inset:calc(var(--header-h) + 8px) 16px auto auto;width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--header-h) - 24px);margin:0;padding:16px;overflow:auto;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow-panel)}.menu-section{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.menu-heading{margin:0 0 10px;font-size:1rem}.identity-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.menu-links{display:grid;gap:2px;margin-bottom:12px}.menu-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none}.menu-links a .unread-count{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--violet-1);color:var(--text);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.menu-links a:hover{background:var(--bg-hover);color:var(--text)}.menu-footnote{margin:0}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);font-size:.875rem}.app-header .banner{margin:0 var(--gutter) 10px}.banner--error{border-color:#f8717180;color:var(--text)}.banner--warn{border-color:#fbbf2473}.site-footer{display:block;margin-top:48px;padding:28px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--text-3)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:10px}.site-footer__nav .nav-link{padding:4px 8px;font-size:.8125rem}.site-footer__engine{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0;font-size:.8125rem}.site-footer__engine img{width:auto;height:18px}.toasts{position:fixed;bottom:20px;left:50%;z-index:var(--z-toast);display:grid;gap:8px;width:min(480px,100vw - 32px);transform:translate(-50%)}.toast{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border:1px solid var(--line-strong);border-left:4px solid var(--info);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-panel);font-size:.875rem}.toast span{flex:1}.toast--ok{border-left-color:var(--ok)}.toast--error{border-left-color:var(--bad)}.header-search-link{display:none;flex:0 0 auto}@media(max-width:1100px){.header-search{display:none}.header-search-link{display:inline-grid}}@media(max-width:1600px){bb-root.with-xray .header-search{display:none}bb-root.with-xray .header-search-link{display:inline-grid}}@media(max-width:760px){.engine-toggle__label,.profile-button__label{display:none}.profile-button{padding-right:4px}.brand__name{display:none}}.card-host{display:block;flex:0 0 auto;scroll-snap-align:start}.card{display:flex;flex-direction:column;gap:8px;width:var(--card-landscape);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.card:hover .card__art,.card:focus-visible .card__art{transform:translateY(-3px);box-shadow:0 14px 30px #00000073,0 0 0 2px var(--violet-2)}.card:focus-visible{outline:none}.card--poster{width:var(--card-poster)}.card--square,.card--round{width:var(--card-square)}.card--vertical{width:var(--card-vertical)}.card__art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--bg-card);transition:transform .18s ease,box-shadow .18s ease}.card__art bb-artwork{position:absolute;inset:0}.card--poster .card__art{aspect-ratio:2/3}.card--square .card__art{aspect-ratio:1}.card--round .card__art{aspect-ratio:1;border-radius:50%}.card--vertical .card__art{aspect-ratio:9/16}.card__rank{position:absolute;bottom:-14px;left:6px;color:transparent;font-size:clamp(3.4rem,5vw,4.6rem);font-weight:900;line-height:1;-webkit-text-stroke:2px rgba(255,255,255,.9);text-shadow:0 4px 18px rgba(0,0,0,.6)}.card__score{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:999px;background:#0b0812c7;color:var(--violet-3);font-family:var(--mono);font-size:.6875rem}.card__meta{display:grid;gap:2px;min-width:0}.card--round .card__meta{text-align:center}.card__title{overflow:hidden;font-size:.9375rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.card__sub{overflow:hidden;color:var(--text-3);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.artwork{position:relative;display:block;width:100%;height:100%;overflow:hidden;background-color:var(--bg-card);background-size:cover}.artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.artwork img.is-loaded{opacity:1}.artwork__label{position:absolute;right:12px;bottom:10px;left:12px;display:-webkit-box;overflow:hidden;color:#fffffff0;font-size:clamp(.8rem,.7rem + .35vw,1.05rem);font-weight:800;line-height:1.12;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.35);-webkit-line-clamp:3;-webkit-box-orient:vertical}.hero__art .artwork__label,.title-dialog__art .artwork__label{display:none}.card--ranked .artwork__label{left:clamp(64px,34%,104px)}.card--round .artwork__label{top:50%;bottom:auto;text-align:center;transform:translateY(-50%)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:20px var(--card-gap)}.results-grid .card{width:100%}.queue-id{display:grid;align-content:center;gap:4px;min-height:120px;padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius)}.queue-id__label{font-family:var(--mono);font-weight:700}@media(prefers-reduced-motion:reduce){.card__art,.artwork img{transition:none}}.page-frame{max-width:1280px;margin:0 auto;padding:clamp(20px,4vw,40px) var(--gutter) 32px}.page-frame.narrow{max-width:820px}.page-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:800;letter-spacing:-.02em}.page-head-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 6px;color:var(--violet-3);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lead{max-width:72ch;margin:0 0 20px;color:var(--text-2);font-size:1.0625rem;line-height:1.55}.note{display:block;margin:12px 0;padding:12px 14px;border:1px solid rgba(125,211,252,.3);border-radius:var(--radius);background:#7dd3fc0f;color:var(--text-2)}.note ul{margin:6px 0 0;padding-left:20px}.panel{margin-bottom:20px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised)}.panel h2{margin:0 0 12px;font-size:1.0625rem}.empty-state{padding:28px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-2);text-align:center}.empty-state p{margin:0 0 14px}.error-state{display:flex;gap:14px;padding:18px 20px;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-lg);background:#f871710f}.error-state>.bb-icon{color:var(--bad);width:24px;height:24px}.error-state__title{margin:0 0 6px;font-size:1.0625rem}.error-state__message{margin:0 0 8px}.facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0 0 12px;font-size:.875rem}.facts dt{color:var(--text-3)}.facts dd{margin:0}.data-table{width:100%;margin-bottom:12px;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--text-3);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.data-table.compact{font-size:.8125rem}.data-table.compact th,.data-table.compact td{padding:5px 8px}.json-view{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.json-view__bar{display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--line);font-size:.75rem}.json-view__text{max-height:360px;margin:0;padding:10px;overflow:auto;color:var(--text-2);font-size:.75rem;line-height:1.5;white-space:pre}.json-view>.link-button{margin:6px 10px;font-size:.75rem}.contributors{display:grid;gap:6px;margin:0 0 12px;padding:0;list-style:none}.contributor{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.8125rem}.contributor__position{color:var(--text-3);font-family:var(--mono);font-size:.75rem}.contributor__rows{padding:1px 8px;border-radius:999px;background:#ffffff12;color:var(--text-2);font-family:var(--mono);font-size:.75rem}.contributor__rows--empty{background:#fbbf2429;color:var(--warn)}.contributor__reason{flex-basis:100%;padding-left:70px;color:var(--text-3)}.playlist-list,.area-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none}.playlist-tile,.area-tile{display:grid;gap:4px;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.playlist-tile:hover,.area-tile:hover{border-color:var(--violet-2);color:var(--text);transform:translateY(-2px)}.playlist-tile__name,.area-tile__title{font-weight:700}.area-tile__number{color:var(--violet-3);font-family:var(--mono);font-size:.8125rem;font-weight:700}.area-tile__meta{color:var(--text-3);font-size:.8125rem}.area-head{margin-bottom:20px}.area-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}@media(max-width:1100px){.area-layout{grid-template-columns:1fr}}.area-actions{margin-bottom:16px}.vars-panel{position:sticky;top:calc(var(--header-h) + 16px);padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised)}.vars-panel h2{margin:0 0 6px;font-size:1rem}.vars-panel input{min-height:32px;padding:4px 8px;font-family:var(--mono);font-size:.8125rem}.next-area{margin-top:28px;font-size:.9375rem}.dial{padding:12px 0;border-bottom:1px solid var(--line)}.dial p{margin:6px 0 0 28px}@media(prefers-reduced-motion:reduce){.playlist-tile,.area-tile{transition:none}.playlist-tile:hover,.area-tile:hover{transform:none}}