/* /reading-note-close-20261021.css */
/* Desktop specials share a compact object / note composition. */
@media(min-width:1000px){
html body.studio-ui #detail#detail#detail#detail#detail#detail:is([data-panel="edison"],[data-panel="youtube"],[data-panel="akira"],[data-panel="astro"],[data-panel="isle_of_dogs"]) .favorite-note .favorite-note-paper{
left:42vw!important;right:auto!important;top:50dvh!important;bottom:auto!important;transform:translateY(-50%)!important;width:min(38vw,520px)!important;max-width:38vw!important;max-height:calc(100dvh - 220px)!important;
}}

@media(min-width:1000px){
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[data-mode="shelf"] .favorite-note .favorite-note-paper{
left:42vw!important;right:auto!important;width:min(40vw,560px)!important;max-width:40vw!important;padding:24px 32px!important;box-sizing:border-box!important;
}
}

/* One inset scrollbar treatment for every personal note, including mobile. */
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 .favorite-note .favorite-note-paper{
 box-sizing:border-box!important;border:12px solid transparent!important;
 scrollbar-gutter:stable;scrollbar-width:thin;scroll-padding-block:24px;
 transition:background-color .3s,color .3s!important;
}
@media(max-width:900px){
 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 .favorite-note .favorite-note-paper{
  border-width:8px!important;padding:18px!important;
  bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
 }
}
/* Date/category metadata uses the same quiet mono hierarchy as the studio. */
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([data-panel="notes"],[data-panel^="note-"]) :is(.blog-entry-heading,.surface)>.eyebrow{
 font:400 12px/18px 'Studio Mono',monospace!important;
 letter-spacing:0!important;margin:0 0 12px!important;
}
/* Keep long questions browsable; their complete text remains in the button. */
@media(max-width:900px){
 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 .blog-directory button span{
  display:-webkit-box!important;-webkit-box-orient:vertical;
  -webkit-line-clamp:3;overflow:hidden;min-width:0;
  font:400 14px/20px 'Studio Sans',Arial,sans-serif!important;
 }
}

/* Tablet: spend the spare outer margin on the reading column. */
@media(min-width:901px) and (max-width:999px){
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[data-mode="shelf"] .favorite-note .favorite-note-paper{left:54vw!important;right:32px!important;width:auto!important;max-width:none!important;padding:24px 20px!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[data-mode="shelf"] .favorite-note-paper h2{font-size:22px!important;line-height:1.2!important;}
}

/* Keep the note hidden until its incoming object has settled. */
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[data-panel^="inspiration-"] .favorite-note-paper{visibility:hidden!important;}
html body.studio-ui[data-favorite-ready^="inspiration-"] #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^="inspiration-"] .favorite-note-paper{visibility:visible!important;}
@media(min-width:901px){
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[data-panel^="inspiration-"] .favorite-note-paper{left:var(--favorite-note-left,52vw)!important;right:auto!important;width:min(40vw,560px)!important;max-width:40vw!important;top:52dvh!important;bottom:auto!important;transform:translateY(-50%)!important;max-height:min(68dvh,calc(100dvh - 240px))!important;}
}

/* Reveal only after the shared object/note composition has arrived. */
@keyframes favorite-note-ready-hotfix18{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
html body.studio-ui[data-favorite-ready^="inspiration-"] #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^="inspiration-"] .favorite-note[open] .favorite-note-paper{animation:favorite-note-ready-hotfix18 300ms ease-out!important;}
}

/* Index owns the surface; underlying project chrome must not reappear when
   stage chrome restores its footer or the music button changes its host. */
html body.studio-ui:has(#detail[open][data-mode="film"]):is([data-audit-index],:has(#studio-index-popup[open]))>footer,
html body.studio-ui:has(#detail[open][data-mode="film"]):is([data-audit-index],:has(#studio-index-popup[open])) :is(#project-music#project-music#project-music,#context-action#context-action#context-action),
html body.studio-ui:has(#detail[open][data-mode="film"]):is([data-audit-index],:has(#studio-index-popup[open]))>.music-dock-glyph{display:none!important;}

html body.studio-ui:has(#detail[open][data-mode="film"]):is([data-audit-index],:has(#studio-index-popup[open])):has(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail)>footer{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}

/* Shared reading composition; the page keeps its existing text sizes. */
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[data-panel^="inspiration-"] .favorite-note-paper{padding-inline:32px!important;scrollbar-gutter:stable!important;overscroll-behavior:contain;}
@media(min-width:901px),(max-height:500px){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[data-panel^="inspiration-"] .favorite-controls{left:50vw!important;right:auto!important;transform:translateX(-50%)!important;}}
@media(max-width:900px) and (min-height:501px){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[data-panel^="inspiration-"] .favorite-note .favorite-note-paper{left:20px!important;right:20px!important;width:auto!important;max-width:none!important;top:43dvh!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;height:auto!important;max-height:none!important;transform:none!important;padding:22px!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#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls{top:25dvh!important;bottom:auto!important;}}

@media(max-width:900px) and (max-height:500px){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[data-panel^="inspiration-"] .favorite-note .favorite-note-paper{left:52vw!important;right:20px!important;width:auto!important;max-width:none!important;top:52dvh!important;bottom:auto!important;max-height:calc(100dvh - 170px)!important;transform:translateY(-50%)!important;padding:18px!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#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls{top:auto!important;bottom:64px!important;}}

@media(max-width:900px) and (min-height:501px){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[data-panel^="inspiration-"] .favorite-controls{left:20px!important;right:20px!important;width:auto!important;transform:none!important;display:flex!important;justify-content:space-between!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#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls>span{display: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#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls button{position:static!important;min-width:44px!important;min-height:44px!important;}}

@media(max-width:900px) and (max-height:500px){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[data-panel^="inspiration-"] .favorite-controls{display:flex!important;visibility:visible!important;opacity:1!important;width:176px!important;height:32px!important;left:50vw!important;right:auto!important;top:auto!important;bottom:44px!important;transform:translateX(-50%)!important;align-items:center!important;justify-content:space-between!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#detail#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls button{display:inline-flex!important;position:static!important;visibility:visible!important;opacity:1!important;width:36px!important;height:32px!important;}}

/* Internal Clothing navigation never fades the persistent window background. */
html body.studio-ui[data-clothing-browsing="true"] #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[open]:is([data-panel="clothingcollection"],[data-panel^="garment-"]){opacity:1!important;animation:none!important;transition:none!important;}
html body.studio-ui[data-clothing-browsing="true"][data-physical-closing="true"] #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[open]{opacity:0!important;transition:opacity 180ms ease!important;}
/* Reserve separate reading and navigation lanes; no controls over note text. */
@media(min-width:901px) and (min-height:501px){
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[data-panel^="inspiration-"] .favorite-note .favorite-note-paper{top:50dvh!important;max-height:calc(100dvh - 300px)!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#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls{top:auto!important;bottom:84px!important;height:32px!important;}
}
@media(max-height:500px){
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[data-panel^="inspiration-"] .favorite-note .favorite-note-paper{top:48dvh!important;max-height:calc(100dvh - 200px)!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#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel^="inspiration-"] .favorite-controls{top:auto!important;bottom:44px!important;height:32px!important;}
}
/* The native manuscript ray picker owns pointer selection, not the old Exloo rectangle. */
html body.studio-ui #room .object-target[data-object="exloo"]{pointer-events:none!important;}
/* Mobile Favorites, including the portrait, share one reading area. */
@media(max-width:900px) and (min-height:501px){
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:is([data-panel^="inspiration-"],[data-panel="lynch"]) .favorite-note .favorite-note-paper{left:20px!important;right:20px!important;width:auto!important;max-width:none!important;top:40dvh!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;height:auto!important;max-height:none!important;transform:none!important;padding:22px!important;}
}



/* /reading-balance-wide-timo-20261019.css */
/* Balance between the previous translucent and solid reading windows. */
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[open]:is([data-panel="notes"],[data-panel^="note-"]){background:rgba(250,249,245,.965)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
html body.studio-ui.night #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[open]:is([data-panel="notes"],[data-panel^="note-"]){background:rgba(28,28,27,.965)!important}
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#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]{background:rgba(250,249,245,.9125)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
html body.studio-ui.night #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]{background:rgba(28,28,27,.9125)!important}
/* Short Timo documents must still scroll their studio stage completely behind the header. */
html body.studio-ui[data-direct-project] #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-mode="film"]:is([data-panel="game"],[data-panel="void"]) .film-information{box-sizing:border-box!important;min-height:calc(100dvh - 60px)!important}


/* /project-header-fit-20261021.css */
/* The old scroll vignette also paints a separate body-level header strip. */
html body.studio-ui:has(#detail#detail#detail#detail[open] .film-collection-stage)::before{display:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header::after{display:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header{background:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header::before{content:""!important;display:block!important;position:fixed!important;inset:0 0 auto!important;height:calc(var(--audit-top) + 64px)!important;background:#000!important;opacity:var(--project-header-fill,0)!important;transition:none!important;pointer-events:none!important;z-index:-1!important}
/* The projected sleeve and disc share the existing stage-copy scroll fade. */
html body.studio-ui:has(#detail[open] .film-collection-stage) .object-target.record-selected:is(:hover,:focus-visible)::after,
html body.studio-ui[data-room-hover=hetniets]:has(#detail[open]) [data-object=hetniets].record-selected::after,
html body.studio-ui[data-room-hover=remixed]:has(#detail[open]) [data-object=remixed].record-selected::after,
html body.studio-ui[data-room-hover=destructie]:has(#detail[open]) [data-object=destructie].record-selected::after,
html body.studio-ui[data-room-hover=ali]:has(#detail[open]) [data-object=ali].record-selected::after,
html body.studio-ui:has(#detail[open]) .vinyl-play-action[data-ready=true]:has(.vinyl-play-target:hover,.vinyl-play-target:focus-visible) .vinyl-play-hint{opacity:calc(var(--context-chrome-opacity,1) * var(--media-text-opacity,1))!important}
html body.studio-ui.project-scrolling:has(#detail[open]) .object-target.record-selected::after,
html body.studio-ui.project-scrolling:has(#detail[open]) .vinyl-play-hint{transition:none!important;pointer-events:none!important}
html.project-entry-cover::after{content:"";position:fixed;inset:0;background:#000;z-index:2147483646;pointer-events:none;opacity:1}
html.project-entry-reveal::after{opacity:0;transition:opacity 320ms ease}
@media(prefers-reduced-motion:reduce){html.project-entry-reveal::after{transition:none}}

html body.studio-ui .upcoming-controls{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;color:inherit;font:400 12px/18px 'Studio Mono',monospace;opacity:var(--media-text-opacity,1)}
html body.studio-ui .upcoming-controls button{background:none;border:0;color:inherit;min-width:44px;min-height:44px;padding:8px;cursor:pointer;font:inherit;pointer-events:auto!important}
html body.studio-ui .upcoming-controls span{min-width:76px;text-align:center}
html body.studio-ui .upcoming-section{position:absolute;bottom:24px;left:28px;opacity:var(--media-text-opacity,1);pointer-events:auto!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 .upcoming-inspection .patient-note{margin:0;opacity:var(--upcoming-note-opacity,0)!important;transition:opacity 200ms ease!important;}
html body.studio-ui[data-inspection-returning] #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .upcoming-inspection .patient-note,html body.studio-ui.panel-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .upcoming-inspection .patient-note{opacity:0!important;}
html body.studio-ui .upcoming-reader{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);pointer-events:auto!important;}
@media(max-width:700px){html body.studio-ui .upcoming-controls{bottom:72px}html body.studio-ui .upcoming-section{left:20px;bottom:22px}}

/* Cabinet menu: local contrast, one centered record action, unchanged scene/camera. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage::after{background:linear-gradient(to bottom,rgba(0,0,0,.70) 0,rgba(0,0,0,.40) 70px,transparent 180px),linear-gradient(transparent 58%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.8) 82%,#000 96%)!important;}
html body.studio-ui .cabinet-record-row{display:flex!important;grid-column:1 / -1!important;grid-row:1!important;justify-self:center!important;align-items:center;justify-content:center;width:max-content!important;max-width:calc(100vw - 48px)!important;min-height:44px;}
html body.studio-ui .cabinet-record-row .collection-heading{flex:0 1 auto!important;min-width:0!important;}
html body.studio-ui .cabinet-record-row .collection-project-name{text-align:center!important;}
html body.studio-ui .cabinet-record-row .cabinet-record-action{margin-left:24px!important;}
html body.studio-ui .object-target.record-selected::after{display:none!important;}
html body.studio-ui .cabinet-record-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;padding:0 0 0 24px!important;margin:0!important;width:max-content!important;min-width:0!important;position:relative!important;transform:none!important;background:none!important;border:0!important;border-radius:0!important;color:inherit!important;font:400 12px/18px 'Studio Mono',monospace!important;letter-spacing:.04em!important;cursor:pointer;flex:0 0 auto!important;transition:none!important;}
html body.studio-ui .cabinet-record-action svg{display:block!important;width:13px!important;height:17px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.5!important;}
html body.studio-ui .cabinet-record-action path{fill:currentColor!important;stroke:none!important;}
html body.studio-ui .cabinet-record-action .record-icon-play,html body.studio-ui .cabinet-record-action .record-icon-pause{transform-origin:center;transition:opacity 180ms ease,transform 220ms ease;}
html body.studio-ui .cabinet-record-action .record-icon-pause{opacity:0;transform:rotate(-8deg);}
html body.studio-ui .cabinet-record-action[data-playing=true] .record-icon-play{opacity:0;transform:rotate(8deg);}
html body.studio-ui .cabinet-record-action[data-playing=true] .record-icon-pause{opacity:1;transform:rotate(0);}
html body.studio-ui .cabinet-record-action::before{content:"";position:absolute;left:0;top:14px;width:1px;height:16px;background:currentColor;opacity:.65;}
html body.studio-ui .cabinet-record-action:hover{opacity:.72!important;}
html body.studio-ui .cabinet-record-action:focus-visible{outline:1px solid currentColor!important;outline-offset:4px!important;}
html body.studio-ui .cabinet-record-action:disabled{pointer-events:none!important;opacity:1!important;color:inherit!important;}
@media(max-width:700px){html body.studio-ui .cabinet-record-action{gap:7px!important;padding-left:16px!important;font-size:11px!important;}html body.studio-ui .cabinet-record-action svg{width:11px!important;height:15px!important;}}
@media(max-width:700px){
 html body.studio-ui .cabinet-record-row{display:flex!important;grid-column:1 / -1;grid-row:1;justify-self:center;align-items:center;justify-content:center;max-width:100%;min-height:44px;}
 html body.studio-ui .cabinet-record-row .collection-heading{flex:0 1 auto!important;min-width:0!important;}
 html body.studio-ui .cabinet-record-row .collection-project-name{text-align:center!important;}
 html body.studio-ui .cabinet-record-row .cabinet-record-action{box-sizing:border-box!important;flex:0 0 auto!important;max-width:90px!important;overflow:hidden!important;margin-left:16px!important;white-space:nowrap!important;opacity:1!important;transition:max-width 460ms cubic-bezier(.22,1,.36,1),padding 460ms cubic-bezier(.22,1,.36,1),margin-left 460ms cubic-bezier(.22,1,.36,1),opacity 0s!important;}
 html body.studio-ui .cabinet-record-row[data-playing=true] .cabinet-record-action{opacity:1!important;}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui .cabinet-record-row .cabinet-record-action,html body.studio-ui .cabinet-record-action path{transition:none!important;}}


/* /favorite-fade-20261022.css */
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:is([data-panel^="inspiration-"],[data-panel="lynch"]) .favorite-controls{opacity:1!important;transition:opacity .65s ease!important;}
html body.studio-ui[data-media-arriving="true"] #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:is([data-panel^="inspiration-"],[data-panel="lynch"]) .favorite-controls{opacity:0!important;pointer-events:none!important;}
@media(prefers-reduced-motion:reduce){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:is([data-panel^="inspiration-"],[data-panel="lynch"]) .favorite-controls{transition:none!important;}}