/* /studio-refinement-20261011.css */
/* Category and artist each occupy a deliberate line. */
html body.studio-ui #stage-footer-meta .stage-meta-group{display:block;white-space:normal}
html body.studio-ui #stage-footer-meta .stage-meta-group + .stage-meta-group::before{content:none}
@media(max-width:700px){
 html body.studio-ui .object-target.record-selected::after{left:var(--record-action-center,50%)!important;opacity:1!important}
}


/* /responsive-start-20261011.css */
/* Short, coordinated arrival. Reduced-motion rules remain authoritative. */
@media (prefers-reduced-motion: no-preference){
body[data-arrival="focusing"] #arrival-curtain{animation:studio-first-image 650ms 0ms ease both!important}
body[data-arrival="focusing"] #arrival-mark,
body[data-arrival="focusing"] .arrival-raster-main,
body[data-arrival="focusing"] .arrival-raster-burn{animation-duration:280ms!important}
}


/* /transition-soft-20261011.css */
@media(prefers-reduced-motion:no-preference){
/* Specific enough to override the older 720ms-delay curtain rule. */
html body[data-arrival=focusing] #arrival-curtain#arrival-curtain{animation:arrival-solid-fade 700ms 180ms cubic-bezier(.4,0,.2,1) both!important}
html body[data-arrival=focusing] #arrival-mark#arrival-mark{animation:arrival-mark-soft-exit 260ms ease both!important}
html body.studio-ui>header::before{transition:opacity 520ms ease,background-color 520ms ease!important}
}
html body.game-vignette-fading #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{opacity:0!important;animation:none!important}

html body[data-header-returning] #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{opacity:var(--return-title-alpha,0)!important;transition:color 520ms ease!important}


/* /chrome-consistent-20261011.css */
/* Fullscreen has no left navigation: keep its remaining controls at the right edge. */
body.studio-ui[data-active-panel=visualizer]>footer{flex-direction:row-reverse!important}
html body.studio-ui #studio-time .clock-time-actions button{font:400 14px/20px var(--type-mono)!important;letter-spacing:0!important}
@media(max-width:700px){html body.studio-ui #studio-time .clock-time-actions button{font-size:12px!important;line-height:18px!important}}


/* /header-response-20261011.css */
/* Direct project entry must not wait for the room arrival sequence. */
html body[data-direct-project] > header{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important}
/* The project backplate must disappear before the studio is exposed. */
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header::before{opacity:0!important;transition:none!important}
html body[data-header-returning] #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{opacity:1!important;transition:none!important}


/* /demos-stage-20261011r2.css */
@media(min-width:701px){
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=demos]{left:auto!important;right:32px!important;top:76px!important;bottom:auto!important;transform:none!important;width:min(420px,46vw)!important;max-height:calc(100dvh - 152px)!important;margin:0!important}
}
@media(max-width:700px){
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=demos]{left:auto!important;right:20px!important;top:auto!important;bottom:76px!important;transform:none!important;width:calc(100vw - 40px)!important;max-height:42dvh!important;margin:0!important}
}

#detail[data-panel=demos] [data-demo]>span:nth-child(2){min-width:0;overflow-wrap:anywhere}


/* /paper-stage-20261011.css */
@media(prefers-reduced-motion:no-preference){#detail[open][data-panel=archive]{animation:scriptWindowArrival .7s both}@keyframes scriptWindowArrival{0%,35%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}}


/* /keyboard-stage-20261011.css */
@media(prefers-reduced-motion:no-preference){#detail[open][data-panel=notes]{animation:blogWindowArrival .85s both}@keyframes blogWindowArrival{0%,50%{opacity:0}100%{opacity:1}}}


/* /paper-visible-20261011.css */
@media(prefers-reduced-motion:no-preference){#detail[open][data-panel=notes],#detail[open][data-panel=archive]{animation:physicalPaperWindow 1.4s both!important}@keyframes physicalPaperWindow{0%,65%{opacity:0}100%{opacity:1}}}


/* /physical-window-transitions-20261020.css */
/* One owner for physical window fades. Rendering owns depth of field. */
html body.studio-ui #living-room{filter:none!important}
html body.studio-ui #detail[data-panel="contact"] .contact-panel{opacity:1!important;animation:none!important}
html body.studio-ui :is(#detail[data-panel="about"] .about-panel,#studio-index-popup,#player-details,.temporary-panel,.project-file-overlay){animation:none!important}
html body.studio-ui #detail:is([data-mode="shelf"],[data-mode="film"],[data-mode="scene"],[data-mode="collection"]){transition:none!important}
@media(prefers-reduced-motion:no-preference){
html body.studio-ui #detail:is([data-panel="notes"],[data-panel="archive"],[data-panel="clothingcollection"])[open]{animation:none!important;transition:opacity 320ms cubic-bezier(.22,.61,.36,1)!important}
html body.studio-ui:not([data-physical-stage="ready"]) #detail:is([data-panel="notes"],[data-panel="archive"],[data-panel="clothingcollection"])[open]{opacity:0!important;pointer-events:none}
html body.studio-ui[data-physical-stage="ready"] #detail:is([data-panel="notes"],[data-panel="archive"],[data-panel="clothingcollection"])[open]{opacity:1!important}
html body.studio-ui[data-physical-closing="true"] #detail[open]{opacity:0!important;transition:opacity 180ms ease-out!important;pointer-events:none}
html body.studio-ui .project-file-overlay.is-closing{transition:opacity 180ms ease!important;opacity:0!important}
}


/* /clothing-browse-stable-20261012.css */
html body.studio-ui[data-clothing-browsing="true"] #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open]{animation:none!important;transition:none!important;}


/* /script-soft-papers-20261012.css */
@media(prefers-reduced-motion:no-preference){
html body.studio-ui[data-active-panel="archive"] .project-file-overlay.project-file-overlay:not(#script-fade)[open]{animation:script-window-dissolve 650ms cubic-bezier(.22,.61,.36,1) both!important;}
html body.studio-ui[data-active-panel="archive"] .project-file-overlay.project-file-overlay:not(#script-fade).is-closing{animation:none!important;transition:opacity 550ms cubic-bezier(.4,0,.2,1)!important;opacity:0!important;}
}


/* /index-layer-frontal-20261012.css */
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview:hover .timo-exit-logo,html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview:focus-visible .timo-exit-logo{filter:brightness(0) invert(1)!important;opacity:1!important}
html body.studio-ui #studio-index-popup{z-index:2147483647!important}
html body.studio-ui #studio-index-popup::backdrop{background:transparent}


/* /index-text-frontal-20261012.css */
html body.studio-ui #studio-index-popup .index-row-passive{cursor:default!important;pointer-events:none!important;background:transparent!important}


/* /index-book-polish-20261012.css */
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row strong{font-size:13px!important;line-height:18px!important}
html body:not([data-active-panel="book"]) .book-burn-message,html body:not(.book-inspecting) .book-burn-message{display:none!important;animation:none!important}


/* /script-window-layer-fixed-20261012.css */
/* Override the legacy glass panel rule without changing the paper motion. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open][data-panel="archive"]{z-index:120!important;background:rgba(24,22,20,.64)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;isolation:isolate}


/* /project-return-timo-vignette-20261014.css */
/* Fade only the physical collection introduction, never the scrolled page. */
body[data-media-arriving="true"] :is(.collection-heading,.album-caption,.shelf-title,#context-action,#archive-nav){opacity:0!important;pointer-events:none}
body :is(.collection-heading,.album-caption,.shelf-title,#context-action,#archive-nav){transition:opacity .55s ease!important}

body #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{animation:mediaVignetteArrival 1.15s linear both!important}
@keyframes mediaVignetteArrival{from{opacity:0}to{opacity:1}}
body #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{transition:opacity .55s ease!important}

/* The central header joins the late information dissolve. */
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail{opacity:1!important;animation:none!important;transform:none!important;pointer-events:none}
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{opacity:0!important;animation:none!important;transition:opacity 1.15s ease!important}
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.collection-heading,.stage-meta-line,.collection-meta){opacity:0!important;transition:opacity .45s ease!important}

html body:not(.entering-game):not(.room-timo-playing) #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{opacity:var(--media-vignette,1)!important;animation:none!important;transition:none!important}

/* A shared arrival envelope also drives the fixed caption clones. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.collection-project-name,.collection-heading,.collection-counter,.collection-meta,.stage-meta-line,.album-caption,.shelf-title){opacity:var(--media-text-opacity,1)!important;animation:none!important;transition:none!important}

body[data-media-arriving="true"]>footer,body[data-media-arriving="true"]>#archive-nav{opacity:0!important;transition:opacity .38s ease!important}
body>footer,body>#archive-nav{transition:opacity .50s ease!important}


body.studio-ui[data-active-panel="contact"] .contact-panel{opacity:var(--contact-window-opacity,0)!important;animation:none!important;}

html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{z-index:5!important;}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .collection-toolbar :is(.collection-project-name,.collection-heading,.collection-counter){opacity:1!important;}

/* Return chrome uses one fade envelope, matching the existing logo. */
html body[data-header-returning] header > *,html body[data-header-returning] footer{opacity:var(--return-title-alpha,0)!important;transition:color 520ms ease!important}

html body[data-header-returning] #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{opacity:var(--return-title-alpha,0)!important;transition:color 520ms ease!important}

/* Only the temporary footer paints during its return fade. Preserve layout. */
body[data-footer-return-bridge] footer:not([data-return-bridge]){content-visibility:hidden!important}

#project-back-studio{position:fixed!important;right:32px!important;top:22px!important;width:auto!important;height:44px!important;padding:0!important;border:0!important;background:none!important;font:400 12px/18px 'Studio Mono',monospace!important;color:inherit!important;cursor:pointer!important;z-index:1500!important}
#project-back-studio[hidden]{display:none!important}
#project-back-studio{display:none!important}
@media(max-width:700px){#project-back-studio{right:20px!important;top:12px!important;font-size:11px!important}}

/* Offscreen project documents do not compete with the first camera travel. */
body[data-media-arriving]:not(.project-content-active) #detail .project-information,
body[data-media-arriving]:not(.project-content-active) #detail .film-hero{content-visibility:hidden;contain-intrinsic-size:auto 720px}

/* One studio chrome envelope: old project header never overlays the shelf. */
html body[data-cinematic-project-return] header,html body[data-cinematic-project-return] footer,html body[data-cinematic-project-return] #studio-fixed-footer{opacity:var(--project-return-chrome,0)!important;transition:none!important}
html body[data-cinematic-project-return] header > *,html body[data-cinematic-project-return] header .wordmark img{opacity:1!important;animation:none!important;transition:none!important}
html body[data-cinematic-project-return] header{background:transparent!important;backdrop-filter:none!important}

/* Latest decision: studio UI remains visible throughout project exit. */
html body[data-cinematic-project-return] > header,html body[data-cinematic-project-return] > footer{z-index:10000!important;opacity:1!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] > header::before,
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] > header::after{content:none!important;display:none!important;background:none!important;backdrop-filter:none!important;transition:none!important}

html body.studio-ui.studio-ui .object-target.record-selected::after{left:50%!important;transform:translateX(-50%)!important;opacity:var(--media-text-opacity,1)!important;transition:none!important}
html body.studio-ui[data-media-returning=true] .object-target.record-selected::after{opacity:var(--media-text-opacity,0)!important}
html body[data-inspection-returning]:not(#project-return-unused-a):not(#project-return-unused-b) > header::before,
html body[data-inspection-returning]:not(#project-return-unused-a):not(#project-return-unused-b) > header::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}

html body.studio-ui[data-direct-project] #detail#detail#detail#detail#detail#detail[data-mode=film]{background:#000!important}


/* /project-header-cleared-20261013.css */
/* Return removes every project backplate before exposing the studio.
   The UI elements themselves remain visible and retain their colour owners. */
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b){--project-header-fill:0!important}
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b)>header{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition-property:color,opacity!important}
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b)::before,
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b)::after,
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b)>header::before,
html body[data-inspection-returning]:not(#unused-project-backplate-a):not(#unused-project-backplate-b)>header::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}