:root{--cream:#f9f7f1;--paper:#fffefa;--ink:#302447;--muted:#7b7286;--purple:#7559a7;--violet:#563782;--line:#e7e0ed;--lavender:#eee7f8}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,sans-serif;font-size:15px}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #ac91cf}button{color:inherit;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Arial,sans-serif}h1{letter-spacing:-3px;font-size:clamp(46px,5vw,68px);font-weight:800;line-height:1.08}h2{letter-spacing:-1px;font-size:26px;line-height:1.25}p{line-height:1.65}.topbar{justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:30px 48px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand img{width:36px;height:36px;margin-right:4px}.brand span{font-weight:500}.brand i{color:var(--purple);margin-left:2px;font-size:15px;font-style:normal}.creator-link{color:var(--muted);font-size:13px;text-decoration:none}.studio{grid-template-columns:1fr 500px;align-items:start;gap:64px;max-width:1144px;margin:24px auto 64px;padding:0 16px;display:grid}.intro{padding-top:54px;position:sticky;top:20px}.eyebrow{letter-spacing:1.8px;color:var(--purple);align-items:center;gap:8px;margin-bottom:23px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:#9b83bd;border-radius:50%;width:6px;height:6px}.intro h1{margin-bottom:26px}.intro h1 em{color:var(--purple);font-style:normal}.intro>p{color:var(--muted);font-size:16px}.promise{align-items:center;gap:13px;margin-top:30px;font-size:12px;line-height:1.7;display:flex}.promise img{width:42px;height:42px}.promise strong{color:var(--muted);font-weight:500}.sparkle{color:#c2afd7;margin-left:auto;margin-right:40px;font-size:44px;transform:rotate(12deg)}.scene-stack{gap:12px;padding:35px 0 25px;display:flex}.mini-scene{background:#e6d6bb;border:5px solid #fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:160px;font-size:72px;display:flex;transform:rotate(-7deg);box-shadow:0 10px 20px #3024470a}.mini-scene+div{background:#d6d3df;margin-top:12px;transform:rotate(7deg)}.mini-scene small{letter-spacing:1px;color:#574a69;margin-top:15px;font-size:8px;font-weight:700}.intro .fiction{color:#938a9a;margin-top:5px;font-size:11px}.builder{background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 50px #34214208}.builder-top{letter-spacing:1.7px;color:var(--muted);justify-content:space-between;padding:22px 28px 16px;font-size:9px;font-weight:700;display:flex}.steps{border-bottom:1px solid var(--line);gap:6px;margin:0 28px 20px;padding-bottom:18px;display:flex}.steps button{color:var(--muted);white-space:nowrap;background:0 0;flex:1;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.steps span{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex}.steps .current{color:var(--violet);font-weight:700}.steps .current span{background:var(--purple);color:#fff;border-color:var(--purple)}.steps .complete span{background:var(--lavender);border-color:var(--lavender);color:var(--purple)}.preview-note{color:#78628e;background:#f4eef8;border-radius:10px;margin:0 28px 24px;padding:12px 14px;font-size:11px;line-height:1.6}.preview-note strong{color:var(--violet);margin-right:6px}.step-body{padding:0 28px 28px}.step-body>h2{margin-bottom:10px}.muted{color:var(--muted);font-size:13px}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin:23px 0 18px;font-size:11px;line-height:1.6;display:flex}.consent input{width:16px;height:16px;accent-color:var(--purple);flex-shrink:0;margin:1px 0 0}.consent a{color:var(--purple)}.upload-zone{background:#f7f3fb;border:1.5px dashed #cfbedf;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:205px;display:flex;position:relative;overflow:hidden}.upload-zone:disabled{opacity:.65}.upload-zone:hover:enabled{background:#efe8f8}.upload-zone strong{font-size:15px}.upload-zone>span:not(.photo-tag){color:var(--muted);font-size:11px}.upload-zone .upload-icon{background:#e8dff2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;color:var(--purple)!important;font-size:28px!important}.upload-zone.has-photo{border:1px solid var(--line);background:#e9e3ef;height:240px}.uploaded{object-fit:contain;width:100%;height:100%}.photo-tag{color:var(--violet);background:#fffef5eb;border-radius:20px;padding:7px 12px;font-size:10px;position:absolute;bottom:12px}.helper{color:var(--muted);text-align:center;margin:12px 0 20px;font-size:10px;line-height:1.6}.helper.left{text-align:left}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.primary{background:var(--purple);color:#fff;box-shadow:0 3px #553a7d}.primary span{margin-left:auto;font-size:18px;line-height:1}.primary:hover:enabled{background:var(--violet)}.secondary{border:1px solid var(--line);color:var(--purple);background:#fffefa;margin-top:12px}.text-button{text-underline-offset:4px;color:var(--purple);background:0 0;padding:8px 0;font-size:11px;text-decoration:underline}.error{color:#9b3d35;background:#fff0eb;border-radius:10px;margin:0 28px 22px;padding:13px;font-size:12px;line-height:1.5}.error .text-button{display:block}.scene-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:21px;display:grid}.scene{text-align:left;background:#e9e4f0;border:1px solid #e3dbea;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:176px;padding:16px 14px 13px;display:flex;position:relative}.scene.orangutan{background:#eee0ca}.scene.lion{background:#f4e9cc}.scene.surprise{background:#eae0f5}.scene.selected{outline:2px solid var(--purple);outline-offset:2px}.scene-check{text-align:center;width:20px;height:20px;color:var(--purple);background:#fff9;border-radius:50%;font-size:13px;line-height:20px;position:absolute;top:10px;right:10px}.scene.selected .scene-check{background:var(--purple);color:#fff}.animal{margin-bottom:auto;font-size:50px;line-height:1.4}.surprise .animal{color:#8a6db3;font-size:55px}.scene strong{margin-top:11px;font-size:11px}.scene small{color:#83748e;margin-top:4px;font-size:9px}.field-label{margin:21px 0 9px;font-size:12px;font-weight:700;display:block}.field-label span{color:var(--muted);margin-left:5px;font-weight:400}textarea,.text-input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffefa;border-radius:10px;min-width:0;padding:13px 14px;font-size:13px;line-height:1.5}textarea{resize:vertical}textarea::placeholder,.text-input::placeholder{color:#a49aa9}.counter{text-align:right;color:var(--muted);margin:5px 0 20px;font-size:9px}.review-scene{background:#f6f1fa;border-radius:13px;align-items:center;gap:12px;margin:24px 0 20px;padding:12px;display:flex}.review-scene img{object-fit:cover;border-radius:8px;width:60px;height:70px}.review-scene small{letter-spacing:1px;color:var(--purple);margin-bottom:5px;font-size:8px;display:block}.review-scene strong{font-size:12px}.review-scene p{color:var(--muted);margin-top:4px;font-size:10px}.review-scene button{margin-left:auto}blockquote{color:var(--muted);overflow-wrap:anywhere;border-left:2px solid #bea8d5;margin:12px 0;padding:12px 15px;font-size:12px;line-height:1.7}.summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 24px;padding:16px 0}.summary div{justify-content:space-between;gap:15px;margin:10px 0;font-size:11px;display:flex}.summary dt{color:var(--muted)}.summary dd{text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0;font-weight:600}footer{border-top:1px solid var(--line);max-width:1144px;color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:24px 16px;font-size:10px;display:flex}footer div{gap:20px;display:flex}footer a{text-decoration:none}.order-shell{max-width:550px;margin:30px auto 60px;padding:0 18px}.order-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:36px}.order-card h1{letter-spacing:-1.5px;margin-bottom:14px;font-size:35px}.order-card .eyebrow{margin-top:25px;margin-bottom:14px;font-size:9px}.order-symbol{background:var(--lavender);color:var(--purple);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex}.status-pill{background:var(--lavender);color:var(--violet);text-transform:capitalize;border-radius:20px;margin-top:15px;padding:7px 11px;font-size:10px;display:inline-block}.order-actions{justify-content:space-between;display:flex}.order-id{color:var(--muted);overflow-wrap:anywhere;margin-top:15px;font-size:9px}.order-card .error{margin:20px 0 0}.back-link{text-align:center;color:var(--purple);margin-top:25px;font-size:12px;text-decoration:none;display:block}.private-link{margin-top:12px;font-size:10px}.legal{max-width:700px;margin:25px auto 80px;padding:30px 24px}.legal h1{letter-spacing:-2px;margin:40px 0 24px;font-size:42px}.legal h2{margin:30px 0 12px;font-size:21px}.legal p{color:var(--muted);margin:14px 0;font-size:14px}.legal .primary{margin-top:25px}.admin-shell{max-width:1000px;margin:40px auto;padding:0 24px 60px}.admin-shell h1{margin-bottom:20px;font-size:44px}.admin-tools{gap:20px;margin:25px 0;display:flex}.admin-tools select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.admin-tools button{width:auto;margin:0}.admin-order{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;gap:20px;margin:16px 0;padding:24px;display:flex}.admin-order h2{margin:12px 0}.admin-order small{color:var(--muted);font-size:9px}.admin-actions{flex-shrink:0;width:240px}.admin-actions .primary{margin-top:14px}.upload-video{margin-top:20px;font-size:12px;display:block}.upload-video input{width:100%;margin-top:10px;display:block}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:60px 20px}@media (max-width:950px){.studio{grid-template-columns:1fr 460px;gap:25px;padding:0 30px}.topbar{padding:25px 30px}.intro h1{font-size:48px}.mini-scene{width:120px;height:135px;font-size:55px}.sparkle{margin-right:0}.intro>p{font-size:14px}}@media (max-width:760px){.topbar{padding:20px}.brand{font-size:19px}.brand img{width:31px;height:31px}.creator-link{font-size:11px}.studio{max-width:530px;margin:9px auto 36px;padding:0 16px;display:block}.intro{padding:18px 7px 26px;position:static}.intro .eyebrow{letter-spacing:1.5px;margin-bottom:14px;font-size:8px}.intro h1{letter-spacing:-2.2px;margin-bottom:16px;font-size:43px;line-height:1.07}.intro h1 br{display:none}.intro>p{max-width:310px;font-size:13px;line-height:1.7}.desktop,.promise,.scene-stack,.intro .fiction{display:none}.builder{border-radius:20px}.builder-top{padding:18px 22px 15px}.steps{margin:0 22px 17px;padding-bottom:16px}.steps button{gap:6px;font-size:10px}.preview-note{margin:0 22px 22px;padding:11px 12px;font-size:10px}.step-body{padding:0 22px 24px}.step-body h2{font-size:24px}.muted{font-size:12px}.consent{margin-top:18px;font-size:10px}.upload-zone{min-height:180px}.scene{min-height:160px;padding:13px 11px}.scene strong{font-size:10px}.animal{font-size:45px}.scene small{font-size:8px}.primary{padding:15px 17px}.error{margin:0 22px 22px}footer{flex-direction:column;align-items:center;gap:14px;margin:0 20px;padding:22px 0;font-size:9px}.order-card{padding:25px}.order-card h1{font-size:31px}.order-shell{margin-top:20px}.admin-order{flex-direction:column}.admin-actions{width:100%}.admin-shell h1,.legal h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.offer-chip{color:var(--violet);background:#eee7f6;border-radius:8px;align-items:center;gap:9px;margin-top:20px;padding:10px 13px;font-size:10px;display:inline-flex}.offer-chip span{color:#a18bb9}@media (max-width:760px){.offer-chip{gap:7px;margin-top:15px;padding:9px 11px;font-size:9px}.intro .fiction{margin-top:10px;font-size:9px;line-height:1.5;display:block}.intro{padding-top:9px;padding-bottom:20px}.intro h1{font-size:39px}.intro .eyebrow{margin-bottom:12px}.consent,.helper{font-size:11px}.scene strong{font-size:12px}.scene small{font-size:10px}.steps button,.preview-note{font-size:11px}.summary div{font-size:12px}.offer-chip{font-size:10px}}
