/* Warm studio palette, with pixel artwork reserved for the library landscape. */
:root{--ground:#f6f3e9;--surface:#fffdf7;--ink:#2d3430;--ink-2:#46534b;--ink-muted:#62675b;--border:#d3d4c4;--prototype-accent:#655098;--accent-soft:#eae3f6;--pixel-banner:#eee8f6;--radius-control:8px;--radius-panel:12px;--radius-card:12px}
:root[data-appearance=dark]{--ground:#1b2423;--surface:#25302d;--ink:#f3efde;--ink-2:#dadfce;--ink-muted:#b8c2ad;--border:#536256;--prototype-accent:#c7b3ee;--accent-soft:#413b54;--pixel-banner:#343544;--dark-field:#202a27;--dark-raised:#2f3c35;--dark-border:var(--border);--dark-glass:var(--surface);--dark-selected:var(--accent-soft)}
.v-application{background-image:none!important}
.glass,.smoke,.dialog-card,.profile-dropdown,.story-actions-menu{border-radius:12px!important;box-shadow:0 3px 12px #20242006!important}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.055em}
.library-heading{position:relative;isolation:isolate;min-height:156px;padding:24px 28px;border:1px solid var(--border);border-radius:12px;background:var(--pixel-banner);gap:24px}
.library-heading>div:first-child{flex:1;min-width:0}
.library-heading h1{font-size:36px;letter-spacing:-.04em;margin:8px 0}
.library-pixel-landscape{display:block;width:240px;height:104px;object-fit:contain;image-rendering:pixelated;flex:none;pointer-events:none}
.library-heading-actions{align-self:flex-end;flex-wrap:nowrap;position:relative;z-index:1}
.icon-action.v-btn:not(.v-btn--variant-text){border-color:var(--border);box-shadow:none!important}
.library-controls{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.library-view-switch{border-radius:8px;gap:4px;border:0}
.library-story-card{border-radius:12px;border:1px solid var(--border);box-shadow:0 3px 12px #20242006}
.library-story-card .preview-card-info{box-shadow:none}
.account-nav nav a[aria-current=page]{box-shadow:inset 2px 0 var(--prototype-accent)!important}
.story-actions-menu .v-list-item--active{background:var(--accent-soft)}
.story-type-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:144px;padding:20px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center}
.story-option-icon{width:28px;height:28px;color:var(--prototype-accent);stroke-linecap:round;stroke-linejoin:round}
.story-type-option>span:last-child{font-size:12px;color:var(--ink-muted)}
.story-type-option:hover,.story-type-option:focus-visible{border-color:var(--prototype-accent);background:var(--accent-soft)}
.choice-tile[aria-pressed=true] .choice-tile-icon{background:var(--accent-soft)!important;border-color:var(--prototype-accent)!important}
.choice-tile-check{background:var(--prototype-accent)!important;color:var(--surface)!important}
.creation-step-dot[aria-current=step] span,.creation-step-dot.is-complete span,.creation-step-fill{background:var(--prototype-accent)!important}
.editor-heading>div:first-of-type{margin-right:auto;min-width:0}
.step-select.current{box-shadow:inset 2px 0 var(--prototype-accent)}
.playback-track button.current{background:var(--prototype-accent)!important;color:var(--surface)!important}
.pixel-loader{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:16px;padding:3px;color:inherit}
.pixel-loader i{display:block;width:5px;height:5px;background:currentColor;border-radius:1px}
.account-status-dock{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;margin:0;max-width:calc(100vw - 32px);pointer-events:none}
.account-status-chip.v-chip{height:auto;min-height:34px;max-width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface)!important;color:var(--ink-2)!important;box-shadow:0 3px 12px #20242012;font:12px Geist,Arial,sans-serif}
.account-status-chip .v-chip__content{gap:8px;white-space:normal;line-height:1.4}
.pixel-status-light{display:block;width:6px;height:6px;border-radius:50%;flex:none;background:#537947}
.account-status-chip.is-saving{color:var(--prototype-accent)!important}.account-status-chip.is-error{border-color:#b26554;color:var(--ink)!important}.account-status-chip.is-error .pixel-status-light{background:#b26554}
:root[data-appearance=dark] .pixel-status-light{background:#a5c58a}
:root[data-appearance=dark] .account-status-chip.is-error .pixel-status-light{background:#eaa08b}
.v-application__wrap:has(.account-status-dock){padding-bottom:60px}
.v-application:has(.account-status-dock) .maplibregl-ctrl-bottom-right{bottom:52px}
@keyframes studio-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes studio-load{0%,80%,100%{translate:0 0;opacity:.45}40%{translate:0 -3px;opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .workspace-library:not(.reduce-motion) .library-pixel-landscape{animation:studio-arrive 360ms ease-out both}
 .workspace-library:not(.reduce-motion) .library-story-card{transition:box-shadow 180ms ease,translate 180ms ease}
 .workspace-library:not(.reduce-motion) .library-story-card:hover{translate:0 -2px;box-shadow:0 6px 18px #2024200e}
 :root[data-reduce-motion=false] .story-type-option{transition:background 160ms ease,border-color 160ms ease}
 :root[data-reduce-motion=false] .pixel-loader i{animation:studio-load 1000ms ease-in-out infinite}
 :root[data-reduce-motion=false] .pixel-loader i:nth-child(2){animation-delay:140ms}
 :root[data-reduce-motion=false] .pixel-loader i:nth-child(3){animation-delay:280ms}
}
@media(max-width:1100px){.library-pixel-landscape{width:190px;height:84px}.library-heading h1{font-size:32px}.library-heading{padding:20px}}
@media(max-width:700px){.library-heading{min-height:200px;flex-direction:column;align-items:flex-start;padding:20px;overflow:hidden;gap:16px}.library-heading>div:first-child{z-index:1}.library-pixel-landscape{position:absolute;right:0;bottom:12px;width:154px;height:68px}.library-heading-actions{width:auto;align-self:flex-start}.library-heading h1{font-size:32px}.library-controls{padding:10px;gap:10px}.library-query{min-width:0;width:100%}.library-query input{width:100%}.library-results{gap:20px}.story-type-options{gap:12px}.story-type-option{padding:16px 8px;min-height:144px}.story-type-option strong{font-size:14px}.editor-heading-actions{flex-wrap:wrap}.account-status-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.account-status-chip.v-chip{font-size:11px}}