[data-design=expressive],[data-design=expressive] [data-theme]{--ds-canvas:var(--bg-base);--ds-panel:var(--bg-surface);--ds-elevated:color-mix(in srgb, var(--bg-surface) 76%, var(--bg-raised));--ds-line:color-mix(in srgb, var(--text-primary) 13%, var(--bg-surface));--ds-line-active:color-mix(in srgb, var(--accent-coral) 55%, var(--bg-surface));--ds-selected:color-mix(in srgb, var(--accent-coral) 10%, var(--bg-surface));--ds-accent-text:color-mix(in srgb, var(--accent-coral) 52%, var(--text-primary));--ds-secondary:color-mix(in srgb, var(--text-primary) 84%, var(--bg-surface));--ds-quiet:color-mix(in srgb, var(--text-primary) 76%, var(--bg-surface));--ds-action:var(--accent-coral);--ds-on-action:var(--ink-on-coral);--ds-inverse:var(--text-primary);--ds-on-inverse:var(--bg-base);--ds-error:color-mix(in srgb, var(--accent-danger) 45%, var(--text-primary));--ds-radius-control:12px;--ds-radius-card:20px;--ds-radius-shell:28px;--ds-duration:.18s;--ds-ease:cubic-bezier(.2, .8, .2, 1);--ds-elevation:var(--shadow)}:where([data-design=expressive],[data-design=expressive] [data-theme]){color:var(--text-primary)}[data-design=expressive] .v2-panel{background:var(--ds-panel);border:1px solid var(--ds-line);border-radius:var(--ds-radius-card)}[data-design=expressive] .v2-button{border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);background:var(--ds-panel);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;transition:background var(--ds-duration) var(--ds-ease), transform var(--ds-duration) var(--ds-ease), border-color var(--ds-duration) var(--ds-ease);justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:.875rem;font-weight:600;display:inline-flex}[data-design=expressive] .v2-button[data-variant=primary]{color:var(--ds-on-action);background:var(--ds-action);border-color:var(--ds-action)}[data-design=expressive] .v2-button[data-variant=accent]{color:var(--ds-accent-text);background:var(--ds-selected);border-color:var(--ds-line-active)}[data-design=expressive] .v2-button[data-variant=ghost]{background:0 0;border-color:#0000}[data-design=expressive] .v2-button:disabled{opacity:.45;cursor:not-allowed}[data-design=expressive] .v2-button:not(:disabled):active{transform:scale(.97)}[data-design=expressive] :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}[data-design=expressive] .v2-field{border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);width:100%;min-height:48px;color:var(--text-primary);background:var(--ds-panel);font:inherit;padding:12px 14px;font-size:1rem}[data-design=expressive] .v2-field::placeholder{color:var(--ds-quiet);opacity:1}[data-design=expressive] .v2-field[aria-invalid=true]{border-color:var(--ds-error)}@media (hover:hover){[data-design=expressive] .v2-button:not(:disabled):hover{border-color:var(--ds-line-active);transform:translateY(-1px)}[data-design=expressive] .v2-button[data-variant=ghost]:hover{background:var(--ds-elevated)}}@media (prefers-reduced-motion:reduce){[data-design=expressive]{--ds-duration:0s}[data-design=expressive],[data-design=expressive] *,[data-design=expressive] :before,[data-design=expressive] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body[data-design=expressive]{--app-nav-height:72px;--audio-dock-clearance:122px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px}.design-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.design-page-header h1{letter-spacing:-.05em;font-size:clamp(2.4rem,4.2vw,4.25rem);font-weight:650;line-height:1.05}.design-page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ds-quiet);margin-bottom:12px;font-size:.75rem;font-weight:500}.design-page-subtitle{color:var(--ds-secondary);margin-top:12px;font-size:.875rem}.design-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.design-section-heading{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.design-section-heading h2{letter-spacing:-.025em;font-size:1.4rem}.design-section-heading>span{color:var(--ds-quiet);font-variant-numeric:tabular-nums;font-size:.75rem}.design-empty{border:1px dashed var(--ds-line-active);border-radius:var(--ds-radius-card);color:var(--ds-secondary);text-align:center;padding:32px 20px;font-size:.875rem}.design-playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}@media (min-width:621px) and (max-width:1250px){body[data-design=expressive]{--app-nav-height:116px}}@media (max-width:620px){body[data-design=expressive]{--app-nav-height:64px}.design-page-header{gap:20px;margin-bottom:26px}.design-page-header h1{font-size:2.8rem}.design-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}body[data-design=expressive][data-audio-player] .cheez-mascot{bottom:var(--audio-dock-clearance)}@media (max-width:640px){body[data-design=expressive]{--audio-dock-clearance:calc(124px + env(safe-area-inset-bottom))}}@container dashboard-content (max-width:600px){.design-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}