:root{--bg: #0c0712;--bg-2: #160d22;--card: rgba(28, 17, 41, .82);--line: #3a2452;--text: #f4ecff;--muted: #b7a5cf;--pumpkin: #ff7a1a;--pumpkin-2: #ffb347;--slime: #8cff66;--blood: #ff4d6d;--radius: 18px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(255,122,26,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(140,255,102,.08),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg))}code{background:#ffffff14;padding:.1em .35em;border-radius:6px;font-size:.9em}a{color:var(--pumpkin-2)}.page{position:relative;overflow-x:hidden;min-height:100vh}.fog{position:fixed;inset:auto 0 0 0;height:45vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 100%,rgba(200,190,230,.12),transparent 60%),radial-gradient(ellipse at 75% 100%,rgba(200,190,230,.1),transparent 60%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.bats span{position:fixed;top:12%;left:-10%;font-size:1.6rem;z-index:0;pointer-events:none;animation:fly 22s linear infinite;opacity:.7}.bats span:nth-child(2){top:22%;animation-delay:-8s;font-size:1.1rem}.bats span:nth-child(3){top:7%;animation-delay:-15s;font-size:1.3rem}@keyframes fly{0%{transform:translate(0) rotate(-8deg)}25%{transform:translate(30vw,4vh) rotate(6deg)}50%{transform:translate(60vw,-2vh) rotate(-6deg)}to{transform:translate(120vw,3vh) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.bats span,.fog{animation:none}.bats{display:none}}.header,.main,.footer{position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--line);background:#0c071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.02em}.brand-mark{font-size:1.6rem}.brand-logo{height:48px;width:auto;background:#120a1ce6;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:3px 6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.x{color:var(--pumpkin)}.header-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.badge{font-size:.8rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--pumpkin);color:var(--pumpkin-2);background:#ff7a1a14;text-decoration:none}.main{max-width:860px;margin:0 auto;padding:1.5rem 16px 4rem}.hero{text-align:center;padding:2rem 0 1rem}.hero h1{font-family:Creepster,Space Grotesk,cursive;font-weight:400;font-size:clamp(2.8rem,9vw,5.2rem);line-height:1;margin:0 0 1rem;letter-spacing:.04em;background:linear-gradient(180deg,var(--pumpkin-2),var(--pumpkin) 60%,#c2410c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(255,122,26,.35))}.hero p{color:var(--muted);max-width:60ch;margin:.4rem auto;line-height:1.55}.hero b{color:var(--text)}.stack{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.1rem,3vw,2rem);margin-top:1.5rem;box-shadow:0 20px 60px #00000073}.card h2{font-size:1.25rem;margin:1.75rem 0 1rem;display:flex;align-items:center;gap:.6rem}.card h2:first-child{margin-top:0}.step{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--pumpkin);color:#1a0b00;font-weight:700;font-size:.95rem}.card>p.muted{margin-top:-.5rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.center{justify-content:center}.cta{margin-top:2rem}.btn,.tab,.scene{font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.btn{border:none;border-radius:999px;padding:.75rem 1.6rem;font-weight:700;color:#1a0b00;background:linear-gradient(135deg,var(--pumpkin-2),var(--pumpkin))}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ff7a1a73}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.big{font-size:1.15rem;padding:.95rem 2.2rem}.btn.ghost{background:transparent;color:var(--pumpkin-2);border:1px solid var(--pumpkin)}.link{background:none;border:none;color:var(--pumpkin-2);text-decoration:underline;cursor:pointer;font:inherit}.tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.tab{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--muted)}.tab.active{border-color:var(--pumpkin);color:var(--text);box-shadow:0 0 18px #ff7a1a40}.frame{width:100%;max-width:440px;aspect-ratio:4 / 3;margin:0 auto 1rem;border-radius:14px;overflow:hidden;border:2px solid var(--line);background:#07040b;display:grid;place-items:center;box-shadow:inset 0 0 60px #000c}.frame img,.frame video{width:100%;height:100%;object-fit:cover}.mirror{transform:scaleX(-1)}.dropzone{display:grid;place-items:center;gap:.5rem;width:100%;height:100%;cursor:pointer;color:var(--muted);border:2px dashed var(--line);border-radius:12px;text-align:center;padding:1rem}.dropzone:hover{border-color:var(--pumpkin);color:var(--text)}.dropzone input{display:none}.dropzone-icon{font-size:2.4rem}.scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.scene{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .6rem;border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:var(--text)}.scene:hover{transform:translateY(-2px);border-color:var(--pumpkin)}.scene.selected{border-color:var(--pumpkin);background:#ff7a1a1f;box-shadow:0 0 22px #ff7a1a40}.scene-emoji{font-size:2rem}.scene-title{font-size:.92rem;font-weight:500;text-align:center}.stages{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.6rem}.stage{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:#ffffff05}.stage.running{border-color:var(--pumpkin)}.stage.running .stage-icon{animation:pulse 1.2s ease-in-out infinite}.stage.done{border-color:#8cff6666}.stage.error{border-color:var(--blood)}@keyframes pulse{50%{transform:scale(1.25);filter:drop-shadow(0 0 8px var(--pumpkin))}}.stage-icon{font-size:1.4rem;line-height:1.2}.stage-title{font-weight:700;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stage-model{color:var(--muted);font-size:.85rem;font-family:ui-monospace,monospace}.stage-detail{font-size:.9rem;margin-top:.25rem;word-break:break-word}.chip{font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background:#ff7a1a26;color:var(--pumpkin-2)}.alert{border:1px solid var(--blood);background:#ff4d6d1a;color:#ffd0d9;border-radius:12px;padding:.8rem 1rem;margin:1rem 0;line-height:1.5;word-break:break-word}.alert.big{margin-top:1.5rem}.results{display:grid;gap:1rem;margin-top:1rem}.results.portrait{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.results figure{margin:0}.results img,.results video{width:100%;border-radius:14px;border:1px solid var(--line);display:block;background:#000}.results figcaption{color:var(--muted);font-size:.85rem;margin-top:.4rem;text-align:center}.prompts{margin-top:1.25rem;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.prompts summary{cursor:pointer;font-weight:500}.prompts h3{font-size:.95rem;color:var(--pumpkin-2);margin:1rem 0 .3rem}.prompts p{color:var(--muted);line-height:1.55;margin:0}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:2rem 16px 3rem}.stepnav{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;margin:1rem 0 0}.stepnav-item{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .4rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer}.stepnav-item:disabled{opacity:.45;cursor:not-allowed}.stepnav-item.current{border-color:var(--pumpkin);color:var(--text);box-shadow:0 0 18px #ff7a1a40}.stepnav-item.done{color:var(--slime)}.stepnav-num{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#ffffff14;font-size:.8rem}.stepnav-item.current .stepnav-num{background:var(--pumpkin);color:#1a0b00}@media(max-width:480px){.stepnav-item span:last-child{display:none}}.mini-title{font-size:.95rem;color:var(--pumpkin-2);margin:1.25rem 0 .6rem}.scene{padding:0 0 .75rem;overflow:hidden}.scene-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 10}.scene-badge{position:absolute;top:6px;right:6px;font-size:.68rem;padding:.1rem .45rem;border-radius:999px;background:#0000008c;color:var(--pumpkin-2)}.scene-desc{font-size:.75rem;color:var(--muted);padding:0 .5rem;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:#ffffff08;color:var(--text);font:inherit;font-size:.88rem}.chip-btn.active{border-color:var(--pumpkin);background:#ff7a1a1f}.chip-swatch{width:1rem;height:1rem;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem;font-size:.92rem}.field em{color:var(--muted);font-style:normal;font-size:.8rem}.field input,.field textarea,.search{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem}.field input:focus,.field textarea:focus,.search:focus{outline:2px solid var(--pumpkin);outline-offset:1px}.field textarea{resize:vertical;line-height:1.5}.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:var(--muted);line-height:1.5}.consent input{margin-top:.25rem;accent-color:var(--pumpkin);width:1.1rem;height:1.1rem}.error-text{color:#ff9fb0}.muted{color:var(--muted)}.small{font-size:.82rem}.alert.ok{border-color:var(--slime);background:#8cff6614;color:#d9ffd0}.btn.small{padding:.45rem .9rem;font-size:.85rem}.btn.danger{color:#ff9fb0;border-color:var(--blood)}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.stage-tokens{font-size:.8rem;color:var(--pumpkin-2);margin-top:.2rem;font-family:ui-monospace,monospace}.video-wrap{position:relative}.video-logos{position:absolute;left:8px;bottom:34px;display:flex;gap:6px;pointer-events:none}.video-logos img{height:34px;width:auto;background:#120a1ce0;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:2px 5px}.tokens,.saved{margin-top:1.25rem;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.tokens summary,.saved summary{cursor:pointer}.tokens table{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:.85rem}.tokens th,.tokens td{text-align:right;padding:.35rem .4rem;border-bottom:1px solid var(--line)}.tokens th:first-child,.tokens td:first-child{text-align:left}.tokens th{color:var(--muted);font-weight:500}@media(max-width:480px){.tokens th:nth-child(4),.tokens td:nth-child(4){display:none}}.share{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem;display:grid;gap:.8rem}.share h3{margin:0}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.saved ul{list-style:none;padding:0;margin:.75rem 0;display:grid;gap:.6rem}.saved li{display:flex;line-height:1.45;justify-content:space-between;gap:.75rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.6rem}.saved-title{font-weight:600}.main.wide{max-width:1200px}.row.spread{justify-content:space-between;align-items:center;margin:1rem 0}.admin-title{font-size:1.5rem;margin:0}.card.narrow{max-width:420px;margin:2rem auto;display:grid;gap:1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stats div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;display:grid}.stats b{font-size:1.6rem;color:var(--pumpkin-2)}.stats span{color:var(--muted);font-size:.85rem}.search{min-width:min(320px,100%);flex:1}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.admin-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid}.admin-media{aspect-ratio:4 / 5;background:#000;display:grid;place-items:center}.admin-media img,.admin-media video{width:100%;height:100%;object-fit:cover}.admin-thumbs,.creation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.admin-thumbs{background:#000;padding:.4rem}.admin-thumbs figure,.creation-grid figure{margin:0;min-width:0}.admin-thumbs img,.admin-thumbs video,.creation-grid img,.creation-grid video{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#07040b;border-radius:8px;display:block}.admin-thumbs figcaption,.creation-grid figcaption{font-size:.72rem;text-align:center;color:var(--muted);margin-top:.25rem}.admin-share{display:flex;flex-wrap:wrap;gap:.35rem}.creation-grid{margin:.5rem 0 1rem}.card .share-grid{margin-top:.8rem}.admin-media .dim{opacity:.5}.admin-empty{color:var(--muted);font-size:.85rem}.admin-body{padding:.8rem .9rem 1rem;display:grid;gap:.35rem}.admin-name{font-weight:700}.admin-caption{font-size:.82rem;color:var(--muted);white-space:pre-line;max-height:7.5em;overflow:auto;margin:.2rem 0}.pill{padding:0 .45rem;border-radius:999px;border:1px solid var(--line)}.pill.completed{border-color:var(--slime);color:var(--slime)}.pill.failed{border-color:var(--blood);color:#ff9fb0}.pill.running{border-color:var(--pumpkin);color:var(--pumpkin-2)}.lab-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pumpkin-2);font-size:.75rem;margin:.5rem 0}.lab-title{font-family:Creepster,Space Grotesk,cursive;font-weight:400;font-size:clamp(2.4rem,6vw,3.6rem);margin:0}.lab-lead{color:var(--muted);max-width:68ch}.main.wide.lab{max-width:1180px}.lab-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:1.25rem;align-items:start;margin-top:1.25rem}.lab-side{position:sticky;top:.8rem;padding:1.6rem .7rem .75rem;border-radius:18px 18px 22px 22px;border:1px solid #7a1828;background:radial-gradient(120px 40px at 20% 0%,rgba(180,16,32,.55),transparent 70%),radial-gradient(90px 36px at 70% 0%,rgba(120,8,18,.45),transparent 70%),linear-gradient(180deg,#4a0c16,#1a0a12 18%,#120910);box-shadow:0 16px 40px #00000073,inset 0 0 28px #5a001059}.lab-side:before{content:"";position:absolute;left:18px;right:18px;top:0;height:22px;pointer-events:none;background:radial-gradient(10px 18px at 10% 100%,#8b1020 62%,transparent 64%),radial-gradient(7px 24px at 26% 100%,#e11d38 58%,transparent 60%),radial-gradient(6px 14px at 42% 100%,#6e0c18 62%,transparent 64%),radial-gradient(11px 26px at 58% 100%,#c4162a 58%,transparent 60%),radial-gradient(6px 16px at 74% 100%,#7a101c 62%,transparent 64%),radial-gradient(8px 20px at 90% 100%,#a11222 58%,transparent 60%)}.lab-side-kicker{margin:0 .45rem .65rem;font-family:Creepster,cursive;font-weight:400;letter-spacing:.08em;color:#ff6b7a;font-size:1.35rem}.lab-nav{list-style:none;display:grid;gap:.28rem;padding:0;margin:0;max-height:calc(100vh - 8.5rem);overflow:auto}.lab-nav button{width:100%;display:flex;align-items:center;gap:.45rem;text-align:left;background:#00000047;color:#e7d5df;border:1px solid rgba(122,24,40,.65);border-radius:10px;padding:.38rem .5rem;font:inherit;font-size:.88rem;cursor:pointer}.lab-nav button:hover{border-color:#c4162a;color:#fff}.lab-nav-icon{width:1.25rem;text-align:center;flex:none}.lab-nav-num{width:1.25rem;height:1.25rem;border-radius:50%;display:grid;place-items:center;flex:none;background:#2a1018;color:#ffb3bc;font-size:.72rem;border:1px solid #6e2433}.lab-nav button.done{color:#f0c2c8}.lab-nav button.done .lab-nav-num{background:#5c1220;color:#ffd0d6;border-color:#a11222}.lab-nav button.on{color:#fff;border-color:#e11d38;background:linear-gradient(90deg,#a010208c,#28080e33);box-shadow:0 0 16px #b4102059}.lab-nav button.on .lab-nav-num{background:#c4162a;color:#fff8ee;border-color:#ff6b7a}@media(max-width:860px){.lab-shell{grid-template-columns:1fr}.lab-side{position:relative;top:auto}.lab-nav{max-height:16rem}}.lab-step table{width:100%;border-collapse:collapse;margin:.75rem 0 1rem;font-size:.92rem}.lab-step th,.lab-step td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.lab-step th{color:var(--pumpkin-2);font-weight:600}.concept,.lab-check{border-left:3px solid var(--pumpkin);background:#ff7a1a14;padding:.7rem .9rem;border-radius:0 12px 12px 0;margin:.9rem 0}.lab-check{border-left-color:var(--slime);background:#8cff6614}.lab-step h3{font-size:1rem;margin:1.25rem 0 .4rem}.arch{width:100%;height:auto;margin:.5rem 0 1rem}.tech{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0 1rem}.tech-chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;color:var(--text);background:#ffffff0a}.lab-codehead{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem}.lab-code{white-space:pre-wrap;background:#09060e;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;overflow:auto;max-height:28rem;font-size:.82rem;line-height:1.45}.lab-list{display:grid;gap:.7rem;padding-left:1.2rem}.lab-pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;color:var(--muted)}.lab-done{text-align:center}.lab-done ul{text-align:left;max-width:46rem;margin:1rem auto}.lab-burst{font-size:4rem;margin:0}.pickup{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;text-align:center}.pickup-code{font-family:ui-monospace,monospace;font-size:2rem;letter-spacing:.28em;margin:.2rem 0 .8rem;color:var(--pumpkin-2)}.pickup-code.small{font-size:1.15rem;letter-spacing:.18em;margin:.15rem 0 .4rem}.pickup-qrs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.qr{margin:0}.qr img{width:160px;height:160px;background:#fff8ee;border-radius:12px}.qr figcaption{color:var(--muted);font-size:.85rem;margin-top:.35rem}