@import url('studio.css');
.story-world{--accent:#d9befa;--panel:#211d34;--bg:#141323;--border:#3d354f;--muted:#b1a9c3}.life-world{--accent:#acf0cc;--panel:#153736;--bg:#0b252a;--border:#32595b;--muted:#a0c4c0}.time-world{--accent:#f5d19a;--panel:#302821;--bg:#1b191b;--border:#53453a;--muted:#c4b2a0}.world-hero{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden;padding-block:60px}.world-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(0deg,transparent,#000 20%);mask-composite:intersect}.world-hero>div{position:relative;z-index:1}.world-hero h1{font-size:clamp(43px,5vw,68px);margin:24px 0;max-width:760px;text-shadow:0 3px 20px #0008}.world-hero .hero-description{color:#ddd8df;text-shadow:0 1px 7px #000;max-width:550px}.world-hero .hero-footnote{max-width:500px;line-height:1.8;color:#d2c9d5}.lab-section{padding-block:45px 65px}.world-lab{display:grid;grid-template-columns:.85fr 1.3fr;gap:25px;align-items:start}.control-panel,.output-panel{padding:27px;border:1px solid var(--border);border-radius:15px;background:var(--panel);min-width:0}.control-panel label{display:block;font-size:12px;margin:19px 0 10px;color:var(--ink)}.control-panel select,.control-panel input[type=text],.control-panel input[type=number]{width:100%;padding:12px 13px;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:7px;font-size:12px}.control-panel input[type=range]{width:100%;accent-color:var(--accent)}.control-panel .pill{margin-top:23px;width:100%;color:var(--bg);background:var(--accent)}.range-head{display:flex;justify-content:space-between;margin:17px 0 10px;font-size:12px}.range-head label{margin:0}.range-head output{color:var(--accent)}.control-help{font-size:11px;line-height:1.9;color:var(--muted);margin:17px 0 0}.lab-status{font-size:10px;line-height:1.8;color:var(--accent);margin:10px 0;min-height:18px}.output-panel h3{font-size:26px;line-height:1.5;margin:16px 0}.chapter-label{font-size:9px;letter-spacing:2px;color:var(--accent)}.chapter-copy{font-size:14px;line-height:2.1;color:#ddd8e7;white-space:pre-line}.chapter-choices{display:grid;gap:10px;margin:24px 0}.chapter-choices button{border:1px solid var(--border);border-radius:8px;background:#ffffff09;color:var(--ink);padding:16px 18px;text-align:left;font-size:13px;line-height:1.6}.chapter-choices button:hover{border-color:var(--accent);background:#ffffff13}.world-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:20px}.world-actions .pill{font-size:11px;padding:11px 16px;gap:13px}.branch-map{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.branch-map span{font-size:10px;color:var(--muted);border:1px solid var(--border);padding:7px 10px;border-radius:20px}.branch-map span:last-child{color:var(--accent);border-color:var(--accent)}.comparison-list{display:grid;gap:13px;margin-top:20px}.comparison-list article{background:#ffffff06;border:1px solid var(--border);border-radius:8px;padding:17px}.comparison-list h4{margin:0 0 10px;color:var(--accent);font-size:13px}.comparison-list p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;white-space:pre-line}.outcome-art{width:100%;max-height:280px;object-fit:cover;border-radius:8px;margin:20px 0}.world-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.world-metrics>div{background:#ffffff06;border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center}.world-metrics b{display:block;font-size:24px;color:var(--accent);font-weight:500;margin:5px 0}.world-metrics span{font-size:9px;color:var(--muted)}.life-canvas{width:100%;height:310px;border:1px solid #4a7877;border-radius:10px;background:#06222b;display:block}.chart-canvas{width:100%;height:160px;border:1px solid var(--border);border-radius:8px;display:block;margin:18px 0 8px}.canvas-description{font-size:10px;color:var(--muted);line-height:1.9}.life-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.life-buttons button{border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--ink);background:#173c3b;font-size:11px}.life-buttons button:hover{border-color:var(--accent)}.time-canvas{width:100%;height:auto;aspect-ratio:3/2;border-radius:10px;border:1px solid var(--border);background:#17141c;display:block}.scene-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.scene-selector button{padding:0;background:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;text-align:left;color:var(--ink)}.scene-selector button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scene-selector img{width:100%;height:110px;object-fit:cover}.scene-selector span{font-size:11px;padding:10px;display:block}.gallery-link{font-size:11px;color:var(--accent);text-decoration:underline}.research-block{padding-block:40px 60px;border-top:1px solid var(--border)}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:25px}.research-grid article{padding:25px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.research-grid h3{font-size:22px;margin:14px 0}.research-grid p{font-size:12px;line-height:2;color:var(--muted)}.research-grid .source-link{font-size:10px}.chapter-visual{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--panel);display:grid;grid-template-columns:1.1fr 1fr;margin-top:25px}.chapter-visual>img{width:100%;height:100%;min-height:320px;object-fit:cover}.chapter-visual>.chapter-text{padding:32px;align-self:center}.chapter-text h3{font-size:28px;line-height:1.5;margin:16px 0}.chapter-text p{font-size:13px;line-height:2;color:var(--muted)}.guide-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.guide-options button,.mechanism-demo button{padding:11px 15px;border:1px solid var(--border);border-radius:25px;background:var(--soft);color:var(--ink);font-size:11px}.guide-options button.selected{background:var(--accent);color:var(--bg);border-color:var(--accent)}.guide-result{font-size:13px;line-height:2;color:var(--accent);padding:16px 0 0;min-height:78px}.mechanism-demo{margin:25px 0;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:26px}.mechanism-nodes{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:25px 0}.mechanism-nodes span{flex:1;padding:18px 10px;text-align:center;border-radius:8px;border:1px solid var(--border);color:var(--muted);font-size:12px;transition:background .25s,color .25s}.mechanism-nodes span.on{border-color:var(--accent);background:#abdca51c;color:var(--accent)}.mechanism-nodes i{font-style:normal;color:var(--muted)}.mechanism-caption{font-size:12px;line-height:2;color:var(--muted);min-height:40px}.word-stream{font-family:Consolas,monospace;font-size:24px;letter-spacing:3px;line-height:2.2;color:var(--accent);overflow-wrap:anywhere;margin:20px 0}.word-stream mark{background:#cadea0;color:#244d40;border-radius:5px;padding:5px;letter-spacing:1px}.story-source{font-size:10px;line-height:1.8;color:var(--muted);margin:16px 0}.model-details{font-size:11px;line-height:1.9;color:var(--muted);margin-top:18px}.model-details summary{cursor:pointer;color:var(--accent);padding:9px 0}.model-details code{color:var(--ink);display:block;white-space:normal;background:#ffffff08;padding:15px;margin:12px 0;border-radius:8px}.life-insight{padding:15px;border-left:2px solid var(--accent);background:#accfa80b;font-size:12px;line-height:1.9;margin-top:20px;color:var(--muted)}.new-worlds{padding-block:30px 65px}.new-worlds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.new-worlds-grid>a{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.new-worlds-grid img{width:100%;height:220px;object-fit:cover}.new-worlds-grid .new-world-body{padding:22px}.new-world-body h3{font-size:23px;margin:12px 0}.new-world-body p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:16px}.new-world-body .mono{font-size:9px;color:var(--accent);letter-spacing:1px}.sources-list{padding:0;list-style:none}.sources-list li{padding:15px 0;border-top:1px solid var(--border);font-size:12px;line-height:1.9}.sources-list a{color:var(--accent)}.sources-list small{display:block;color:var(--muted);font-size:10px}.world-onboarding{max-width:720px;background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:15px;padding:25px;width:calc(100% - 32px)}.world-onboarding::backdrop{background:#031017dd;backdrop-filter:blur(8px)}.world-onboarding img{border-radius:8px;width:100%;height:270px;object-fit:cover;margin:18px 0}.world-onboarding h2{font-size:26px}.world-onboarding p{font-size:13px;line-height:2;color:var(--muted)}.world-onboarding .pill{margin-top:10px}.onboard-top{display:flex;justify-content:space-between;gap:15px}.onboard-top button{background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;color:var(--ink);font-size:21px}
[hidden]{display:none!important}
@media(max-width:800px){.world-hero{min-height:510px}.world-hero h1{font-size:49px}.world-lab{grid-template-columns:1fr}.research-grid{gap:20px}.chapter-visual>.chapter-text{padding:25px}.chapter-text h3{font-size:24px}.new-worlds-grid{grid-template-columns:1fr 1fr}.new-worlds-grid img{height:210px}.life-canvas{height:330px}}@media(max-width:560px){.world-hero{padding-block:40px 220px;min-height:690px;align-items:start}.world-hero>img{top:auto;bottom:0;height:340px;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 70%,transparent);opacity:.75}.world-hero h1{font-size:40px;letter-spacing:-2px;max-width:350px}.world-hero .hero-description{font-size:12px}.world-hero .hero-footnote{font-size:9px}.control-panel,.output-panel{padding:22px}.output-panel h3{font-size:23px}.chapter-copy{font-size:13px}.chapter-choices button{font-size:12px;padding:14px}.research-grid,.chapter-visual,.new-worlds-grid{grid-template-columns:1fr}.chapter-visual>img{height:260px;min-height:0}.chapter-visual>.chapter-text{padding:25px}.research-grid article{padding:23px}.new-worlds-grid img{height:250px}.world-metrics b{font-size:21px}.life-canvas{height:275px}.scene-selector img{height:105px}.word-stream{font-size:19px;letter-spacing:1px}.mechanism-demo{padding:22px}.mechanism-nodes{gap:6px}.mechanism-nodes span{font-size:10px;padding:15px 5px}.mechanism-nodes i{font-size:11px}.world-onboarding img{height:210px}}