:root{--ink:#233f4b;--green:#277363;--muted:#819087;--paper:#faf9f5;--line:#e3e8df}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d4a458;outline-offset:4px}header{max-width:1380px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand{font-size:30px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center}.brand-dot{color:#daa956}.bunny{font-size:39px;color:var(--green);margin-right:8px}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav button{background:none;padding:0}.nav-active{color:var(--green);border-bottom:2px solid var(--green);padding:12px 0}.pill{border:1px solid #dbe3d7;color:#7d8b7b;font-size:9px;letter-spacing:1.4px;border-radius:30px;padding:9px 12px}.intro{text-align:center;padding:29px 20px 32px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.intro h1{font-size:45px;font-weight:700;letter-spacing:-1.8px;margin:15px 0}.intro em{font-style:normal;color:var(--green)}.intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.mobile{display:none}.steps{list-style:none;display:flex;justify-content:center;gap:42px;padding:0;margin:25px 0 0;color:#9ca79c;font-size:11px}.steps b{background:#e8ede3;border-radius:50%;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px}.steps .active{color:var(--green)}.steps .active b{background:var(--green);color:white}main{max-width:1350px;margin:auto;padding:0 40px}.workspace{display:grid;grid-template-columns:220px minmax(280px,1fr) 235px;gap:35px;align-items:start}.left,.right{padding:18px 4px}.left h2,.right h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:15px 0 27px}.recipe{display:flex;gap:15px;margin-bottom:25px}.recipe>span{color:#a5b99b;font-size:10px;padding-top:3px}.recipe strong{font-size:12px}.recipe p{font-size:11px;color:var(--muted);line-height:1.8;margin:7px 0 0}.privacy{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px;font-size:10px;color:#80917f;line-height:1.8}.privacy p{margin:0}.viewport{aspect-ratio:1;position:relative;isolation:isolate;border-radius:25px;overflow:hidden;background:#eaf0e3;border:1px solid #e1e7d9}.view-top{position:absolute;z-index:5;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.view-label{font-size:8px;letter-spacing:1.4px;color:#658066}.camera-indicator{font-size:9px;border-radius:20px;background:#fffc;padding:6px 9px}.camera-indicator.on{color:#277363}.camera-indicator.on:before{content:'● ';color:#277363}.welcome{text-align:center;padding:43px 20px 15px}.sample-float{height:190px;position:relative;max-width:290px;margin:0 auto}.sample-float img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-6deg)}.spark{position:absolute;color:#b3c599;font-size:28px}.one{top:15%;left:4%}.two{top:60%;right:0}.welcome h2{font-size:22px;letter-spacing:-.5px;margin:7px 0 8px}.welcome p{font-size:11px;color:#7c8e77;margin:0 0 20px}.primary{display:block;width:100%;border-radius:12px;background:var(--green);color:white;padding:15px 14px;font-size:12px;font-weight:bold}.primary:hover:not(:disabled){background:#205e51}.welcome .primary{max-width:230px;margin:auto}.text-button{display:block;background:none;color:var(--muted);font-size:11px;padding:13px 5px;margin:auto}.status{font-size:11px;color:var(--muted);text-align:center;line-height:1.6;min-height:35px;margin:12px 8px 0}.status.error{color:#ac583f}.right{padding:18px 0}.right>div>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.mini-art{height:110px;border-radius:16px;background:#f0eee4;display:flex;align-items:center;justify-content:center;color:#bcba96;font-size:27px;gap:20px;margin-bottom:24px}.mini-art span{color:#8eab85;font-size:68px;transform:rotate(10deg)}.rule{height:1px;background:var(--line);margin:25px 0}.tiny{font-size:10px!important;color:#91a08e;line-height:1.7}.palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.swatch{height:34px;width:34px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e8dd}.right label{display:block;font-size:11px;margin:22px 0 10px}.right output{float:right;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--green)}input[type=text],input:not([type]){border:1px solid var(--line);background:white;border-radius:9px;padding:12px;width:100%;font-size:12px;color:var(--ink)}.right .toggle{display:flex;align-items:center;gap:8px;margin:18px 0 24px;font-size:11px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.frame{position:absolute;inset:10%;box-shadow:0 0 0 100px #142a2344}.frame i{position:absolute;height:25px;width:25px;border:3px solid #fff;border-radius:3px}.frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}.frame span{position:absolute;left:0;right:0;bottom:13px;text-align:center;color:white;text-shadow:0 1px 4px #000;font-size:11px;padding:5px}.capture-controls{position:absolute;z-index:6;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:25px}.round{background:#fff9;backdrop-filter:blur(8px);border-radius:50%;height:37px;width:37px;font-size:22px}.shutter{background:transparent;border:3px solid white;border-radius:50%;width:62px;height:62px;padding:5px}.shutter span{display:block;border-radius:50%;background:white;height:100%;width:100%}.review{position:absolute;inset:45px 20px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column}.review canvas{max-width:100%;max-height:85%;object-fit:contain;filter:drop-shadow(0 7px 8px #243c3822)}.review-caption{font-size:10px;color:#809277;margin-top:15px}.play-scene{position:absolute;inset:0;background:#e3efe2}.sun{position:absolute;right:12%;top:15%;width:55px;height:55px;border-radius:50%;background:var(--sun,#eaca78);box-shadow:0 0 0 15px #ffffff35}.hill{position:absolute;border-radius:50%;width:150%;height:60%;bottom:-35%;left:-20%;background:#b3ce9e}.hill.back{left:15%;bottom:-25%;background:#cfdfbb}.creature{position:absolute;z-index:3;left:19%;top:22%;width:62%;height:62%;transform-origin:50% 90%;animation:wiggle 2.7s ease-in-out infinite;cursor:pointer}.creature img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 6px 1px #233f4b11)}.face{position:absolute;left:50%;top:40%;width:65px;height:48px;transform:translate(-50%,-50%);display:flex;justify-content:space-between;touch-action:none;cursor:move}.eye{width:24px;height:29px;background:#fff;border:2px solid #2a4148;border-radius:50%;position:relative;box-shadow:0 3px 0 #233f4b11}.eye:after{content:'';position:absolute;width:10px;height:13px;border-radius:50%;background:#263f46;left:7px;top:9px}.mouth{position:absolute;width:19px;height:10px;border:2px solid #263f46;border-top:0;border-radius:0 0 15px 15px;bottom:0;left:23px}.shadow{position:absolute;background:#6a916833;left:25%;bottom:13%;width:50%;height:5%;border-radius:50%;filter:blur(5px)}.speech{position:absolute;z-index:4;top:13%;left:10%;background:#fff;border-radius:15px 15px 15px 0;padding:10px 14px;font-size:12px;max-width:75%}.play-buttons{display:grid;gap:10px}.play-buttons button{background:#edf2e7;border:1px solid #e1e7d9;border-radius:12px;text-align:left;padding:16px;font-size:22px;color:var(--green)}.play-buttons span{font-size:12px;color:var(--ink);margin-left:12px}.confetti{position:absolute;inset:0;z-index:2;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:0;background:var(--c);width:8px;height:13px;border-radius:3px;animation:fall 2s var(--delay) both}.paused .creature{animation:none}.creature.dance{animation:dance .35s 7 alternate}.creature.jump{animation:jump .7s 3}.creature.spin{animation:spin 1s 2}footer{border-top:1px solid var(--line);margin:30px 0 0;padding:22px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#91a08e}footer button{font-size:10px;background:none;color:#71866e}dialog{width:min(540px,90vw);padding:35px;border:1px solid var(--line);border-radius:23px;color:var(--ink)}dialog::backdrop{background:#233f4b66;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog p:not(.eyebrow){font-size:13px;color:#6f8278;line-height:1.8}.close{float:right;border-radius:50%;width:30px;height:30px;background:#edf2e7;font-size:20px}@keyframes wiggle{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes dance{to{transform:rotate(12deg) scale(1.04,.95)}}@keyframes jump{50%{transform:translateY(-55px) rotate(-8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{from{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(520px) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1300px){.welcome{padding-top:60px}.sample-float{height:230px}}@media(max-width:1000px){main{padding:0 24px}.workspace{grid-template-columns:170px minmax(280px,1fr) 195px;gap:20px}.sample-float{height:150px}.welcome{padding-top:43px}.welcome h2{font-size:18px}.welcome p{font-size:10px}.welcome .primary{padding:12px}.welcome .text-button{padding:10px}.view-top{left:15px;right:15px;top:15px}.view-label{font-size:7px}.intro h1{font-size:38px}}@media(max-width:780px){header{height:75px;padding:0 20px}.brand{font-size:26px}nav{gap:15px;font-size:10px}.pill{display:none}.intro{padding:15px 0 25px}.intro h1{font-size:34px;line-height:1.15}.intro>p:not(.eyebrow){font-size:12px}.mobile{display:block}.steps{gap:25px}.workspace{grid-template-columns:1fr;gap:10px;max-width:520px;margin:auto}.left{display:none}.right{padding:10px 4px}.right h2{font-size:24px;margin:12px 0 18px}#empty-controls{text-align:center}#empty-controls h2 br,#empty-controls>p br{display:none}.mini-art,#empty-controls .rule,#empty-controls .tiny{display:none}#empty-controls h2{margin:8px 0}#empty-controls .eyebrow{display:none}#empty-controls>p{margin:10px 0}.viewport{aspect-ratio:1}.welcome{padding-top:46px}.sample-float{height:180px}.welcome h2{font-size:21px}.welcome p{font-size:11px}.welcome .primary{padding:14px}.view-label{font-size:8px}.play-buttons{grid-template-columns:repeat(3,1fr)}.play-buttons button{text-align:center;padding:13px 5px}.play-buttons span{display:block;margin:8px 0 0;font-size:10px}footer{flex-wrap:wrap;font-size:9px;justify-content:center;text-align:center;margin-top:15px}footer span:nth-child(2){order:3;width:100%}}@media(max-width:380px){main{padding:0 14px}.sample-float{height:140px}.intro h1{font-size:30px}.welcome h2{font-size:18px}.welcome .primary{padding:11px}.welcome p{margin-bottom:12px}.view-label{font-size:7px}}

/* V3 dimensional paper-toy stage */
#model-canvas{position:absolute;inset:7% 0 0;width:100%;height:90%;z-index:3;touch-action:none;cursor:grab}#model-canvas:active{cursor:grabbing}.play-scene.is-3d{background:radial-gradient(ellipse at 50% 36%,#f5f8ed,#ddebd7 80%)}.is-3d .hill.front{height:30%;bottom:-16%;background:#acc69b}.is-3d .hill.back{height:25%;bottom:-10%;opacity:.45}.is-3d .shadow{bottom:18%;filter:blur(8px);height:5%}.render-toggle{display:flex;padding:4px;background:#e9eee3;border-radius:11px;gap:3px}.render-toggle button{flex:1;padding:9px 4px;border-radius:8px;font-size:10px;background:transparent}.render-toggle button[aria-pressed=true]{background:white;color:#277363;box-shadow:0 2px 6px #233f4b0c}.turn-controls{display:flex;justify-content:space-between;gap:7px;margin:10px 0 20px}.turn-controls button{background:#eef2e8;border-radius:8px;padding:8px 12px;font-size:11px}.turn-controls button:first-child,.turn-controls button:last-child{font-size:16px}#depth-controls label{margin-top:17px}.is-3d .speech{top:12%;font-size:11px;pointer-events:none}.right #edit-controls .toggle{margin:12px 0;font-size:10px}.right #edit-controls .primary{margin-top:20px}
/* V4: a full-screen, illustrated story studio */
#story-lab{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#fbf9f2;overflow:auto;color:#2c4549}#story-lab::backdrop{background:#263b40b3}.story-shell{max-width:1320px;margin:auto;padding:25px 36px 16px}.story-header{height:auto;max-width:none;padding:0 0 25px;display:flex;justify-content:space-between}.story-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:#63957e}.story-header h2{font-size:32px;letter-spacing:-1px;margin:10px 0 0}.story-header em{font-style:normal;color:#277363}.story-icon{background:#e9eee2;border-radius:50%;width:38px;height:38px;font-size:25px}.story-layout{display:grid;grid-template-columns:minmax(300px,1fr) 340px;gap:30px}.story-view{min-height:620px;border:1px solid #e1e6d9;border-radius:28px;background:#eaf2df;position:relative;overflow:hidden;isolation:isolate}.story-view-top{position:absolute;top:22px;left:24px;right:24px;z-index:4;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#52806c;pointer-events:none}.story-view-top span:last-child{background:#ffffffb8;padding:6px 9px;border-radius:30px;letter-spacing:0}.story-view-top span:first-child{padding:6px 0}#drawing-board{position:absolute;inset:65px 24px 72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}#object-preview{max-width:100%;max-height:90%;object-fit:contain;border-radius:12px;touch-action:none;cursor:crosshair;box-shadow:0 10px 30px #516d4920}#region-hint{text-align:center;font-size:11px;color:#7c9475;line-height:1.6;margin:0}.story-feedback{position:absolute;bottom:14px;left:20px;right:20px;z-index:5;background:#ffffffdf;backdrop-filter:blur(7px);border:1px solid #ffffffaa;border-radius:13px;padding:11px 15px;text-align:center;font-size:11px;line-height:1.5;color:#567865}.story-feedback.error{color:#a75442}.story-sidebar{padding:16px 0}.story-sidebar h3{font-size:26px;line-height:1.2;letter-spacing:-.8px;margin:12px 0}.story-muted{font-size:12px;color:#839588;line-height:1.7;margin-bottom:20px}.story-primary{display:block;background:#277363;border-radius:12px;color:white;font-size:12px;font-weight:600;padding:15px 16px;width:100%;margin:14px 0}.story-primary:hover:not(:disabled){background:#1c5d50}.story-subtle{display:block;width:100%;padding:10px 3px;background:none;color:#819281;font-size:11px}.model-note{font-size:10px!important;color:#8c9a88!important;line-height:1.7!important;margin:10px 0 16px}.cast-list{display:grid;gap:9px;max-height:270px;overflow-y:auto;padding:3px 0}.cast-card{display:flex;gap:10px;align-items:center;background:white;border:1px solid #e3e8dd;border-radius:13px;padding:10px}.cast-card img{width:48px;height:55px;object-fit:contain;border-radius:8px;background:#f6f8f0}.cast-card>div{min-width:0;flex:1}.cast-card label{font-size:8px;letter-spacing:1.2px;color:#93a18d;display:block;margin:0 0 6px}.cast-card select{width:100%;padding:6px 8px;background:#f7f9f2;color:#2c4549;font-size:11px;border:1px solid #e1e7d9;border-radius:7px}.cast-card small{display:block;font-size:9px;color:#8b9a84;margin-top:5px;line-height:1.5}.remove-object{background:none;font-size:20px;color:#a2ae98;padding:5px}.region-tools{display:flex;gap:8px;margin:12px 0 20px}.region-tools button{flex:1;border-radius:9px;background:#eaf0e1;padding:10px 5px;font-size:10px}#scene-theme{display:block;width:100%;border:1px solid #dae3d1;border-radius:10px;padding:12px;background:#fff;color:#3b574b;font-size:11px}.story-sidebar>div>label{display:block;font-size:11px;color:#718568;margin:18px 0 10px}.story-sidebar output{float:right}#world-view{position:absolute;inset:0}#scene-camera{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#world-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:grab}#world-canvas:active{cursor:grabbing}.storybook-sky{position:absolute;inset:0;background:linear-gradient(155deg,#dbeed9,#f4f5d9 60%,#ffe5bd);overflow:hidden;transition:opacity .2s}.camera-on .storybook-sky{opacity:0}.storybook-orb{position:absolute;width:85px;height:85px;border-radius:50%;right:13%;top:16%;background:#ffdf8c;box-shadow:0 0 0 14px #ffe99c44,0 0 0 32px #ffe99c22}.sky-cloud{position:absolute;width:100px;height:25px;background:#fffc;border-radius:40px}.sky-cloud:before,.sky-cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}.sky-cloud:before{width:42px;height:42px;left:15px;bottom:0}.sky-cloud:after{width:55px;height:55px;right:10px;bottom:0}.cloud-a{left:10%;top:25%;transform:scale(.8)}.cloud-b{right:3%;top:39%;transform:scale(.55);opacity:.6}.sky-star{position:absolute;color:#fff9d7;font-size:27px}.star-a{left:24%;top:12%}.star-b{right:33%;top:28%;font-size:18px}[data-theme=space] .storybook-sky{background:linear-gradient(155deg,#47436e,#9c86c1 70%,#e4c1dc)}[data-theme=space] .storybook-orb{background:#ffeac3;box-shadow:0 0 35px #fff1be77}[data-theme=space] .sky-cloud{opacity:.18}[data-theme=space] .story-view-top{color:#fff5db}[data-theme=ocean] .storybook-sky{background:linear-gradient(170deg,#def8ed,#90d6df 70%,#72b7d4)}[data-theme=ocean] .storybook-orb{background:#f8e8a7;opacity:.65}[data-theme=ocean] .sky-cloud{opacity:.25}.scene-pill{position:absolute;z-index:3;top:65px;left:24px;font-size:8px;letter-spacing:1px;color:#65826b;background:#ffffffa6;border-radius:30px;padding:7px 10px}.scene-toolbar{display:flex;justify-content:center;gap:8px;position:absolute;z-index:4;left:16px;right:16px;bottom:84px}.scene-toolbar button{border:1px solid #ffffffbb;border-radius:30px;background:#ffffffcc;backdrop-filter:blur(9px);font-size:10px;color:#3b6654;padding:10px 15px}.chapter-dots{display:flex;gap:8px;margin:23px 0}.chapter-dots button{height:5px;width:35px;border-radius:4px;background:#dce5d2}.chapter-dots .current{background:#67a78b}.story-sidebar h4{font-size:16px;letter-spacing:-.3px;margin:20px 0 10px}.story-prose{font-size:15px!important;line-height:1.85!important;color:#6c8174!important;min-height:166px}.chapter-nav{display:flex;align-items:center;gap:10px}.chapter-nav>button:first-child{width:45px;height:43px;flex-shrink:0;border-radius:11px;background:#eaf0e1;font-size:19px}.story-cast-tags{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.story-cast-tags span{font-size:9px;padding:7px 10px;border:1px solid;border-radius:25px;background:white}.story-motion{display:flex!important;align-items:center;gap:7px}#scene-size{width:100%}.story-footer{max-width:none;margin:20px 0 0;padding:15px 0 0;display:flex;justify-content:space-between;border-top:1px solid #e3e8dc;font-size:9px;color:#92a08b}@media(max-width:900px){.story-shell{padding:20px}.story-layout{grid-template-columns:minmax(260px,1fr) 280px;gap:20px}.story-view{min-height:590px}.story-header h2{font-size:27px}.scene-toolbar button{padding:9px 11px;font-size:9px}}@media(max-width:680px){.story-shell{padding:16px}.story-layout{display:flex;flex-direction:column;gap:14px}.story-header{padding-bottom:18px}.story-header h2{font-size:23px}.story-header h2 em{display:block;margin-top:5px}.story-kicker{font-size:8px}.story-view{min-height:0;height:min(70dvh,580px);aspect-ratio:4/5;border-radius:23px}.story-sidebar{padding:5px 3px}.story-sidebar h3{font-size:25px}.story-prose{min-height:0;font-size:15px!important}.story-view-top{top:15px;left:16px;right:16px;font-size:7px}.scene-pill{top:50px;left:16px;font-size:7px}.story-feedback{font-size:10px;left:12px;right:12px;bottom:12px}.scene-toolbar{bottom:83px}.story-footer{font-size:8px;flex-wrap:wrap;justify-content:center;gap:10px}.cast-list{max-height:300px}#drawing-board{inset:55px 18px 85px}.story-icon{width:32px;height:32px}.storybook-orb{height:65px;width:65px}.sky-cloud{transform:scale(.6)}}
@media(max-width:680px){.welcome .sample-float{height:130px}.welcome .text-button{padding:8px 4px}.welcome p{margin-bottom:14px}.welcome{padding-top:44px}}