/* Same original page; an open, motion-led remix workspace and original cast. */
:root{--bg:#050607;--panel:#0d0f12;--white:#f4f4f2;--muted:#9a9da3;--quiet:#777b83;--red:#ff1638;--line:#ffffff18}
body{background:radial-gradient(ellipse at 100% 12%,#8a00271c,transparent 32%),radial-gradient(ellipse at 0% 56%,#7f031e18,transparent 30%),var(--bg)}
.light-field i{animation:edge-drift 22s ease-in-out infinite alternate;opacity:.4}
.light-field i:nth-child(2){animation-delay:-9s;animation-duration:28s}
.light-field i:nth-child(3){animation-delay:-16s;opacity:.24}
@keyframes edge-drift{from{translate:0 -20px}to{translate:55px 55px}}
.primary-button:hover,.secondary-button:hover,.icon-button:hover{box-shadow:0 0 25px #ff163825}
.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible{outline:2px solid #ff5368;outline-offset:4px}
#scene-remix .mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--line);padding-bottom:0}
#scene-remix .mode-card{display:flex;align-items:flex-start;gap:12px;padding:18px 0 22px;position:relative;min-height:100px;transform:none}
#scene-remix .mode-card:after{content:'';height:2px;background:var(--red);position:absolute;bottom:-1px;left:0;right:0;opacity:0;transition:opacity .25s;box-shadow:0 0 22px #ff163885}
#scene-remix .mode-card[aria-pressed=true]:after{opacity:1}
#scene-remix .mode-index{font-size:11px;line-height:1;width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;color:#94979e;flex:none}
#scene-remix .mode-card[aria-pressed=true] .mode-index{border-color:#ff5368;color:#ff5368;box-shadow:0 0 18px #ff163827}
#scene-remix .mode-copy{padding:0;min-width:0}
#scene-remix .mode-copy strong{font-size:20px;margin-bottom:7px;letter-spacing:-.4px}
#scene-remix .mode-copy small{font-size:11px;line-height:1.6;min-height:0;color:var(--muted)}
#scene-remix .mode-arrow{display:none}
.remix-modebar{display:none}
#scene-remix .remix-workspace{border-top:0;margin-top:20px;padding-top:0}
#scene-remix .workspace-top{margin-bottom:26px}
#scene-remix .workspace-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:48px}
#scene-remix .workspace-form{border:0;padding:0;background:none}
#scene-remix .form-heading h3{font-size:38px;letter-spacing:-1.4px;line-height:1.05}
#scene-remix .form-heading>p{color:var(--muted);font-size:14px}
#scene-remix .upload-control{min-height:70px;border-color:#ffffff28;background:#ffffff03;border-radius:12px;font-size:13px}
#scene-remix .upload-control:hover{background:#ff163806;border-color:#ff5368}
#scene-remix .field-block>label:first-child{font-size:13px}
#scene-remix .field-hint,#scene-remix .cost-note{font-size:11px;line-height:1.6;color:var(--muted)}
#scene-remix .target-input,#scene-remix .text-field textarea{background:#0d0f12;border-color:#ffffff25;font-size:14px;border-radius:10px;padding:12px}
#scene-remix .primary-button.full-width{min-height:48px;font-size:14px}
#scene-remix .chip-row button{min-height:34px;font-size:10px;padding:7px 10px}
.sample-source-button{color:#ff7186;min-height:38px;font-size:12px;margin:3px 0 5px}
.creature-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.creature-reference{padding:0;text-align:left;background:none;border:0;min-width:0;border-radius:8px}
.creature-reference img{display:block;width:100%;aspect-ratio:1376/768;height:auto;object-fit:contain;object-position:center;border-radius:8px;border:1px solid #ffffff1a;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.creature-reference span{display:block;padding:8px 2px;font-size:12px;color:var(--muted)}
.creature-reference[aria-pressed=true] img,.creature-reference:hover img{border-color:#ff5368;box-shadow:0 0 18px #ff163818}
.creature-reference[aria-pressed=true] span{color:var(--white)}
#scene-remix .reference-top{align-items:flex-start;gap:12px;padding:2px 0 18px}
#scene-remix .reference-kicker{font-size:13px;letter-spacing:.01em}
#scene-remix .reference-disclaimer{font-size:11px;line-height:1.5;color:var(--muted)}
.reference-pair{gap:22px;align-items:start}
.reference-slot{border:0;background:none;border-radius:0;overflow:visible}
.reference-slot-heading{border:0;background:none;font-size:11px;padding:0 0 10px;min-height:30px;color:var(--muted)}
.reference-stage{height:auto;aspect-ratio:4/5;border:1px solid #ffffff18;border-radius:16px;background:#050607;overflow:hidden;min-width:0}
.reference-stage>img,.reference-stage .uploaded-source video{object-fit:contain;object-position:center;transform:none}
.reference-stage>img{position:absolute;inset:0}
.reference-stage .uploaded-source{background:#050607}
.reference-slot>p{padding:11px 1px 0;border:0;background:none;font-size:11px;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}
.reference-stage>.play-button{right:14px;bottom:14px;width:44px;height:44px;z-index:3}
.reference-stage>.play-button svg{width:19px;height:19px}
#scene-remix .reference-caption{padding-top:16px}
#scene-remix .reference-caption p{font-size:12px;color:var(--muted)}
#scene-remix[data-active-mode=character] .reference-pair{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center}
#scene-remix[data-active-mode=character] #conceptDirectionLayer,#scene-remix[data-active-mode=world] #conceptDirectionLayer,#scene-remix[data-active-mode=video] .reference-stage{aspect-ratio:1376/768}
#scene-remix .examples-heading{padding-top:30px;margin-top:42px;margin-bottom:24px}
#scene-remix .examples-heading h3{font-size:28px;color:var(--white)}
#scene-remix .examples-heading p{font-size:12px;color:var(--muted)}
#scene-remix .example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}
#scene-remix .example-picture{aspect-ratio:16/9;border-radius:16px;border-color:#ffffff1a}
.example-original-pair{gap:10px;background:#050607;padding:12px;box-sizing:border-box}
.example-original-pair>video,.example-original-pair>img{border-radius:8px;background:#050607;object-fit:contain}
#scene-remix[data-active-mode=character] .example-original-pair{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
.example-label{top:12px;left:12px;font-size:9px;background:#050607cf;color:#f4f4f2;border-color:#ffffff24}
#scene-remix .example-picture .play-button{width:44px;height:44px;right:14px;bottom:14px}
#scene-remix .example-picture .play-button svg{width:18px;height:18px}
#scene-remix .example-copy{padding-top:16px;flex-direction:row;align-items:center}
#scene-remix .example-copy h4{font-size:17px;font-weight:500}
#scene-remix .example-copy p{font-size:11px;color:var(--muted)}
#scene-remix .example-use{font-size:12px;min-height:44px;color:#ff8b9b}
#scene-remix .load-more{min-height:46px;font-size:12px}
.cast-scroll-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:12px}
.cast-scroll-heading strong{font-weight:500;color:var(--white);font-size:14px}
#persona-lab .persona-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#6c2232 #0d0f12;padding:4px 3px 16px;margin-bottom:38px}
.persona-tile{scroll-snap-align:start}
.persona-pick{border:0;border-radius:0;background:none;box-shadow:none!important;overflow:visible}
.persona-pick video{aspect-ratio:3/4;object-fit:contain;object-position:center;border:1px solid #ffffff20;border-radius:14px;background:#050607;transition:border-color .2s,box-shadow .2s}
.persona-pick[aria-pressed=true] video{border-color:#ff5368;box-shadow:0 0 24px #ff163818}
.persona-pick>span{padding:12px 2px;font-size:12px;color:var(--muted)}
.persona-pick[aria-pressed=true]>span{color:var(--white)}
.persona-tile .play-button{width:36px;height:36px;bottom:50px;right:12px}
.persona-tile .play-button svg{width:15px;height:15px}
.persona-workspace{gap:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
.persona-stage{min-height:0;height:auto;aspect-ratio:3/4;border-radius:18px;border-color:#ffffff20;background:#050607}
.persona-stage>video,.persona-stage>img{object-fit:contain;object-position:center}
.persona-stage:after{background:linear-gradient(0deg,#050607eb 0,transparent 28%,transparent 90%,#05060744)}
.persona-controls{border:0;border-radius:0;padding:8px 0;background:none;box-shadow:none}
.persona-controls .clear-state{background:transparent;border:0;border-left:2px solid #ff163877;border-radius:0;padding:8px 0 8px 16px}
.persona-controls .text-field input,.persona-controls .text-field textarea{background:#0d0f12;border-color:#ffffff25}
.persona-controls .form-heading>p{color:var(--muted)}
.portrait-bottom{left:24px;right:78px;bottom:25px}
.hero-feature,.persona-stage,.reference-stage,.example-picture{transition:border-color .25s,box-shadow .25s}
.hero-feature:hover,.persona-stage:hover,.reference-stage:hover,.example-picture:hover{border-color:#ff536860;box-shadow:0 0 32px #ff163812}
@media(hover:hover) and (pointer:fine){.play-button{opacity:0;transition:opacity .2s,background .2s}.hero-feature:hover .play-button,.hero-feature:focus-within .play-button,.persona-stage:hover .play-button,.persona-stage:focus-within .play-button,.persona-tile:hover .play-button,.persona-tile:focus-within .play-button,.gallery-card:hover .play-button,.gallery-card:focus-within .play-button,.example-card:hover .play-button,.example-card:focus-within .play-button,.reference-slot:hover .play-button,.reference-slot:focus-within .play-button{opacity:1}.play-button[aria-pressed=true]{opacity:1}}
@media(max-width:1150px){#scene-remix .workspace-grid{grid-template-columns:minmax(270px,.9fr) minmax(0,1.3fr);gap:32px}#scene-remix .mode-copy strong{font-size:18px}#scene-remix .mode-card{gap:9px}.persona-workspace{gap:30px}#scene-remix .example-copy{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:900px){#scene-remix .workspace-grid{grid-template-columns:1fr;gap:28px}#scene-remix .workspace-form{display:block;padding:0 0 26px;border:0;border-bottom:1px solid var(--line)}#scene-remix .upload-pair .upload-control>span{max-width:240px}.creature-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-pair{max-width:760px}.reference-stage{aspect-ratio:4/3;max-height:400px}#scene-remix .mode-card{padding:15px 0 19px}#scene-remix .mode-copy small{display:none}#scene-remix .mode-copy strong{font-size:17px;line-height:1.35}.persona-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.persona-controls .form-heading h3{font-size:28px}.portrait-bottom h3{font-size:24px}.portrait-bottom p{font-size:10px}}
@media(max-width:680px){#scene-remix .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}#scene-remix .mode-card{min-height:60px;align-items:center;padding:15px 0}#scene-remix .mode-copy strong{font-size:17px;margin:0}.mode-index{width:24px;height:24px}#scene-remix .workspace-grid{gap:24px}#scene-remix .form-heading h3{font-size:34px}.reference-pair{gap:14px}.reference-stage{aspect-ratio:3/4;max-height:none}.reference-slot-heading{font-size:11px}.reference-slot>p{font-size:11px}#scene-remix[data-active-mode=character] .reference-pair,#scene-remix[data-active-mode=world] .reference-pair{grid-template-columns:1fr}#scene-remix[data-active-mode=character] .reference-slot:first-child .reference-stage,#scene-remix[data-active-mode=world] .reference-slot:first-child .reference-stage{aspect-ratio:16/9}.creature-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creature-reference span{font-size:13px}#scene-remix .reference-top{flex-direction:column;gap:5px}#scene-remix .reference-disclaimer{text-align:left;max-width:none}#scene-remix .example-grid{grid-template-columns:1fr;gap:28px}#scene-remix .example-picture{aspect-ratio:16/10}#scene-remix .example-copy{flex-direction:row;align-items:center;gap:14px}#scene-remix .example-copy h4{font-size:15px}#scene-remix .example-use{font-size:11px;white-space:normal;text-align:right;max-width:100px}.example-label{font-size:8px;max-width:calc(100% - 24px)}.persona-workspace{grid-template-columns:1fr;gap:30px}.persona-stage{aspect-ratio:3/4;height:auto;min-height:0;max-width:500px;width:100%;margin-inline:auto}.persona-controls{padding:0}.persona-controls .form-heading h3{font-size:32px}#persona-lab .persona-grid{grid-auto-columns:136px;gap:16px;margin-bottom:28px}.cast-scroll-heading{align-items:flex-start;gap:12px}.cast-scroll-heading span{max-width:185px;text-align:right;font-size:11px}.portrait-bottom h3{font-size:29px}.portrait-bottom p{max-width:240px;font-size:11px}}
@media(pointer:coarse){.play-button{opacity:1;min-width:44px;min-height:44px}.persona-tile .play-button{width:44px;height:44px;bottom:47px}.sample-source-button{min-height:44px}#scene-remix .target-picks button{min-height:44px}#scene-remix .creature-reference span{padding:12px 2px}}
@media(prefers-reduced-motion:reduce){.light-field i{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.motion-paused .light-field i{animation-play-state:paused}
