/* The studio is a working presentation surface, with its own quiet controls. */
.studio-entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.studio-entry>.text-link{font-size:14px;color:#fff}.immersive-launch{cursor:pointer}
#immersive-studio{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#07090e;color:#f5f3f0;overflow:hidden;font-family:Text,Arial,sans-serif}
#immersive-studio::backdrop{background:#05060a}body:has(#immersive-studio[open]){overflow:hidden}
#immersive-studio[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#immersive-studio button,#immersive-studio a{font:inherit;color:inherit;touch-action:manipulation}
#immersive-studio button{cursor:pointer}#immersive-studio button:disabled{opacity:.35;cursor:default}
#immersive-studio :focus-visible{outline:2px solid #f4d0d7;outline-offset:4px}
#immersive-studio [hidden]{display:none!important}
.ix-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;border-bottom:1px solid #ffffff1a;background:#0b0d13;z-index:12}
.ix-identity{display:flex;align-items:center;gap:18px}.ix-identity>strong{font:700 30px/.9 var(--display);letter-spacing:-.02em}.ix-identity>span{font-size:12px;line-height:1.45;letter-spacing:.11em;color:#a8aab4;border-left:1px solid #ffffff35;padding-left:18px}
.ix-header-actions{display:flex;gap:20px;align-items:center}.ix-credit{font-size:13px;color:#9598a4}.ix-return{display:flex;align-items:center;gap:13px;min-height:44px;font-size:14px!important}.ix-return>span{display:grid;place-items:center;border:1px solid #ffffff40;width:36px;height:36px;border-radius:50%;font-size:22px}
.ix-main{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative}
.ix-stage-top{padding:20px 28px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}
.ix-chapter-name{display:flex;align-items:center;gap:13px}.ix-chapter-number{font:700 43px/.9 var(--display);color:#f14660}.ix-chapter-name small{font-size:12px;letter-spacing:.1em;color:#9498a6;display:block;margin-bottom:5px}.ix-chapter-name h2{font-size:18px;line-height:1.2;font-weight:400;margin:0}
.ix-framing{display:flex;background:#ffffff06;border:1px solid #ffffff22;border-radius:99px;padding:4px;gap:3px}.ix-framing button{padding:10px 19px;border-radius:99px;font-size:14px!important;min-height:42px;white-space:nowrap}.ix-framing button[aria-pressed=true]{background:#f1eee8;color:#161820!important}
.ix-viewport{position:relative;min-height:0;isolation:isolate;overflow:hidden;touch-action:pan-y;background:#07090e}
.ix-atmosphere{position:absolute;inset:-30px;background:center/cover no-repeat;filter:blur(35px);opacity:.25;pointer-events:none;transition:opacity .6s}
.ix-rig{position:absolute;top:0;left:0;width:1672px;height:941px;transform-origin:0 0;transition:transform 1.25s cubic-bezier(.2,.7,.2,1);will-change:transform}
.ix-rig canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.ix-rig canvas.is-live{opacity:1}.ix-viewport.is-dragging .ix-rig{transition:none}
.ix-viewport[data-view=close]{cursor:grab;touch-action:pan-y}.ix-viewport.is-dragging{cursor:grabbing}
.ix-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);border-radius:99px;padding:6px 17px 6px 6px;background:#0b101bdc;border:1px solid #ffffff6b;font-size:13px!important;backdrop-filter:blur(12px);box-shadow:0 5px 24px #0006;transition:opacity .25s,left 1.25s cubic-bezier(.2,.7,.2,1),top 1.25s cubic-bezier(.2,.7,.2,1)}
.ix-hotspot>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0eeea;color:#161820;font-size:20px}.ix-hotspot:hover{background:#d12a46}.ix-viewport[data-view=close] .ix-hotspot{opacity:0;pointer-events:none}
.ix-screen-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:12px;color:#e7e7ea;text-align:center;white-space:nowrap;text-shadow:0 1px 5px #000;background:#080b11b3;padding:8px 13px;border:1px solid #ffffff18;border-radius:30px;pointer-events:none}
.ix-error{position:absolute;z-index:9;inset:0;display:grid;align-content:center;justify-items:center;gap:18px;background:#0b0d15e8;padding:30px;text-align:center;font-size:16px}.ix-error button{border:1px solid #ffffff50;padding:12px 20px;border-radius:99px}.ix-loading{position:absolute;z-index:8;top:15px;left:50%;transform:translateX(-50%);padding:10px 17px;background:#10141ef2;border:1px solid #ffffff30;border-radius:30px;font-size:14px}
.ix-inspector{position:absolute;inset:0;background:#080c13;z-index:5;overflow:hidden}.ix-art-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;cursor:grab;scrollbar-color:#667087 #10141f;scrollbar-width:thin}.ix-art-scroll.is-dragging{cursor:grabbing}.ix-scroll-sheet{width:calc(100% * var(--ix-zoom,1));min-height:100%;display:flex;align-items:center;padding:28px;box-sizing:border-box}.ix-original-frame{width:100%;position:relative;flex-shrink:0}.ix-original-frame>img:first-child{width:100%;height:auto;display:block}.ix-original-frame>img:last-child{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ix-inspect-tag{position:absolute;left:20px;top:15px;z-index:6;padding:8px 12px;border:1px solid #ffffff26;border-radius:99px;background:#080c13e8;font-size:12px;color:#c0c7d5;pointer-events:none}
.ix-zoom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:5px 10px;background:#0b1020ed;border:1px solid #ffffff35;border-radius:99px;z-index:6}.ix-zoom button{min-width:38px;height:38px;font-size:22px!important}.ix-zoom #ix-fit{font-size:13px!important;padding:0 8px;border-left:1px solid #fff3}.ix-zoom output{font-size:13px;min-width:45px;text-align:center}
.ix-info{padding:17px 28px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 30px;background:linear-gradient(#090d14,#0b0e15);border-top:1px solid #ffffff15}
.ix-work-title{min-width:0}.ix-work-title>p{font-size:12px;letter-spacing:.09em;color:#b3a0a9;text-transform:uppercase;margin:0 0 7px}.ix-work-title h3{font:700 clamp(27px,2.8vw,42px)/1 var(--display);margin:0 0 5px}.ix-work-title>span{font-size:14px;color:#969eae}
.ix-transport{display:flex;align-items:center;gap:10px}.ix-round{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;font-size:20px!important}.ix-play{display:flex;justify-content:center;align-items:center;min-width:150px;min-height:44px;padding:10px 20px;border-radius:99px;background:#ec3652;font-size:14px!important}.ix-play:hover{background:#ff5069}
.ix-choose{min-height:44px;border:1px solid #ffffff45;border-radius:99px;padding:11px 17px;font-size:14px!important;display:flex;align-items:center;justify-content:center;gap:13px}.ix-choose>span{font-size:18px}.ix-choose:hover,.ix-round:not(:disabled):hover{background:#ffffff14}
.ix-playback-line{grid-column:1/-1;display:flex;align-items:center;gap:15px}.ix-track{height:2px;flex:1;background:#ffffff1a;overflow:hidden}.ix-track>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#ec3652}.ix-phase{font-size:12px;color:#a5aaba;min-width:105px;text-align:right}
.ix-pages{display:flex;gap:6px;flex-wrap:wrap}.ix-pages button{min-height:36px;padding:7px 13px;border-radius:99px;border:1px solid #ffffff30;color:#c3cad5!important;font-size:13px!important}.ix-pages button[aria-pressed=true]{border-color:#89d9e9;background:#184553;color:#e9fbff!important}
.ix-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:14px 28px 18px;gap:12px;border-top:1px solid #ffffff1e;background:#101219;z-index:3}
.ix-chapters>button{position:relative;display:flex;align-items:center;gap:13px;min-width:0;text-align:left;border:1px solid #ffffff20;border-radius:9px;padding:8px;transition:background .2s,border-color .2s}.ix-chapters>button[aria-pressed=true]{border-color:#ef4560;background:#311822}.ix-chapters>button:hover{background:#ffffff0d}.ix-chapters img{width:63px;height:44px;object-fit:cover;border-radius:5px;background:#020609}.ix-chapters span{min-width:0;font-size:14px;line-height:1.2}.ix-chapters small{display:block;font-size:12px;color:#8c94a4;margin-bottom:5px}.ix-chapters>button[aria-pressed=true] small{color:#f27e91}
.ix-library{position:absolute;top:0;bottom:0;right:0;width:min(480px,100%);background:#11141cf5;backdrop-filter:blur(24px);z-index:15;border-left:1px solid #ffffff2c;box-shadow:-25px 0 80px #0008;display:flex;flex-direction:column;animation:ix-arrive .35s ease}
.ix-library-header{padding:23px 24px 17px;border-bottom:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;gap:15px}.ix-library-header small{font-size:12px;letter-spacing:.1em;color:#929dae}.ix-library-header h2{font:700 34px/1 var(--display);margin:8px 0 0}.ix-library-select{padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:#c5cad4}.ix-library-select select{background:#1c202c;border:1px solid #ffffff40;padding:10px;border-radius:8px;font-size:14px;color:#fff;max-width:220px}.ix-library-grid{padding:5px 24px 30px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-content:start;min-height:0}.ix-library-grid button{padding:0;border:1px solid #ffffff28;border-radius:9px;text-align:left;overflow:hidden;background:#0c0e16}.ix-library-grid button[aria-pressed=true]{border-color:#f0506a;background:#2e1722}.ix-library-grid img{display:block;width:100%;aspect-ratio:1.85;object-fit:cover}.ix-library-grid span{display:block;padding:13px;font-size:15px;line-height:1.25}.ix-library-grid small{display:block;margin-top:7px;font-size:12px;color:#a7aebe;line-height:1.35}.ix-library-note{padding:0 24px 20px;color:#b6bdcb;font-size:13px}
@keyframes ix-arrive{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.ix-transport{flex-wrap:wrap;justify-content:flex-end;max-width:280px}.ix-choose{order:4;min-height:36px;font-size:13px!important;padding:7px 15px}.ix-chapters{gap:8px}.ix-chapters img{width:42px;height:40px}.ix-chapters span{font-size:13px}.ix-credit{display:none}}
@media(max-width:720px){.ix-header{padding:10px 16px;gap:10px}.ix-identity{gap:11px}.ix-identity>strong{font-size:25px}.ix-identity>span{font-size:12px;padding-left:11px;max-width:100px}.ix-return{font-size:13px!important;gap:8px}.ix-return>span{width:32px;height:32px}.ix-stage-top{padding:14px 16px 10px;gap:12px;flex-wrap:wrap}.ix-chapter-number{font-size:36px}.ix-chapter-name h2{font-size:16px}.ix-chapter-name small{font-size:12px}.ix-framing{margin-left:auto}.ix-framing button{padding:8px 12px;font-size:13px!important;min-height:38px}.ix-info{padding:14px 16px;gap:13px;grid-template-columns:minmax(0,1fr)}.ix-work-title h3{font-size:30px}.ix-work-title>p{font-size:12px;margin-bottom:6px}.ix-work-title>span{font-size:13px}.ix-transport{max-width:none;justify-content:start;flex-wrap:nowrap;width:100%;gap:8px}.ix-play{min-width:120px;min-height:42px;font-size:13px!important;padding:9px 13px}.ix-round{width:39px;height:39px;flex-shrink:0}.ix-choose{min-height:42px;margin-left:auto;font-size:13px!important;padding:9px 12px;gap:8px;white-space:nowrap}.ix-choose>span{display:none}.ix-playback-line{gap:12px}.ix-phase{font-size:12px;min-width:100px}.ix-chapters{padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:6px}.ix-chapters>button{flex-direction:column;align-items:stretch;gap:6px;padding:5px;border-radius:7px}.ix-chapters img{width:100%;height:30px;object-position:center}.ix-chapters span{font-size:12px;text-align:center;line-height:1.2;min-height:26px}.ix-chapters small{display:none}.ix-hotspot{font-size:12px!important;padding-right:12px;gap:7px}.ix-hotspot>span{width:27px;height:27px}.ix-screen-hint{font-size:12px;bottom:8px;padding:6px 11px}.ix-scroll-sheet{padding:16px}.ix-inspect-tag{left:12px;top:8px;font-size:12px}.ix-pages{gap:5px}.ix-pages button{font-size:12px!important;padding:6px 10px;min-height:33px}.ix-library-header{padding:18px 20px}.ix-library-select{padding:14px 20px}.ix-library-grid{padding:4px 20px 25px}}
@media(max-width:420px){.ix-stage-top{display:grid;grid-template-columns:1fr}.ix-framing{margin-left:0;justify-content:center}.ix-framing button{flex:1}.ix-choose{padding:9px 10px}.ix-play{min-width:115px}.ix-chapter-name small{display:none}.ix-chapter-name{gap:10px}.ix-chapter-number{font-size:29px}.ix-work-title h3{font-size:27px}.ix-chapters img{height:24px}}
@media(max-height:600px) and (min-width:721px){.ix-header{padding:7px 20px}.ix-stage-top{padding:9px 20px}.ix-chapter-number{font-size:30px}.ix-info{padding:10px 20px;gap:8px}.ix-work-title h3{font-size:26px}.ix-work-title>span{font-size:12px}.ix-chapters{padding:8px 20px}.ix-chapters img{height:30px}.ix-chapters>button{padding:5px}.ix-chapters small{display:none}.ix-transport{flex-wrap:nowrap;max-width:none}.ix-playback-line{gap:10px}.ix-work-title>p{display:none}}
@media(prefers-reduced-motion:reduce){.ix-rig,.ix-hotspot,.ix-rig canvas{transition:none}.ix-library{animation:none}}

@media(max-width:420px){.ix-identity>span{display:none}.ix-chapters span{overflow-wrap:anywhere}}
@media(max-width:360px){.ix-transport{flex-wrap:wrap}.ix-play{flex:1}.ix-choose{width:100%;margin-left:0}.ix-chapters{padding-left:8px;padding-right:8px}}