.mascot-public,.mascot-shell{--studio-canvas:#fff;--studio-card:#fff;--studio-ink:#3a3a3a;--studio-muted:#717171;--studio-border:#e5e5e5;--studio-accent:#535353;--studio-art-paper:#faf9f7;--studio-art-ink:#202020;background:var(--studio-canvas);color:var(--studio-ink);min-height:100vh;font-size:14px;line-height:1.6}.mascot-public h1,.mascot-shell h1{letter-spacing:-1.4px;font-size:clamp(28px,3.2vw,42px);font-weight:550;line-height:1.15}.mascot-public h2,.mascot-shell h2{letter-spacing:-.8px;font-size:28px;font-weight:550;line-height:1.3}.mascot-public h3,.mascot-shell h3{font-size:18px;font-weight:600;line-height:1.4}.mascot-public button,.mascot-shell button,.mascot-public a,.mascot-shell a{cursor:pointer}.mascot-public button:disabled,.mascot-shell button:disabled{cursor:not-allowed;opacity:.5}.mascot-public :focus-visible,.mascot-shell :focus-visible{outline-offset:4px;outline:3px solid #a4a4a4}.eyebrow{letter-spacing:1.7px;color:var(--studio-muted);padding-bottom:12px;font-size:10px;font-weight:650}.studio-muted{color:var(--studio-muted);font-size:13px;line-height:1.7}.studio-panel{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:10px;padding:22px}.studio-badge{border:1px solid var(--studio-border);background:var(--studio-card);white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;display:inline-flex}.studio-notice,.studio-error{border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.studio-notice{color:#4b4b4b;background:#ededed;border:1px solid #dfdfdf}.studio-error{color:#4c4c4c;background:#ebebeb;border:1px solid #ccc}.studio-error button,.studio-notice button{flex-shrink:0;text-decoration:underline}.mascot-app{border-top:1px solid var(--studio-border);grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 60px);display:grid}.studio-sidebar{border-right:1px solid var(--studio-border);background:var(--studio-card);flex-direction:column;gap:25px;padding:32px 18px;display:flex}.sidebar-label{letter-spacing:1.4px;color:var(--studio-muted);padding:0 12px;font-size:9px}.studio-sidebar nav{flex-direction:column;gap:6px;display:flex}.studio-sidebar nav button{text-align:left;color:var(--studio-muted);border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:12px;display:flex}.studio-sidebar nav svg{width:16px;height:16px}.studio-sidebar nav [aria-current=page]{color:#4c4c4c;background:#f0f0f0;font-weight:600}.sidebar-note{color:var(--studio-muted);flex-direction:column;gap:9px;padding:22px 12px;font-size:11px;display:flex}.sidebar-note svg{color:#9b9b9b;width:24px;height:24px}.wallet-card{border:1px solid var(--studio-border);text-align:left;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.wallet-card span{align-items:center;gap:8px;font-weight:600;display:flex}.wallet-card small{color:var(--studio-muted);font-size:10px}.studio-content{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:none;padding:38px clamp(18px,3vw,48px);display:flex}.section-heading,.studio-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading small{color:var(--studio-muted);font-size:12px}.studio-intro p:not(.eyebrow){padding-top:10px}.library-grid,.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mascot-card{padding:0;overflow:hidden}.mascot-cover{background:#efefef;place-items:center;width:100%;height:245px;display:grid}.mascot-cover img{object-fit:contain;width:100%;height:100%}.new-mascot-card{text-align:center;background:var(--studio-card);border:1px dashed #c6c6c6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:330px;padding:28px;display:flex}.new-mascot-card>svg{box-sizing:content-box;color:#6a6a6a;background:#f2f2f2;border-radius:50%;padding:12px}.new-mascot-card span{color:var(--studio-muted);font-size:12px}.create-panel{width:100%;max-width:none}.step-track{flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}.step-track>span:empty{background:var(--studio-border);width:25px;height:1px}.step-track [aria-current=step]{color:var(--studio-accent);font-weight:700}.studio-field{flex-direction:column;gap:7px;width:100%;font-size:12px;font-weight:500;display:flex}.studio-field input,.studio-field textarea,.scene-search{background:var(--studio-card);border:1px solid var(--studio-border);color:var(--studio-ink);border-radius:8px;width:100%;padding:11px 13px;font-weight:400}.studio-field textarea{resize:vertical;min-height:90px}.segmented{background:var(--studio-border);border-radius:9px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.segmented button{border-radius:6px;padding:7px 12px;font-size:12px}.segmented [aria-pressed=true]{background:var(--studio-card);box-shadow:0 1px 3px #00000010}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.style-option{text-align:left;border:1px solid var(--studio-border);border-radius:12px;flex-direction:column;gap:7px;padding:17px;display:flex}.style-option small{color:var(--studio-muted);font-size:11px;line-height:1.6}.style-option[aria-pressed=true]{background:#f0f0f01a;border-color:#797979;box-shadow:0 0 0 1px #797979}.upload-area{border:1px dashed var(--studio-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:25px 15px;display:flex;position:relative}.upload-area input{max-width:100%;font-size:11px}.upload-area small{color:var(--studio-muted);font-size:10px}.reference-thumb{border:1px solid var(--studio-border);border-radius:8px;width:70px;height:70px;position:relative}.reference-thumb img{object-fit:contain;width:100%;height:100%}.reference-thumb button{background:var(--studio-card);border:1px solid var(--studio-border);border-radius:50%;padding:3px;position:absolute;top:-4px;right:-4px}.studio-workspace{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:25px;display:grid}.identity-panel{padding:17px}.identity-image{background:#f0f0f0;border-radius:12px;place-items:center;min-height:200px;display:grid;overflow:hidden}.identity-image img{width:100%;height:auto}.identity-rule{border-top:1px solid var(--studio-border);flex-direction:column;gap:6px;padding-top:12px;font-size:12px;display:flex}.identity-rule small{color:var(--studio-muted);letter-spacing:.8px;font-size:9px}.scene-search{align-items:center;gap:9px;max-width:none;display:flex}.scene-search input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.scene-filters{flex-wrap:wrap;gap:7px;display:flex}.scene-filters button{border:1px solid var(--studio-border);border-radius:25px;padding:5px 11px;font-size:10px}.scene-filters [aria-pressed=true]{color:#fff;background:#535353;border-color:#535353}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scene-card{isolation:isolate;text-align:left;color:#464646;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:start;gap:8px;min-height:164px;padding:15px;display:flex;position:relative}.scene-card small{opacity:.8;font-size:10px;line-height:1.5}.scene-card[aria-pressed=true]{border-color:#6f6f6f;box-shadow:0 0 0 1px #6f6f6f}.scene-symbol{background:#fff8;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.scene-cost{z-index:1;opacity:.65;font-size:9px;position:absolute;top:17px;right:12px}.tone-peach{background:#ebebeb}.tone-sage,.tone-lavender{background:#ececec}.tone-butter{background:#efefef}.generation-bar{border:1px solid var(--studio-border);background:var(--studio-card);z-index:2;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:17px;display:flex;position:sticky;bottom:12px;box-shadow:0 5px 18px #2d2d2d0a}.generation-bar>div{flex-direction:column;gap:4px;font-size:12px;display:flex}.generation-bar small{color:var(--studio-muted);font-size:10px}.result-card{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:14px;overflow:hidden}.result-preview{width:100%;display:block}.result-preview img{width:100%;height:auto}.preview-checker{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-light{background:#fff}.preview-dark{color:#fff;background:#313131}.result-pending,.results-empty{text-align:center;background:var(--studio-card);min-height:210px;color:var(--studio-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.results-empty{border:1px dashed var(--studio-border);border-radius:14px}.results-empty p{max-width:420px;font-size:12px}.result-pending strong{color:var(--studio-ink);overflow-wrap:anywhere}.result-pending small{max-width:32ch;font-size:12px;line-height:1.6}.asset-compare{border-radius:12px;justify-content:center;gap:15px;padding:10px;display:flex}.asset-compare figure{text-align:center;flex:1;min-width:0;font-size:11px}.asset-compare img{width:100%;height:auto}.studio-link{color:var(--studio-accent);text-underline-offset:4px;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.balance-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none;display:grid}.pricing-grid{grid-template-columns:1fr}.credit-pack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.credit-pack-preview{justify-content:space-between;align-self:stretch}.credit-pack-action>*{justify-content:center;width:100%}.balance-grid .studio-panel{flex-direction:column;gap:8px;display:flex}.balance-grid strong{font-size:34px}.balance-grid small{color:var(--studio-muted)}.pricing-grid h3 small{font-size:12px;font-weight:400}.ledger>div{border-bottom:1px solid var(--studio-border);text-transform:capitalize;grid-template-columns:1fr 1fr 60px;gap:20px;padding:11px 0;font-size:12px;display:grid}.public-header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.public-logo{letter-spacing:-1px;align-items:center;gap:8px;font-size:22px;font-weight:650;display:flex}.public-logo span{font-weight:inherit}.public-header nav{align-items:center;gap:25px;font-size:12px;display:flex}.primary-link,.secondary-link{border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 19px;font-size:12px;font-weight:550;display:inline-flex}.secondary-link{border:1px solid var(--studio-border)}.mascot-landing{flex-direction:column;align-self:stretch;gap:70px;width:100%;max-width:none;padding:0 32px;display:flex}.hero-section{padding:0 clamp(0px,2vw,32px)}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,6vw,96px);min-height:calc(100svh - 175px);padding:80px 0 42px;display:grid}.hero-copy{flex-direction:column;align-items:start;gap:28px;display:flex}.hero-kicker{letter-spacing:1.2px;color:var(--studio-muted);align-items:center;gap:10px;font-size:10px;font-weight:600;display:inline-flex}.hero-kicker>span{background:var(--studio-accent);border-radius:50%;width:7px;height:7px}.mascot-public .hero-copy h1{letter-spacing:-3.4px;font-size:clamp(42px,5.3vw,82px);font-weight:620;line-height:1.05}.hero-copy h1 em{font:inherit;color:var(--studio-ink)}.hero-copy>p{max-width:430px;color:var(--studio-muted);font-size:16px;line-height:1.8}.hero-purchase{align-items:flex-start;width:100%}.hero-copy small{color:var(--studio-muted);font-size:11px}.hero-buy{gap:25px;min-height:54px;padding:16px 22px;font-size:14px}.hero-explore{width:100%;padding-top:20px}.hero-demo-invitation{color:var(--studio-muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.hero-step-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;height:auto;display:grid}.hero-step-option{flex-direction:column;align-items:start;gap:12px;width:100%;padding:10px 4px 12px;display:flex}.hero-step-option>svg{width:20px;height:20px}.hero-step-option>span{align-items:center;gap:7px;font-size:12px;display:flex}.hero-step-option small{font-variant-numeric:tabular-nums;font-size:10px}.hero-stage-wrap{min-width:0;padding:26px 25px 0 0;position:relative}.hero-annotation{font-family:Bradley Hand,Segoe Print,cursive;font-size:19px;line-height:1.15;position:absolute;top:-43px;right:10px;transform:rotate(7deg)}.hero-annotation svg{width:90px;height:45px;stroke:var(--studio-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;display:block}.hero-deck{isolation:isolate;display:grid}.hero-back-card,.hero-demo-window{background:var(--studio-card);border:1px solid var(--studio-border);border-radius:18px;grid-area:1/1;min-width:0}.hero-back-card{pointer-events:none;justify-content:flex-end;align-self:center;align-items:center;height:88%;display:flex;overflow:hidden}.hero-back-card img{opacity:.3;width:50%;height:auto}.hero-back-card[data-layer="0"]{transform:translate(20px,4px)rotate(4deg)}.hero-back-card[data-layer="1"]{transform:translate(10px,4px)rotate(2deg)}.hero-demo-window{position:relative;box-shadow:0 18px 70px -40px #26211c40}.hero-window-bar{border-bottom:1px solid var(--studio-border);color:var(--studio-muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 19px;font-size:10px;display:flex}.hero-window-bar>span:last-child{font-size:9px}.hero-window-dots{gap:4px;display:flex}.hero-window-dots i{border:1px solid var(--studio-muted);opacity:.5;border-radius:50%;width:5px;height:5px}.hero-demo-content{min-height:438px;padding:22px}.hero-preview-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-preview-heading small{letter-spacing:1px;color:var(--studio-muted);font-size:8px}.mascot-public .hero-preview-heading h2{letter-spacing:-.5px;font-size:clamp(15px,1.5vw,20px);line-height:1.4}.hero-character-preview,.hero-style-preview,.hero-scenes-preview{flex-direction:column;gap:16px;display:flex}.hero-character-canvas,.hero-style-canvas,.hero-scene-canvas{background:var(--studio-canvas);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;height:285px;display:flex;position:relative;overflow:hidden}.hero-character-canvas img,.hero-scene-canvas img{object-fit:contain;width:260px;height:260px}.hero-character-canvas,.hero-scene-canvas{--studio-muted:#77746e;--studio-border:#e5e2da;color:#242420;background-color:#faf9f3}.hero-character-canvas{background-image:radial-gradient(var(--studio-border) .8px, transparent .8px);background-size:16px 16px}.hero-handnote{font-family:Bradley Hand,Segoe Print,cursive;font-size:15px;line-height:1.1;position:absolute;top:20px;left:16px;transform:rotate(-8deg)}.hero-character-name{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:12px;right:14px}.hero-character-name span{color:var(--studio-muted);font-size:10px;font-weight:400}.hero-traits{color:var(--studio-muted);flex-wrap:wrap;gap:9px 14px;font-size:10px;display:flex}.hero-traits>span{align-items:center;gap:4px;display:inline-flex}.hero-preview-note{color:var(--studio-muted);font-size:10px;line-height:1.6}.hero-style-canvas{background:var(--studio-art-paper);height:280px}.hero-style-canvas>img{object-fit:contain;width:240px;height:240px}.hero-style-canvas p,.hero-scene-canvas p{color:var(--studio-muted);font-size:11px}.hero-style-choices{width:100%;height:auto}.hero-style-option{flex-direction:column;align-items:center;gap:4px;padding:5px 2px;font-size:10px;display:flex}.hero-style-option>img{object-fit:contain;width:68px;height:68px}.hero-scene-canvas{height:284px}.hero-scene-canvas img{width:242px;height:242px}.hero-scene-choices{gap:16px;width:100%}.hero-demo-footer{border-top:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.hero-demo-footer>span{font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.hero-demo-footer>span>span{color:var(--studio-muted)}.hero-demo-disclosure{color:var(--studio-muted);text-align:center;padding-top:22px;font-size:10px}.hero-closing-note{color:var(--studio-muted);justify-content:center;align-items:center;gap:16px;padding:10px 0;font-size:11px;display:flex}.hero-note-line{background:var(--studio-border);width:60px;height:1px}.fixture-art{width:100%;height:360px}.art-label{color:#545454;border:1px solid #d6d6d6;border-radius:30px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;display:flex}.art-caption{color:#636363;align-items:center;gap:12px;font-size:11px;display:flex}.art-caption strong{font-size:15px}.fixture-art{justify-content:center;width:100%;height:100%;max-height:none;display:flex;position:relative}.fixture-art>svg{width:100%;height:100%;max-height:none}.fixture-prop{color:#646464;background:#f5f5f5dd;border:2px solid #9c9c9c;border-radius:14px;padding:9px;position:absolute;bottom:17%;right:12%;transform:rotate(-8deg)}.fixture-prop svg{width:20px;height:20px}.landing-divider{border-block:1px solid var(--studio-border);color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px 0;font-size:11px;display:flex}.landing-section{flex-direction:column;gap:22px;scroll-margin-top:30px;display:flex}.mascot-public .landing-section h2{letter-spacing:-1.5px;font-size:clamp(30px,3vw,42px)}.landing-steps{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.landing-steps article{flex-direction:column;gap:15px;padding:25px 0;display:flex;position:relative}.landing-steps article>svg{color:#888;width:28px;height:28px}.landing-steps p{color:var(--studio-muted);font-size:13px;line-height:1.8}.step-number{color:#dadada;font-family:Georgia,serif;font-size:42px;position:absolute;top:18px;right:20px}.price{letter-spacing:-1.5px;font-size:42px}.price small{color:var(--studio-muted);letter-spacing:0;font-size:12px}.pricing-grid li{align-items:center;gap:8px;font-size:12px;display:flex}.pricing-grid li svg{color:#7b7b7b;width:14px;height:14px}.faq{max-width:none;padding-bottom:50px}.faq details{border-bottom:1px solid var(--studio-border);padding:18px 0}details summary{cursor:pointer;font-size:13px;font-weight:550}.faq details p{color:var(--studio-muted);padding:16px 0 0;font-size:13px;line-height:1.9}.public-footer{border-top:1px solid var(--studio-border);color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;font-size:11px;display:flex}@media (max-width:1150px){.studio-workspace{grid-template-columns:210px minmax(0,1fr)}.scene-grid,.library-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-app{grid-template-columns:180px minmax(0,1fr)}.studio-content{padding:28px 20px}}@media (max-width:800px){.mascot-app{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--studio-border);gap:10px;padding:12px 15px}.studio-sidebar nav{flex-flow:wrap}.studio-sidebar nav button{padding:8px;font-size:11px}.sidebar-label,.sidebar-note,.wallet-card{display:none}.studio-workspace{grid-template-columns:1fr}.identity-panel{grid-template-columns:110px 1fr;gap:15px;display:grid}.identity-image{grid-row:span 2;min-height:110px}.identity-panel>.identity-rule,.identity-panel>.studio-muted{grid-column:span 2}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero{grid-template-columns:1fr;gap:45px;padding-top:40px}.hero-copy{text-align:center;align-items:center}.hero-copy p{max-width:440px}.hero-art{justify-self:center;width:100%;max-width:480px}.public-header nav>a:not(.primary-link){display:none}.public-header{padding:20px 5%}.mascot-landing{gap:45px}.landing-steps{gap:20px}.landing-steps h3{font-size:16px}.hero-master>.fixture-art{height:210px}}@media (max-width:540px){.library-grid,.result-grid,.style-grid,.pricing-grid,.balance-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content{padding:22px 15px}.generation-bar{flex-direction:column;align-items:stretch}.landing-steps{grid-template-columns:1fr;gap:8px}.public-header .primary-link{padding:10px;font-size:10px}.public-logo{font-size:19px}.studio-intro{gap:15px}.identity-panel{display:flex}.identity-image{max-height:230px}.identity-image .fixture-art{height:220px}.segmented button{font-size:11px}.public-footer{flex-direction:column;align-items:start}.hero-copy .primary-link,.hero-copy .secondary-link{font-size:11px}}@media (prefers-reduced-motion:reduce){.mascot-shell *,.mascot-public *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mascot-shell{--primary:#565656;--primary-foreground:#fff}.mascot-public,.mascot-shell{--container-max-width:100%;--primary:#202020;--primary-foreground:#fff;--illustration-paper:#fff;width:100%}.mascot-public{--studio-canvas:#faf9f3;--studio-ink:#242420;--studio-accent:var(--studio-ink);--background:var(--studio-card);--foreground:var(--studio-ink);--muted:var(--studio-canvas);--muted-foreground:var(--studio-muted);--border:var(--studio-border);--primary:var(--studio-accent);--primary-foreground:#fff}.mascot-shell,.studio-overlay{--studio-canvas:#faf9f7;--studio-card:#fff;--studio-ink:#202020;--studio-muted:#747470;--studio-border:#e1e1dd;--studio-accent:var(--studio-ink);--background:var(--studio-card);--foreground:var(--studio-ink);--popover:var(--studio-card);--popover-foreground:var(--studio-ink);--muted:var(--studio-canvas);--muted-foreground:var(--studio-muted);--border:var(--studio-border);--input:var(--studio-border);--accent:#f2efea;--accent-foreground:var(--studio-ink);--primary:var(--studio-accent);--primary-foreground:#fff;--ring:var(--studio-accent);--illustration-paper:var(--studio-card)}.hero-master,.hero-scene,.mascot-cover,.identity-image,.scene-card{background:var(--studio-card);color:var(--studio-ink)}.hero-master{padding:0 20px 20px}.art-label{border:0;border-bottom:1px solid var(--studio-border);width:calc(100% + 40px);color:var(--studio-muted);border-radius:0;justify-content:space-between;padding:12px 18px}.hero-scene{border:1px solid var(--studio-border);border-radius:8px}.hero-copy h1 em{color:var(--studio-ink)}.primary-link{color:#fff;background:#202020}.mascot-public .primary-link{background:var(--primary);color:var(--primary-foreground)}.fixture-art{color:var(--studio-ink);flex-shrink:0;display:flex}.fixture-art>svg{display:block}.scene-card{border-color:var(--studio-border);border-radius:8px;gap:5px;padding:12px}.scene-card .fixture-art{height:145px}.scene-approved-art{background:var(--studio-art-paper);border-radius:6px;flex-shrink:0;width:100%;height:145px;display:block;position:relative}.scene-approved-art img{object-fit:contain;padding:14px}.scene-card:has(.scene-approved-art) .scene-cost{background:var(--studio-card);color:var(--studio-ink);opacity:1;border-radius:4px;padding:2px 5px}.scene-approved-label{color:var(--studio-muted);font-size:10px}.scene-card strong{font-size:13px}.scene-card>small{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;display:-webkit-box;overflow:hidden}.scene-symbol{z-index:1;border:1px solid var(--studio-border);background:var(--studio-card);border-radius:5px;width:22px;height:22px;position:absolute;top:10px;left:10px}.scene-symbol svg{width:13px;height:13px}.scene-card[aria-pressed=true],.style-option[aria-pressed=true]{border-color:var(--studio-ink);box-shadow:0 0 0 1px var(--studio-ink)}.scene-filters [aria-pressed=true]{background:var(--studio-ink);color:var(--studio-card);border-color:var(--studio-ink)}.studio-sidebar nav [aria-current=page]{background:var(--studio-canvas);color:var(--studio-ink);box-shadow:inset 2px 0 var(--studio-accent)}.studio-sidebar{gap:20px;padding-top:24px}.sidebar-note{padding:0 8px}.sidebar-note .fixture-art{height:125px}.sidebar-note svg{width:100%;height:100%;color:var(--studio-ink)}.studio-workspace{grid-template-columns:255px minmax(0,1fr);gap:24px}.identity-panel{border-radius:9px;position:sticky;top:18px}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.library-grid,.result-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.new-mascot-card>.fixture-art{height:160px}.landing-steps .fixture-art{height:190px}.pricing-grid .fixture-art{justify-content:center;height:240px}.pricing-grid .fixture-art svg{max-width:360px}.results-empty .fixture-art,.illustrated-empty .fixture-art{height:185px}.illustrated-empty{border:1px dashed var(--studio-border);border-radius:10px;flex-direction:column;align-items:center;gap:18px;padding:35px;display:flex}.style-grid>article>.fixture-art{border-bottom:1px solid var(--studio-border);height:155px}.studio-notice{background:var(--studio-card);border:1px solid var(--studio-border);color:var(--studio-muted)}.studio-content{padding:28px 28px 48px}.mascot-public :focus-visible,.mascot-shell :focus-visible{outline-color:var(--studio-ink)}@media (min-width:1600px){.hero-master>.fixture-art{height:440px}.hero-scene .fixture-art{height:160px}}@media (max-width:1000px){.studio-workspace{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:800px){.studio-workspace{grid-template-columns:1fr}.identity-panel{position:static}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-landing{padding:0 20px}.landing-hero{min-height:0}.hero-art{max-width:none}.hero-copy{text-align:left;align-items:flex-start}.public-header{padding:18px 20px}.hero-master>.fixture-art{height:300px}}@media (max-width:540px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card .fixture-art{height:115px}.hero-scene .fixture-art{height:80px}.hero-master>.fixture-art{height:240px}.studio-content{padding:22px 16px}.landing-steps .fixture-art{height:160px}}.auth-workspace{grid-template-columns:1fr 1fr;width:100%;min-height:calc(100svh - 80px);display:grid}.auth-illustration{border-right:1px solid var(--studio-border);background:var(--studio-canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex}.auth-illustration .fixture-art{max-width:460px;height:300px}.auth-form-panel{place-items:center;padding:40px;display:grid}.auth-form-panel>div{width:100%;max-width:430px}@media (max-width:800px){.auth-workspace{grid-template-columns:1fr}.auth-illustration{display:none}.auth-form-panel{padding:32px 20px}}.create-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.create-heading>.fixture-art{width:220px;height:135px}@media (max-width:540px){.create-heading{flex-direction:column-reverse;align-items:flex-start}.create-heading>.fixture-art{width:160px;height:110px}}@media (max-width:900px){.credit-pack{grid-template-columns:1fr;gap:24px}}.studio-overlay{color:var(--studio-ink);background:var(--studio-card);--illustration-paper:var(--studio-card);font-size:13px}.studio-overlay :focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.visual-picker{flex-direction:column;gap:7px;min-width:0;display:flex}.picker-label{font-size:12px;font-weight:500}.picker-trigger{background:var(--studio-card);border:1px solid var(--studio-border);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:46px;padding:5px 12px 5px 7px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.picker-trigger>span:not(.picker-art){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker-trigger>svg{color:var(--studio-muted);flex-shrink:0;transition:transform .15s}.picker-trigger[aria-expanded=true]{border-color:var(--studio-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--studio-accent) 10%, transparent)}.picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.picker-trigger:hover{border-color:var(--studio-muted)}.picker-art{color:var(--studio-ink);background:var(--studio-canvas);place-items:center;display:grid;overflow:hidden}.picker-trigger .picker-art{border-radius:4px;flex-shrink:0;width:48px;height:32px}.picker-art>svg,.picker-art>img,.picker-art .fixture-art,.picker-art .fixture-art svg{object-fit:contain;width:100%;height:100%}.visual-picker-popup{width:min(520px,100vw - 28px);max-height:min(590px, var(--available-height));gap:14px;padding:16px;overflow-y:auto;box-shadow:0 12px 40px #00000014,0 2px 8px #00000008}.visual-picker-popup [data-slot=popover-title]{font-size:15px;font-weight:600}.visual-picker-popup [data-slot=popover-description]{font-size:12px;line-height:1.6}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.picker-option{border:1px solid var(--studio-border);text-align:left;cursor:pointer;border-radius:7px;flex-direction:column;display:flex;position:relative;overflow:hidden}.picker-option:hover{border-color:var(--studio-muted)}.picker-option[aria-pressed=true]{border-color:var(--studio-accent);box-shadow:0 0 0 1px var(--studio-accent)}.picker-option .picker-art{width:100%;height:94px}.picker-option-copy{flex-direction:column;gap:4px;padding:9px;display:flex}.picker-option-copy strong{font-size:11px;font-weight:600;line-height:1.4}.picker-option-copy small{color:var(--studio-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.picker-check{background:var(--primary);width:18px;height:18px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.picker-footnote,.picker-empty{color:var(--studio-muted);font-size:11px;line-height:1.6}.picker-empty{padding:18px 0}.studio-character-picker{flex-direction:column;gap:8px;width:230px;max-width:100%;display:flex}.studio-character-picker .studio-badge{font-size:10px}.scene-toolbar{align-items:center;gap:10px;display:flex}.scene-toolbar .scene-search{flex:1;min-width:0}.scene-toolbar [data-slot=select-trigger]{background:var(--studio-card);flex-shrink:0;width:180px;min-height:44px}.scene-search input{min-width:0}.scene-search:focus-within{border-color:var(--studio-accent)}.studio-overlay .scene-search input:focus-visible{outline:none}.scene-toolbar-meta{min-height:28px;color:var(--studio-muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.mascot-action-menu{min-width:200px}.mascot-action-menu [data-slot=dropdown-menu-label]{padding:8px 9px}.mascot-action-menu [data-slot=dropdown-menu-item]{gap:9px;min-height:38px;padding:8px 9px;font-size:12px}.mascot-card .studio-badge{align-self:flex-start}.studio-sidebar nav button:hover{background:var(--studio-canvas);color:var(--studio-ink)}.tutorial-welcome{background:var(--studio-card);border:1px solid var(--studio-border);border-radius:10px;align-items:center;gap:20px;padding:12px 18px;display:flex}.tutorial-welcome>.fixture-art{flex-shrink:0;width:108px;height:78px}.tutorial-welcome>div{flex:1}.tutorial-welcome strong{font-size:14px;font-weight:550}.tutorial-welcome p{color:var(--studio-muted);font-size:12px;line-height:1.6}.tutorial-dialog{max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.tutorial-dialog-body{padding:16px 0 0}.studio-tutorial{flex-direction:column;gap:22px;display:flex}.tour-progress{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.tour-progress>span{background:var(--studio-border);border-radius:2px;height:3px}.tour-progress>[data-complete=true]{background:var(--studio-accent)}.tour-step{flex-direction:column;gap:24px;display:flex}.tour-illustration{background:var(--studio-canvas);border:1px solid var(--studio-border);border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:14px 14px 20px;display:flex}.tour-illustration>.fixture-art{width:100%;height:190px}.tour-illustration svg{width:100%;height:100%}.tour-style-samples{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:100%;height:190px;display:grid}.tour-style-samples>svg{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:8px;height:auto}.tour-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.tour-chips>span{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:5px;padding:4px 8px;font-size:10px}.tour-copy{flex-direction:column;gap:12px;display:flex}.tour-kicker{color:var(--studio-accent);letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:600}.tour-copy h2{letter-spacing:-.6px;font-size:26px;font-weight:550;line-height:1.2}.tour-copy h2:focus{outline:none}.tour-copy>p{color:var(--studio-muted);min-height:70px;font-size:13px;line-height:1.8}.tour-tip{border:1px solid var(--studio-border);border-radius:7px;align-items:flex-start;gap:9px;padding:12px;font-size:11px;line-height:1.7;display:flex}.tour-tip>svg{color:var(--studio-accent);flex-shrink:0}.tour-actions{border-top:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}@media (max-width:800px){.tutorial-welcome{flex-wrap:wrap;gap:12px}.tutorial-welcome>.fixture-art{width:70px;height:70px}.tutorial-welcome>div{min-width:160px}.tutorial-welcome>button:last-child{position:static}}@media (max-width:540px){.scene-toolbar{flex-wrap:wrap}.scene-toolbar .scene-search{flex-basis:100%}.scene-toolbar [data-slot=select-trigger],.studio-character-picker{width:100%}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-dialog{padding:16px}.tour-illustration>.fixture-art,.tour-style-samples{height:135px}.tour-copy h2{font-size:23px}.tour-copy>p{min-height:0}.tour-actions{gap:6px}.tour-actions [data-slot=button]{font-size:12px}.studio-tutorial,.tour-step{gap:16px}}.brand-style-preview{background:var(--studio-art-paper);height:clamp(240px,25vw,340px);color:var(--studio-art-ink);border:1px solid var(--studio-border);border-radius:7px;position:relative;overflow:hidden}.brand-style-preview>svg,.brand-style-preview>img{object-fit:contain;width:100%;height:100%;padding:16px;position:absolute;inset:0}.brand-style-gallery{flex-direction:column;gap:12px;min-width:0;display:flex}.brand-style-thumbnails[data-slot=tabs-list]{flex-wrap:wrap;justify-content:flex-start;gap:10px;width:100%;height:auto}.brand-style-thumbnail{background:var(--studio-art-paper);border-radius:5px;width:52px;height:52px;display:block;position:relative;overflow:hidden}.brand-style-thumbnail img{object-fit:contain;padding:3px}.brand-style-thumbnails [aria-selected=true] .brand-style-thumbnail{outline:2px solid var(--studio-ink);outline-offset:3px}@media (max-width:1100px) and (min-width:901px){.landing-hero{gap:30px}.hero-preview-heading{flex-wrap:wrap}.hero-window-bar>span:last-child{display:none}.hero-step-option>span{gap:4px;font-size:10px}}@media (max-width:900px){.hero-section{padding:0}.landing-hero{grid-template-columns:1fr;gap:64px;padding:44px 0 28px}.hero-copy{text-align:left;align-items:flex-start;gap:24px}.hero-stage-wrap{justify-self:center;width:100%;max-width:600px}.hero-explore{max-width:460px;padding-top:4px}.hero-annotation{font-size:17px;top:-38px}}@media (max-width:540px){.mascot-public .hero-copy h1{letter-spacing:-2.3px;font-size:47px}.hero-copy>p{font-size:14px}.hero-kicker{letter-spacing:.8px;font-size:8px}.hero-purchase small{font-size:9px}.hero-buy{width:100%}.hero-stage-wrap{padding-right:12px}.hero-demo-content{min-height:444px;padding:15px}.hero-preview-heading{flex-wrap:wrap}.hero-back-card[data-layer="0"]{transform:translate(10px,3px)rotate(2deg)}.hero-back-card[data-layer="1"]{transform:translate(5px,3px)rotate(1deg)}.hero-window-bar{gap:7px;padding:12px}.hero-window-bar>span:last-child{font-size:8px}.hero-style-choices{gap:0}.hero-style-option{font-size:9px}.hero-style-option>img{width:62px;height:62px}.hero-character-canvas img{width:240px;height:240px}.hero-handnote{font-size:12px}.hero-closing-note{gap:10px;font-size:9px}.hero-note-line{width:20px}}
.nellie-showcase{gap:38px;padding:20px 0 42px}.nellie-intro{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.nellie-intro .eyebrow,.nellie-reference .eyebrow,.nellie-results-heading .eyebrow{padding:0}.nellie-intro p:not(.eyebrow){max-width:620px;color:var(--studio-muted);font-size:14px;line-height:1.8}.nellie-intro>a{flex-shrink:0}.nellie-journey{grid-template-columns:minmax(180px,.8fr) 32px minmax(0,2.5fr);align-items:center;gap:28px;display:grid}.nellie-reference{border:1px solid var(--studio-border);background:var(--studio-card);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:22px;padding:30px 20px;display:flex}.nellie-reference-art{background:#faf9f3;border-radius:50%;width:min(100%,260px);padding:18px}.nellie-reference-art img{width:100%;height:auto}.nellie-reference figcaption strong{font-size:16px;font-weight:550}.nellie-reference figcaption>span,.nellie-reference-traits{color:var(--studio-muted);font-size:11px}.nellie-reference-traits{flex-direction:column;align-items:center;gap:6px;display:flex}.nellie-reference-traits>span{align-items:center;gap:6px;display:flex}.nellie-flow-arrow{color:var(--studio-muted)}.nellie-results,.nellie-product-screens{flex-direction:column;gap:18px;min-width:0;display:flex}.nellie-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.nellie-output-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.nellie-output{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:12px;flex-direction:column;grid-column:span 2;display:flex;overflow:hidden}.nellie-output>img{object-fit:contain;background:var(--studio-art-paper);width:100%;height:auto;padding:12px}.nellie-output[data-layout=story]{grid-column:span 3}.nellie-output[data-layout=story]>img{padding:0}.nellie-output figcaption{align-items:baseline;gap:8px;padding:12px;font-size:11px;line-height:1.5;display:flex}.nellie-output figcaption>span{color:var(--studio-muted);font-variant-numeric:tabular-nums;font-size:9px}.nellie-screen-tabs{width:100%}.nellie-screen-window{border:1px solid var(--studio-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 55px -40px #26211c50}.nellie-window-bar{background:var(--studio-card);border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:12px;display:flex}.nellie-screen{--nellie-paper:#faf8f3;--nellie-ink:#29272d;--nellie-muted:#706c76;background:var(--nellie-paper);min-height:440px;color:var(--nellie-ink);grid-template-columns:1fr 1.1fr;align-items:center;gap:16px;padding:clamp(24px,3vw,44px);display:grid}.nellie-screen-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.nellie-screen-copy small{letter-spacing:1px;color:var(--nellie-muted);font-size:9px}.mascot-public .nellie-screen h3{letter-spacing:-1px;font-size:clamp(24px,2.7vw,38px);line-height:1.12}.nellie-screen-copy p{max-width:400px;color:var(--nellie-muted);font-size:13px;line-height:1.7}.nellie-mock-action{border:1px solid var(--nellie-ink);border-radius:7px;align-items:center;gap:10px;padding:11px 15px;font-size:11px;display:inline-flex}.nellie-screen>img{object-fit:contain;width:100%;height:auto}.nellie-screen[data-layout=story]{grid-template-columns:1fr;gap:24px}.nellie-screen[data-layout=story] .nellie-mock-action{display:none}.nellie-screen[data-layout=story]>img{border-radius:10px}.nellie-caption{color:var(--studio-muted);font-size:11px;line-height:1.7}@media (max-width:950px){.nellie-journey{grid-template-columns:190px minmax(0,1fr);gap:20px}.nellie-flow-arrow{display:none}.nellie-intro{flex-direction:column;align-items:flex-start}.nellie-screen{grid-template-columns:1fr}.nellie-screen>img{justify-self:center;max-width:350px}.nellie-screen[data-layout=story]>img{max-width:none}}@media (max-width:700px){.nellie-output-gallery{gap:10px}.nellie-output[data-layout=story]{grid-column:span 6}.nellie-output>img{padding:4px}.nellie-output figcaption{flex-direction:column;gap:3px;padding:9px}.nellie-output[data-layout=story] figcaption{flex-direction:row;gap:8px}.nellie-journey{grid-template-columns:1fr;gap:24px}.nellie-reference{text-align:left;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:20px;display:grid}.nellie-reference>.eyebrow{grid-column:1/-1}.nellie-reference-traits{display:none}.nellie-screen-tabs{grid-template-columns:repeat(3,1fr);gap:12px 4px;height:auto;display:grid}.nellie-screen{gap:22px;padding:24px}}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__QaLDnq__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__QaLDnq__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}