/* Shared beta palette; reader paper, video controls and semantic statuses keep
   their own component colors. Navigation geometry follows approved studio r11. */
:root[data-theme],:root {
  --bg:#0e1714;--surface:#19251e;--surface-2:#213029;
  --text:#efeee3;--muted:#a3b0a5;--faint:#8e9f92;
  --line:#d5e4d21c;--line-2:#d5e4d22c;--raise:#ffffff07;--raise-2:#ffffff10;
  --accent:#ded2f2;--accent-2:#e4d8f7;--on-accent:#292334;
  --accent-soft:#ded2f214;--accent-line:#ded2f259;
  --header:82px;--sidebar:108px;--wrap:1560px;--studio-ease:cubic-bezier(.22,1,.36,1);
}
:root:is([data-theme=sakura],[data-theme=momoiro]) {--accent:#efc8df;--accent-2:#f5d3e8;--accent-soft:#efc8df16;--accent-line:#efc8df59;--on-accent:#362131}
:root:is([data-theme=glass],[data-theme=midnight]) {--accent:#bfd9ee;--accent-2:#e0d3a4;--accent-soft:#bfd9ee16;--accent-line:#bfd9ee59;--on-accent:#172e3b}
:root[data-theme=amoled] {--bg:#050b08;--surface:#111b15;--surface-2:#1a261e}
html[data-yorumi-look] {--look-bg:#0e1714;--look-surface:#19251e;--look-raised:#213029;--look-line:#3c4c40;--look-text:#efeee3;--look-muted:#a3b0a5}
html[data-yorumi-look=elysia] {--look-accent:#efc8df;--look-secondary:#f5d3e8;--look-ink:#362131;--look-glow:#efc8df16}
body.studio-shell.yc-mode {background:#0e1714!important;color:#efeee3}
body.studio-shell.yc-mode .yc {--yc-bg:#0e1714;--yc-panel:#19251e;--yc-line:#3c4c40;--yc-muted:#a3b0a5;--yc-text:#efeee3;--yc-accent:var(--look-accent,#ded2f2)}
.studio-shell {padding-left:108px;background:var(--bg);--sidebar:108px;--accent-line:#d5e4d238}
.studio-shell.nav-slim {--sidebar:108px}
.studio-shell .top {left:0;height:82px;background:#0e1714d9;background:color-mix(in srgb,var(--bg) 83%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(24px) saturate(135%)}
.studio-shell .top-inner {max-width:none;padding:0 30px;justify-content:space-between;gap:20px}
.studio-shell .top .brand-mobile {display:flex}
.studio-shell .brand strong {color:var(--text);background:none;-webkit-text-fill-color:currentColor;font-size:25px}
.studio-shell .brand img {width:38px;height:38px;border-radius:12px}
.studio-shell .top-search {display:flex;position:absolute;left:50%;transform:translateX(-50%);width:min(480px,38vw);height:46px;min-width:0;flex:none;top:auto;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border-radius:999px;background:#ffffff07;padding-left:16px}
.studio-shell .top-search:focus-within {width:min(480px,38vw);flex:none;background:var(--surface);border-color:#d5e4d259}
.studio-shell .top-search input {font-size:13px}
.studio-shell .top-tools {margin-left:auto;gap:10px}
.studio-shell .top-tools>.desktop-only,.studio-shell .top-tools>#burger {display:none}
html:not(.tv-mode) .studio-shell .top-tools .tv-mode-toggle {display:none}
.studio-shell .side-nav>.tv-mode-menu {display:none!important}
.studio-shell .top-nav>.tv-mode-menu {display:block;margin:8px 0 0;width:100%;position:static}
.studio-shell .top-tools>[data-search-toggle] {display:none}
.studio-shell .studio-assistant-mobile {display:none}
.studio-shell .studio-header-profile {display:none}
.studio-shell .icon-btn {width:44px;height:44px;border-radius:50%;color:var(--text)}
.studio-shell :is(.suggest,.search-suggest,.updates-list,.studio-assistant) {scrollbar-width:none}
.studio-shell :is(.suggest,.search-suggest,.updates-list,.studio-assistant)::-webkit-scrollbar {display:none;width:0;height:0}
.studio-shell .side-nav {position:fixed;left:max(20px,calc((100vw - 1720px)/2));top:112px;bottom:auto;width:72px;padding:0;overflow:visible;background:none;border:0;z-index:65;transform:none}
body.studio-shell:not(.yc-mode) .side-nav {padding:0}
.studio-shell .side-nav>:is(.brand,#nav-user,#nav-toggle,#nav-themes) {display:none!important}
.studio-rail-nav {display:flex;flex-direction:column;padding:12px 6px 17px;gap:2px;border-radius:44px 44px 22px 44px;background:linear-gradient(150deg,#2a3531ee,#18201eed);border:1px solid var(--line);box-shadow:0 16px 35px #0003,inset 0 1px 0 #ffffff0e;backdrop-filter:blur(22px)}
.studio-rail-tools {display:contents}
.studio-rail-nav>a,.studio-rail-nav>button,.studio-rail-tools>:is(a,button),.studio-profile-drop>a {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:55px;gap:5px;color:var(--muted);border-radius:30px;transition:background .3s,color .3s,transform .4s var(--studio-ease)}
.studio-rail-nav>a i,.studio-profile-drop>a i {display:grid;place-items:center}
.studio-rail-nav svg,.studio-profile-drop svg {width:22px;height:22px;stroke-width:1.6}
.studio-rail-nav span,.studio-profile-drop span {font-size:8px;line-height:1.2;font-weight:500;white-space:nowrap}
.studio-rail-nav .on,.studio-profile-drop .on {color:var(--on-accent);background:var(--accent)}
.studio-rail-nav :is(a,button):hover {background:var(--raise-2);color:var(--text)}
.studio-rail-nav .on:hover {background:var(--accent);color:var(--on-accent)}
.studio-rail-nav [data-studio-assistant] {color:var(--accent)}
.studio-profile-drop {display:grid;place-items:center;width:62px;margin:18px auto 0;padding:3px;background:#1c2a23ed;border:1px solid var(--line);border-radius:50% 50% 25% 50%;backdrop-filter:blur(20px)}
.studio-profile-drop>a {width:54px;height:60px;border-radius:50% 50% 25% 50%}
.studio-nav-avatar {display:block;width:34px;height:34px;object-fit:cover;border-radius:50%;opacity:1!important}
.studio-shell .top-nav {display:none;position:absolute;top:0;left:88px;width:260px;max-height:calc(100dvh - 140px);overflow:auto;padding:14px;background:var(--surface);border:1px solid var(--line-2);border-radius:22px;box-shadow:0 20px 70px #0009;scrollbar-width:none}
.studio-shell.menu-open .top-nav {display:flex;flex-direction:column}
.studio-shell .top-nav>a {display:flex;gap:12px;min-height:44px;align-items:center;padding:9px 12px;border-radius:12px}
.studio-shell .top-nav>a span {display:block!important;position:static;opacity:1;width:auto;transform:none;pointer-events:auto;font-size:13px}
.studio-shell .top-nav>a.on {background:var(--accent-soft);color:var(--accent)}
.studio-shell .top-nav>a::after {display:none}
/* Expanded menu must not inherit the old icon-only sidebar tooltips. */
html:not(.tv-mode) body.studio-shell #menu>a {justify-content:flex-start;padding:9px 12px;gap:12px}
html:not(.tv-mode) body.studio-shell #menu>a>i {flex:0 0 24px;width:24px;color:inherit}
html:not(.tv-mode) body.studio-shell #menu>a>span {position:static;inset:auto;transform:none;opacity:1;width:auto;flex:1;min-width:0;padding:0;background:none;border:0;box-shadow:none;white-space:normal;pointer-events:auto;font-size:13px;line-height:1.4;text-align:left;color:inherit}
.studio-shell #menu::-webkit-scrollbar {display:none}
.studio-shell .view {max-width:1560px;padding:24px 30px 56px;margin:0 auto;width:100%;min-width:0}
.studio-shell .bottom-nav {display:none}
.studio-shell .announce {z-index:60}
.studio-shell .studio-assistant {position:fixed;margin:auto;inset:0;padding:36px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 60px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line-2);border-radius:26px;box-shadow:0 30px 90px #0009}
.studio-assistant::backdrop {background:#06100bb8;backdrop-filter:blur(9px)}
.studio-assistant>svg {width:40px;height:40px;color:var(--accent);margin-bottom:22px}
.studio-assistant>small {display:block;letter-spacing:2px;font-size:9px;color:var(--muted);margin-bottom:14px}
.studio-assistant h2 {font-size:34px;font-weight:500;line-height:1.2}
.studio-assistant>p {color:var(--muted);font-size:14px;line-height:1.8;margin:16px 0}
.studio-assistant .studio-assistant-note {font-size:11px}
.studio-close {position:absolute;top:12px;right:12px;width:44px;height:44px;font-size:26px;border-radius:50%;background:var(--raise)}
.studio-assistant-options {display:grid;gap:9px;margin:24px 0}
.studio-assistant-options a {display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;font-size:13px}
.studio-assistant-options a:hover {background:var(--raise-2)}
.studio-assistant [data-studio-more] {display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:var(--accent)}

/* Homepage components are scoped so player and reader controls retain their layout. */
.studio-home {min-width:0;--section-gap:64px}
.studio-home :is(button,a) {touch-action:manipulation}
.studio-home button {font-weight:500}
.studio-home :is(h1,h2,h3) {color:var(--text)}
.studio-hero {height:550px;border-radius:22px;position:relative;isolation:isolate;overflow:hidden;background:#1b2b23;box-shadow:inset 0 0 0 1px #ffffff18}
.studio-hero-pending {height:100%;display:grid;place-items:center;color:var(--muted);font-size:14px}
.studio-scenes,.studio-scene {position:absolute;inset:0}
.studio-scene {opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--studio-ease),visibility .8s}
.studio-scene.is-active {opacity:1;visibility:visible;pointer-events:auto}
.studio-hero-image {width:100%;height:100%;object-fit:cover;object-position:34% 50%;transform:scale(1.035);transition:transform 9s linear;opacity:1!important}
.studio-scene.is-active .studio-hero-image {transform:scale(1)}
.studio-hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,#152b1e00 23%,#14271d44 43%,#14251ae8 74%,#122219f5),linear-gradient(0deg,#132318db,transparent 34%)}
.studio-hero-copy {position:absolute;left:54%;right:36px;top:80px;bottom:108px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.studio-hero-copy>* {flex-shrink:0}
.studio-hero-copy>small {font-size:9px;letter-spacing:1.6px;color:#d5dbbd}
.studio-hero h1 {font-family:var(--display);font-size:clamp(30px,3.5vw,58px);line-height:1.18;font-weight:400;letter-spacing:-1px;margin:12px 0 14px;text-wrap:balance;overflow-wrap:anywhere}
.studio-hero [data-title-size=long] h1 {font-size:clamp(26px,2.55vw,38px);letter-spacing:-.6px}
.studio-hero [data-title-size=extended] h1 {font-size:clamp(22px,2.1vw,30px);letter-spacing:-.4px}
.studio-hero-copy>p {color:#c3cebb;font-size:14px;line-height:1.7;max-width:400px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-hero-meta {font-size:11px;color:#ccd5be;margin:20px 0}
.studio-hero-actions {display:flex;gap:12px;align-items:center;flex-shrink:0}
.studio-primary {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 25px;background:#edefdb;color:#28372c;font-size:13px;font-weight:650;border-radius:12px;transition:background .2s,transform .2s}
.studio-primary svg {width:15px;height:15px}
.studio-primary:hover {background:white;transform:translateY(-2px)}
.studio-save-hero {display:grid;place-items:center;width:49px;height:49px;border:1px solid #ffffff50;border-radius:50%;color:#eee;background:#ffffff06}
.studio-save-hero[aria-pressed=true] {color:var(--on-accent);background:var(--accent)}
.studio-hero-top {position:absolute;top:25px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#ecf0dd}
.studio-hero-top>span {display:flex;align-items:center;gap:8px;padding:9px 14px;background:#1c302be6;border-radius:30px;font-size:9px;font-weight:700;letter-spacing:1px}
.studio-hero-top svg {width:15px;height:15px}
.studio-hero-top>b {font-size:20px;font-weight:500}
.studio-hero-top small {font-size:11px;color:#b0bdab}
.studio-hero-bottom {position:absolute;bottom:25px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.studio-story-mark {display:flex;align-items:center;gap:15px;color:#eef0d8}
.studio-story-mark>b {font:26px/1.1 Georgia,serif}
.studio-story-mark>small {font-size:8px;line-height:1.8}
.studio-scene-controls {display:flex;align-items:center;gap:10px}
.studio-scene-controls>button {position:relative;flex:0 0 44px;width:44px;height:44px;min-width:0;min-height:0;overflow:hidden;border-radius:8px;padding:3px;border:1px solid transparent;display:grid;place-items:center;color:#eee}
.studio-scene-controls img {position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);min-height:0;object-fit:cover;border-radius:5px}
.studio-scene-controls [aria-pressed=true][data-scene] {border-color:#eef0d8;background:#ffffff10}
.studio-scene-controls .studio-autoplay,.studio-scene-controls .studio-next {border-radius:50%;border:1px solid #ffffff25}
.studio-scene-controls svg {width:17px;height:17px}
.studio-timeline {position:absolute;left:28px;right:28px;bottom:12px;height:2px;background:#ffffff22;overflow:hidden;border-radius:2px}
.studio-timeline>i {display:block;width:100%;height:100%;background:#e9edd6;transform-origin:left;transform:scaleX(0)}
.studio-section {margin-top:var(--section-gap)}
.studio-section>header {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.studio-eyebrow {display:block;font-size:8px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin-bottom:13px}
.studio-section h2 {font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.8px}
.studio-section h2>span {color:var(--accent)}
.studio-section>header>a {display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);min-height:44px;flex-shrink:0}
.studio-section>header>a svg {width:17px;height:17px}
.studio-section>header>p {font-size:11px;line-height:1.7;text-align:right;color:var(--muted)}
.studio-swipe {display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;padding:6px 4px 18px;scroll-padding:4px;touch-action:pan-x pan-y;cursor:grab}
.studio-swipe::-webkit-scrollbar {display:none;width:0;height:0}
.studio-swipe.dragging {cursor:grabbing;user-select:none}
.studio-swipe:focus-visible {outline:2px solid #e6e8d8;outline-offset:3px;border-radius:8px}
.studio-poster {flex:0 0 196px;min-width:0;position:relative}
.studio-poster>a {display:block}
.studio-ranked {flex-basis:244px}
.studio-ranked>a {display:grid;grid-template-columns:44px minmax(0,1fr)}
.studio-ranked>a>* {grid-column:2}
.studio-ranked .studio-poster-art {grid-row:1;z-index:1;box-shadow:-12px 0 24px -6px #000a}
.studio-ranked .studio-rank {grid-column:1;grid-row:1;align-self:end;justify-self:end;margin:0 -28px 6px 0;z-index:0;font-family:var(--display);font-size:124px;font-weight:400;line-height:.9;letter-spacing:-8px;color:var(--bg);-webkit-text-stroke:2px #9baea0;pointer-events:none;font-variant-numeric:tabular-nums}
.studio-ranked:nth-child(-n+3) .studio-rank {-webkit-text-stroke-color:#dedbc2}
.studio-poster-art {position:relative;display:block;aspect-ratio:2/2.88;border-radius:13px;border:1px solid var(--line-2);overflow:hidden;background:var(--surface);box-shadow:0 9px 18px #0002}
.studio-poster-art>img {width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .6s var(--studio-ease)}
.studio-poster:hover .studio-poster-art>img {transform:scale(1.04)}
.studio-poster-art>small {position:absolute;bottom:9px;left:9px;padding:5px 8px;background:#101814ca;backdrop-filter:blur(10px);border-radius:5px;color:#eeeee3;font-size:8px;letter-spacing:1px}
.studio-rating {position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:4px;font-size:10px;color:#f0efd5;background:#12201ccc;border:1px solid #ffffff22;border-radius:20px;padding:5px 7px}
.studio-rating svg {width:12px;height:12px}
.studio-poster h3 {font-size:14px;font-weight:550;line-height:1.4;margin:11px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.studio-poster p {font-size:10px;color:var(--muted)}
.studio-save {position:absolute;z-index:2;top:7px;right:7px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff35;background:#13201de6;backdrop-filter:blur(12px);color:#f3f0e4;display:grid;place-items:center;opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .25s}
.studio-poster :is(a,button) {scroll-margin-top:calc(var(--header) + 20px)}
.studio-save svg {width:18px;height:18px}
.studio-poster:hover .studio-save,.studio-poster:focus-within .studio-save,.studio-save[aria-pressed=true] {opacity:1;transform:none}
.studio-save[aria-pressed=true] {background:var(--accent);color:var(--on-accent)}
.studio-no-cover {display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#304136,#17231c);color:var(--muted)}
.studio-no-cover svg {width:38px;height:38px}
.studio-loading {display:flex;gap:20px;overflow:hidden}
.studio-loading>i {flex:0 0 196px;height:282px;border-radius:13px;background:linear-gradient(120deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:studio-shimmer 2s ease-in-out infinite}
@keyframes studio-shimmer {to{background-position:-200% 0}}
.studio-empty {padding:26px 20px;min-height:120px;background:var(--raise);border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:14px;line-height:1.7}
.studio-empty button {min-height:44px;margin-top:15px;padding:0 20px;border:1px solid var(--line-2);border-radius:12px;color:var(--accent)}
.studio-hero>.studio-empty {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.studio-resume {margin-top:34px}
.studio-resume h2 {font-size:25px}
.studio-resume-track {gap:14px}
.studio-resume-frame {position:relative;flex:0 0 calc((100% - 28px)/3);min-width:280px;height:216px;border-radius:15px;overflow:hidden;isolation:isolate;background:var(--surface)}
.studio-resume-frame:after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#08150ff5 1%,#101a1266 62%,#121c1733)}
.studio-resume-frame>img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--studio-ease);opacity:1}
.studio-resume-frame:hover>img {transform:scale(1.045)}
.studio-resume-top {position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:#eee;font-size:10px;text-shadow:0 2px 8px #000}
.studio-resume-top>b {font-weight:500}
.studio-resume-copy {position:absolute;left:18px;right:65px;bottom:27px;display:grid;gap:7px}
.studio-resume-copy strong {font-size:18px;font-weight:550;line-height:1.3;color:#efeee3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-resume-copy small {font-size:10px;color:#c0c9bd}
.studio-resume-play {position:absolute;right:18px;bottom:28px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff44;border-radius:50%;background:#ffffff10;color:#eee}
.studio-resume-play svg {width:15px;height:15px}
.studio-progress {position:absolute;left:18px;right:18px;bottom:12px;height:2px;background:#ffffff29}
.studio-progress>i {display:block;height:100%;background:var(--accent)}
.studio-genre-row {display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px;padding:30px 0;border-top:1px solid var(--line)}
.studio-genre-intro {padding-top:8px}
.studio-genre-intro>small {display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-bottom:31px}
.studio-genre-intro>small i {height:1px;width:42px;background:var(--line-2)}
.studio-genre-intro>small svg {width:18px;height:18px;color:var(--accent)}
.studio-genre-intro>h3 {font:400 30px/1.2 Georgia,serif;letter-spacing:-.5px;margin-bottom:20px;overflow-wrap:anywhere}
.studio-genre-intro>a {display:flex;align-items:center;gap:9px;min-height:44px;font-size:11px;color:var(--muted)}
.studio-genre-intro>a svg {width:15px;height:15px}
.studio-genre-row .studio-poster {flex-basis:200px}
.studio-more-genres {display:flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 24px;margin:18px auto 0;border-radius:30px;border:1px solid var(--line-2);font-size:13px}
.studio-more-genres>span {font-size:11px;color:var(--muted)}
.studio-reading-shelves {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.studio-reading-shelves .studio-section {min-width:0;padding:26px 24px 10px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.studio-reading-shelves h2 {font:400 31px/1.15 Georgia,serif}
.studio-reading-shelves .studio-section>header {gap:12px}
.studio-reading-shelves .studio-section>header>a {font-size:10px}
.studio-reading-shelves .studio-poster {flex-basis:150px}
.studio-evening {margin-top:64px;display:grid;grid-template-columns:1.5fr 1fr;gap:24px}
.studio-bedtime,.studio-own-world {position:relative;border-radius:22px;overflow:hidden;min-height:390px;padding:38px;isolation:isolate}
.studio-bedtime {background:#e7e7d2;color:#2c3b30}
.studio-bedtime:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e7e7d2 5%,#e7e7d2dd 45%,#e7e7d211),url("/app/studio/landscape.png") center/cover;opacity:.8}
.studio-bedtime .studio-eyebrow {color:#5c6b5a}
.studio-bedtime h2 {font:400 43px/1.08 Georgia,serif;color:#2c3b30;letter-spacing:-1.2px}
.studio-bedtime>p {font-size:12px;line-height:1.8;margin:20px 0 26px}
.studio-bedtime .studio-primary {background:#28392e;color:#eef0de;min-height:46px;font-size:12px}
.studio-evening-other {display:flex;gap:10px;align-items:center;font-size:11px;min-height:44px;margin-top:8px}
.studio-evening-other svg {width:16px;height:16px}
.studio-own-world {background:#1b2b24;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.studio-own-world:after {content:"物語";position:absolute;right:16px;bottom:-35px;font:150px Georgia,serif;letter-spacing:-20px;color:#e4dec70b;pointer-events:none}
.studio-own-world h2 {font:400 40px/1.1 Georgia,serif;letter-spacing:-1px}
.studio-own-world p {max-width:290px;font-size:13px;color:var(--muted);line-height:1.8;margin:22px 0}
.studio-own-world>a {display:flex;align-items:center;gap:18px;min-height:44px;font-size:12px;position:relative;z-index:1}
.studio-own-world>a svg {width:16px;height:16px}
.studio-moments h2 {font:400 34px/1.15 Georgia,serif}
.studio-moment {flex:0 0 300px;position:relative;isolation:isolate;height:220px;overflow:hidden;border-radius:16px;color:#f0eee3;background:var(--surface)}
.studio-moment:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102219ed,transparent 70%);z-index:-1}
.studio-moment>img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .6s}
.studio-moment:hover>img {transform:scale(1.05)}
.studio-moment>small {position:absolute;left:18px;top:18px;font-size:10px}
.studio-moment>strong {position:absolute;left:18px;right:48px;bottom:24px;font-size:17px;line-height:1.3;font-weight:550}
.studio-moment>svg {position:absolute;right:16px;bottom:24px;width:22px;height:22px}
.studio-shell .site-foot {margin:36px 0 0 -108px;width:calc(100% + 108px);padding:0;border-top:1px solid var(--line);background:var(--bg)}
.studio-footer {position:relative;isolation:isolate;padding:50px max(32px,calc((100vw - 1450px)/2));overflow:hidden;min-height:430px}
.studio-footer:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d191382,#0d1913f2 88%),url("/app/studio/landscape.png") center 68%/cover no-repeat}
.studio-foot-top {display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:38px;padding-left:96px}
.studio-foot-top .foot-brand {gap:12px;color:var(--text)}
.studio-foot-top .foot-brand strong {font-size:34px}
.studio-foot-top>p {font-size:12px;line-height:1.8;color:#bcc5b9}
.studio-foot-links {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:96px;max-width:1200px}
.studio-foot-links nav {display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.studio-foot-links h3 {font-size:13px;margin-bottom:12px;color:#efeee3}
.studio-foot-links a {font-size:12px;color:#c0c9bd;min-height:30px;display:flex;align-items:center}
.studio-foot-links a:hover,.studio-foot-bottom a:hover {color:white}
.studio-foot-bottom {margin-top:52px;padding:20px 0 0 96px;border-top:1px solid #ffffff18;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;color:#b6c3b6;font-size:10px}
.studio-foot-bottom>a:last-child {margin-left:auto}
.studio-shell .studio-back-top {position:fixed;right:26px;bottom:26px;z-index:64;width:48px;height:48px;display:grid;place-items:center;border:1px solid #d5e4d22c;border-radius:50%;background:#23352be8;backdrop-filter:blur(18px);color:#efeee3;box-shadow:0 8px 28px #0005;transition:background .2s,transform .25s}
.studio-shell .studio-back-top[hidden] {display:none}
.studio-back-top svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.studio-back-top:hover {background:#344b3d;transform:translateY(-3px)}
.studio-shell.immersive .studio-back-top {display:none}
@media(hover:none) {.studio-save {opacity:1;transform:none}}
@media(min-width:1600px) {.studio-hero{height:580px}.studio-poster{flex-basis:220px}.studio-ranked{flex-basis:264px}.studio-resume-frame{height:235px}}
@media(max-width:1100px) {
  .studio-shell .view{padding:24px 24px 50px}
  .studio-hero{height:510px}.studio-hero-copy{left:50%;right:25px;top:83px}
  .studio-hero h1{font-size:36px}.studio-hero-copy>p{font-size:13px}
  .studio-reading-shelves{grid-template-columns:minmax(0,1fr)}
  .studio-reading-shelves .studio-poster{flex-basis:185px}
  .studio-genre-row{grid-template-columns:155px minmax(0,1fr);gap:20px}
  .studio-genre-intro>h3{font-size:27px}
  .studio-evening{grid-template-columns:1.3fr 1fr}
  .studio-bedtime,.studio-own-world{padding:28px}
}
@media(max-height:760px) and (min-width:801px) {
  .studio-shell .side-nav{top:100px}.studio-rail-nav>a,.studio-rail-nav>button{height:48px}.studio-profile-drop{margin-top:10px}
}
@media(min-width:801px) and (max-width:950px) {
  .studio-hero {height:560px}
}
@media(max-width:800px) {
  :root[data-theme],:root{--header:124px;--sidebar:0px;--bottom-nav:98px}
  .studio-shell,.studio-shell.nav-slim{padding-left:0;--sidebar:0px}
  .studio-shell .top{height:124px}.studio-shell .top-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;padding:10px 20px 14px;gap:8px 10px}
  .studio-shell .brand strong{font-size:21px}.studio-shell .brand img{width:33px;height:33px}
  .studio-shell .top-search,.studio-shell .top-search:focus-within{display:flex;position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:2;width:100%;height:44px;opacity:1;pointer-events:auto;box-shadow:none;z-index:75}
  .studio-shell .top-tools{gap:8px}
  html:not(.tv-mode) .studio-shell .studio-header-profile{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--muted);flex:0 0 44px}
  .studio-header-profile>i{display:grid;place-items:center}
  .studio-header-profile>span{display:none}
  .studio-header-profile svg{width:22px;height:22px}
  .studio-header-profile .studio-nav-avatar{width:36px;height:36px}
  html:not(.tv-mode) .studio-shell .studio-header-profile.on{background:var(--accent);color:var(--on-accent)}
  .studio-shell .side-nav{display:none}
  .studio-shell .top-nav{position:static;width:260px;max-height:calc(100dvh - 240px)}
  .studio-shell .studio-back-top{right:18px;bottom:112px;width:44px;height:44px}
  .studio-shell .view{padding:18px 22px 40px}
  .studio-home{--section-gap:46px}
  .studio-hero{height:500px}
  .studio-hero-copy{left:48%;top:86px;right:25px;bottom:112px}
  .studio-hero h1{font-size:35px}
  .studio-poster{flex-basis:172px}
  .studio-ranked{flex-basis:216px}
  .studio-loading>i{flex-basis:172px;height:248px}
  .studio-resume-frame{flex-basis:46%;height:212px;min-width:260px}
  .studio-section h2{font-size:26px}
  .studio-section>header{gap:14px;margin-bottom:22px}
  .studio-genre-row{grid-template-columns:140px minmax(0,1fr);gap:20px}
  .studio-genre-row .studio-poster{flex-basis:172px}
  .studio-genre-intro>h3{font-size:26px}
  .studio-evening{gap:18px}
  .studio-moments h2{font-size:30px}
  .studio-moment{flex-basis:270px;height:205px}
  .studio-shell .site-foot{margin:24px 0 0;width:100%}
  .studio-footer{padding:38px 24px 135px}
  .studio-foot-top,.studio-foot-links,.studio-foot-bottom{padding-left:0}
  .studio-foot-top .foot-brand strong{font-size:29px}
  .studio-foot-links{gap:24px}
  .studio-shell .studio-dock {position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;left:50%;right:auto;bottom:max(15px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(360px,calc(100% - 24px));height:64px;padding:0 12px;background:none;border:0;box-shadow:none;backdrop-filter:none;overflow:visible;isolation:isolate;z-index:66;border-radius:0}
  .studio-dock .dock-surface{position:absolute;inset:-24px 0 0;background:linear-gradient(130deg,#2c3933f5,#192720f5);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:-1;pointer-events:none}
  .studio-dock .dock-outline{position:absolute;inset:-24px 0 0;width:100%;height:88px;fill:none;stroke:#b6c4b038;stroke-width:1;stroke-linejoin:round;stroke-linecap:round;overflow:visible;pointer-events:none}
  .studio-dock .dock-highlight{position:absolute;left:var(--active-x);top:-17px;width:48px;height:48px;transform:translateX(-50%);border-radius:50%;background:var(--accent);pointer-events:none;box-shadow:0 4px 12px #0002;transition:background .3s;z-index:0}
  .studio-dock.no-selection .dock-highlight{display:none}
  .studio-shell .studio-dock>:is(a,button){position:relative;display:block;padding:0;width:100%;min-width:0;height:64px;color:#b7c5b7;background:none;border:0;box-shadow:none;border-radius:0;outline:0;transition:color .25s}
  .studio-shell .studio-dock>:is(a,button)>i{display:contents}
  .studio-dock>:is(a,button) svg{position:absolute;top:13px;left:50%;margin-left:-10.5px;width:21px;height:21px;stroke-width:1.65;transition:top 420ms var(--studio-ease),color .3s}
  .studio-shell .studio-dock>:is(a,button)>span{position:absolute;top:42px;left:0;right:0;text-align:center;font-size:9px;font-weight:500;line-height:12px;white-space:nowrap}
  .studio-shell .studio-dock>:is(a,button).on{background:none;color:var(--accent);box-shadow:none;transform:none}
  .studio-shell .studio-dock>:is(a,button)>i{background:none;box-shadow:none;transform:none}
  .studio-dock .studio-nav-avatar{position:absolute;top:7px;left:50%;width:32px;height:32px;transform:translateX(-50%);transition:top 420ms var(--studio-ease)}
  .studio-dock>:is(a,button).on .studio-nav-avatar{top:-13px;width:40px;height:40px}
  .studio-dock>:is(a,button).on svg{top:-3px;color:var(--on-accent)}
  .studio-dock>:is(a,button):before,.studio-dock>:is(a,button):after{display:none}
  .studio-shell .studio-dock>:is(a,button):focus-visible:after{content:"";display:block;position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:2px;background:#e6e8d8;border:0;border-radius:2px;pointer-events:none}
  .studio-shell.immersive .studio-dock,.studio-shell.nav-hidden .studio-dock{display:none}
}
@media(max-width:560px) {
  .studio-shell .top-inner{padding:10px 16px 14px}
  .studio-shell .top-tools>[data-search-toggle]{display:none}
  .studio-shell .brand strong{font-size:19px}
  .studio-shell .view{padding:14px 16px 30px}
  .studio-home{--section-gap:38px}
  .studio-hero{height:600px;border-radius:18px}
  .studio-hero-image{object-position:38% 25%;height:63%}
  .studio-hero-shade{background:linear-gradient(0deg,#12241a 10%,#14291ded 36%,#14291d70 56%,transparent 85%)}
  .studio-hero-copy{left:23px;right:23px;top:auto;bottom:96px;min-height:235px;justify-content:flex-end}
  .studio-hero-copy>small{font-size:8px}
  .studio-hero h1{font-size:31px;letter-spacing:-.8px;margin:11px 0 12px;-webkit-line-clamp:2}
  .studio-hero-copy>p{font-size:12px;line-height:1.65;-webkit-line-clamp:2}
  .studio-hero-meta{margin:14px 0 17px;font-size:10px}
  .studio-primary{min-height:46px;padding:0 22px;font-size:12px}
  .studio-save-hero{width:46px;height:46px}
  .studio-hero-top{top:18px;left:19px;right:19px}
  .studio-hero-top>span{font-size:8px;padding:8px 11px}
  .studio-hero-bottom{left:23px;right:23px;bottom:24px}
  .studio-story-mark{display:none}
  .studio-scene-controls{width:100%;justify-content:flex-end;gap:9px}
  .studio-scene-controls>[data-scene]:first-child{margin-right:0}
  .studio-scene-controls>.studio-autoplay{margin-left:auto}
  .studio-timeline{left:23px;right:23px}
  .studio-section h2{font-size:24px}
  .studio-section>header>a{font-size:10px;gap:7px}
  .studio-eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:10px}
  .studio-swipe{gap:14px;padding-bottom:14px}
  .studio-poster,.studio-genre-row .studio-poster{flex-basis:154px}
  .studio-ranked{flex-basis:194px}
  .studio-ranked>a{grid-template-columns:40px minmax(0,1fr)}
  .studio-ranked .studio-rank{font-size:102px;margin-right:-24px}
  .studio-poster h3{font-size:12px;min-height:34px}
  .studio-poster p{font-size:9px}
  .studio-poster-art{border-radius:11px}
  .studio-save{width:40px;height:44px;right:4px;top:4px;background:#13201dc9}
  .studio-rating{left:6px;top:7px;font-size:9px}
  .studio-loading>i{flex-basis:154px;height:222px}
  .studio-resume-frame{flex-basis:87%;min-width:0;height:210px}
  .studio-resume-copy strong{font-size:19px}
  .studio-genre-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:23px 0 17px}
  .studio-genre-intro{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 15px;padding:0}
  .studio-genre-intro>small{grid-column:1/-1;margin-bottom:4px;font-size:9px}
  .studio-genre-intro>small i{width:28px}
  .studio-genre-intro>h3{font-size:27px;margin:0}
  .studio-genre-intro>a{font-size:10px}
  .studio-reading-shelves{gap:0}
  .studio-reading-shelves .studio-section{padding:22px 16px 8px}
  .studio-reading-shelves .studio-poster{flex-basis:140px}
  .studio-reading-shelves h2{font:400 28px/1.2 Georgia,serif}
  .studio-evening{grid-template-columns:1fr;margin-top:38px}
  .studio-bedtime,.studio-own-world{padding:30px 26px;min-height:350px}
  .studio-bedtime h2{font-size:41px}
  .studio-own-world{min-height:315px}
  .studio-section.studio-moments>header>p{display:none}
  .studio-moments h2{font:400 30px/1.2 Georgia,serif}
  .studio-moment{flex-basis:83%;height:210px}
  .studio-foot-top{display:block;margin-bottom:30px}
  .studio-foot-top>p{margin-top:20px}
  .studio-foot-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .studio-foot-links nav:last-child{grid-column:1/-1}
  .studio-foot-bottom{margin-top:30px;gap:12px 18px}
  .studio-foot-bottom>a:last-child{margin-left:0}
}
@media(max-width:350px) {
  .studio-shell .studio-dock{width:calc(100% - 24px);padding:0 10px}
  .studio-dock>:is(a,button)>span{font-size:8px!important}
  .studio-shell .brand strong{font-size:17px}
  .studio-shell .brand{gap:6px}.studio-shell .brand img{width:28px;height:28px}
  .studio-shell .top-tools{gap:0}.studio-shell .top-tools>.icon-btn{width:40px}
  .studio-hero h1{font-size:27px}
  .studio-section>header{align-items:center}
  .studio-section>header>a{max-width:95px}
}
@media(prefers-reduced-motion:reduce) {
  .studio-shell *,.studio-shell *:before,.studio-shell *:after{scroll-behavior:auto!important}
  .studio-dock .dock-surface,.studio-dock .dock-highlight,.studio-dock>:is(a,button) svg,.studio-scene,.studio-hero-image{transition:none}
  .studio-loading>i{animation:none}
}
/* TV keeps the existing focus and spatial-navigation layer above the new skin. */
html[data-tv=true] .studio-shell .studio-save,body.tv-mode .studio-save{opacity:1;transform:none}
html.tv-mode .studio-shell {padding:0 0 32px;--sidebar:0px}
html.tv-mode .studio-shell .side-nav {position:relative;inset:auto;width:auto;display:flex;margin:0 var(--tv-safe);padding:18px 0 12px;z-index:auto}
html.tv-mode .studio-shell .side-nav>.brand {display:flex!important}
html.tv-mode .studio-shell .studio-rail-nav,html.tv-mode .studio-shell .studio-profile-drop {display:none}
html.tv-mode .studio-shell .top-nav {display:flex;position:static;flex-direction:row;width:auto;max-height:none;border:0;box-shadow:none;overflow:auto;background:none}
html.tv-mode .studio-shell .top {position:relative;inset:auto;height:auto;width:auto;margin:0 var(--tv-safe);background:none;backdrop-filter:none}
html.tv-mode .studio-shell .top-inner {display:flex;padding:0;gap:16px}
html.tv-mode .studio-shell .top .brand-mobile {display:none}
html.tv-mode .studio-shell .top-search {display:flex;position:relative;inset:auto;transform:none;width:auto;max-width:900px;flex:1;height:58px}
html.tv-mode .studio-shell .studio-assistant-mobile {display:none}
html.tv-mode .studio-shell .studio-dock {display:none}
html.tv-mode .studio-shell .studio-save {opacity:1;transform:none}
html.tv-mode .studio-shell .studio-poster {flex-basis:240px}
html.tv-mode .studio-shell .studio-poster h3 {font-size:20px;min-height:56px}
html.tv-mode .studio-shell .studio-poster p {font-size:15px}
.studio-shell.immersive .top{transform:translateY(-110%)}
.studio-shell.immersive .side-nav{display:none}
.studio-shell.immersive .view{max-width:none;padding:0}
.studio-shell.immersive .reader-head{margin-inline:0}
.studio-shell.immersive .site-foot{display:none}
/* Account accents color fills, not permanent rings. Keyboard/remote focus
   stays visible in a neutral color and pointer clicks carry no focus outline. */
html:not(.tv-mode) body.studio-shell :is(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible) {outline:none!important}
html:not(.tv-mode) body.studio-shell :focus-visible {outline-color:#e6e8d8!important}
html:not(.tv-mode) body.studio-shell :is(.decor-file:focus-within,.choice:has(input:focus-visible),.decor-chips .chip:has(input:focus-visible),.toggle input:focus-visible+i) {outline-color:#e6e8d8}
html:not(.tv-mode) body.studio-shell :is(.studio-rail-nav,.studio-profile-drop) :focus-visible {outline:0!important;box-shadow:inset 0 0 0 2px #e6e8d8}
html:not(.tv-mode) body.studio-shell .studio-dock>:is(a,button):focus-visible {outline:0!important}
html:not(.tv-mode) body.studio-shell #view:focus {outline:none!important}

/* The outer rail is layout only: no inherited drawer rectangle or shadow. */
html:not(.tv-mode) body.studio-shell #side {height:calc(100dvh - 132px);gap:14px;background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;isolation:auto}
html:not(.tv-mode) body.studio-shell #side:before,html:not(.tv-mode) body.studio-shell #side:after {display:none}
html:not(.tv-mode) body.studio-shell #menu {display:none!important}
html:not(.tv-mode) body.studio-shell .studio-rail-nav {flex:0 1 auto;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.studio-rail-nav::-webkit-scrollbar {display:none}
html:not(.tv-mode) .studio-rail-nav>:is(a,button),html:not(.tv-mode) .studio-rail-tools>:is(a,button) {flex-shrink:0;height:48px;min-height:44px}
.studio-rail-divider {height:1px;min-height:1px;flex-shrink:0;margin:8px 11px;background:var(--line-2)}
html:not(.tv-mode) .studio-profile-drop {margin:0 auto;flex-shrink:0}
/* Fit one column first, then tighten spacing; use two columns only if the
   visible account-specific actions still overflow the available rail height. */
@media(min-width:801px) {
  html:not(.tv-mode) body.studio-shell.studio-rail-dense #side {top:100px;height:calc(100dvh - 116px);gap:10px}
  html:not(.tv-mode) body.studio-rail-dense .studio-rail-nav>:is(a,button),html:not(.tv-mode) body.studio-rail-dense .studio-rail-tools>:is(a,button) {height:44px}
  html:not(.tv-mode) body.studio-shell.studio-rail-compact {padding-left:144px;--sidebar:144px}
  html:not(.tv-mode) body.studio-shell.studio-rail-compact #side {left:16px;width:128px}
  html:not(.tv-mode) body.studio-shell.studio-rail-compact .studio-rail-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 2px;padding:14px 6px 10px;border-radius:36px 36px 22px 36px}
  html:not(.tv-mode) body.studio-rail-compact .studio-rail-nav>:is(a,button) {width:56px;height:52px}
  html:not(.tv-mode) body.studio-rail-compact .studio-rail-nav>.admin-only {grid-column:1/-1;justify-self:center}
  .studio-rail-compact .studio-rail-divider {grid-column:1/-1;margin:4px 10px}
  .studio-rail-compact .studio-rail-tools {display:flex;grid-column:1/-1;justify-content:center;gap:0}
  html:not(.tv-mode) body.studio-rail-compact .studio-rail-tools>:is(a,button) {width:38px;height:40px;min-height:40px}
  .studio-rail-compact .studio-rail-tools span {display:none}
  .studio-rail-compact .studio-rail-tools i {display:grid;place-items:center}
  .studio-rail-compact .studio-rail-tools svg {width:20px;height:20px}
}
@media(max-height:560px) and (min-width:801px) {
  html:not(.tv-mode) body.studio-shell.studio-rail-dense #side {top:94px;height:calc(100dvh - 104px);gap:8px}
  html:not(.tv-mode) body.studio-shell.studio-rail-compact .studio-rail-nav {padding-block:8px;row-gap:2px}
  html:not(.tv-mode) body.studio-rail-compact .studio-rail-nav>:is(a,button) {height:44px}
  html:not(.tv-mode) .studio-profile-drop>a {height:48px}
}
@media(max-width:800px) {html:not(.tv-mode) body.studio-shell #side {display:none!important}}
body.studio-more-open {overflow:hidden}
.studio-shell .studio-more-sheet {position:fixed;inset:auto 0 max(8px,env(safe-area-inset-bottom));margin:0 auto;width:min(520px,calc(100% - 16px));max-height:calc(100dvh - 60px);padding:0 20px 18px;background:#192820;color:var(--text);border:1px solid #d5e4d226;border-radius:28px;box-shadow:0 20px 80px #0006;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;transform:translateY(calc(100% + 30px));transition:transform .25s var(--studio-ease)}
.studio-more-sheet::-webkit-scrollbar {display:none}
.studio-more-sheet::backdrop {background:#06100b99;backdrop-filter:blur(5px)}
.studio-shell .studio-more-sheet.is-open {transform:translateY(var(--sheet-drag,0px))}
.studio-shell .studio-more-sheet.is-dragging {transition:none}
.studio-sheet-head {display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;padding:28px 0 16px;background:#192820;z-index:1;touch-action:none}
.studio-sheet-grip {position:absolute;top:11px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:#a3b0a56b;border-radius:4px}
.studio-sheet-head h2 {font-size:21px;line-height:1.2;margin:0;letter-spacing:-.5px}
.studio-sheet-close {width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#ffffff07;border:1px solid var(--line);color:var(--muted)}
.studio-more-sheet svg {width:23px;height:23px;stroke-width:1.7}
.studio-sheet-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.studio-sheet-links>[data-nav=library] {grid-column:1/-1}
body:not(.is-admin) .studio-sheet-links>[data-studio-assistant] {grid-column:1/-1}
.studio-sheet-links>:is(a,button) {display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 12px;border-radius:17px;background:#ffffff06;color:var(--text);text-align:left;font-size:12px;line-height:1.4}
.studio-sheet-links i {display:grid;place-items:center;color:var(--accent);flex:0 0 25px}
.studio-sheet-links>:is(a,button):hover,.studio-sheet-tools>:is(a,button):hover {background:#ffffff0d}
.studio-sheet-tools {margin-top:16px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:2px 8px}
.studio-sheet-tools>:is(a,button) {display:flex;align-items:center;gap:10px;flex:1 1 120px;min-height:46px;padding:9px 10px;border-radius:12px;color:var(--muted);font-size:12px;text-align:left}
.studio-sheet-tools i {display:grid;place-items:center;flex:0 0 20px}
.studio-sheet-tools svg {width:20px;height:20px}
@media(prefers-reduced-motion:reduce) {.studio-shell .studio-more-sheet {transition:none}}
.role-chip.smm {padding:4px 9px;border-radius:999px;background:rgba(190,210,184,.13);color:var(--text);box-shadow:none;line-height:1.2}