@import url('./zoo-tokens.css?v=20261010-product-line');
@font-face{font-family:Inter;src:url(/site/InterVariable.woff2?v=20261007-font) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-0303,U+0305-0307,U+0309-0328,U+032A-1FFF,U+2070-20AB,U+20AD-2121,U+2123-218F,U+2200-2211,U+2213-2214,U+2216-24E8,U+24EA-259F,U+2700-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}
@font-face{font-family:Inter;src:url(/site/InterVariable-latin-v1.woff2?v=20261007-font) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2212,U+2215,U+24E9,U+25A0-25FF,U+2600-26FF,U+FEFF,U+FFFD}*{box-sizing:border-box}[hidden]{display:none!important}:root{--bg:var(--zoo-bg);--panel:var(--zoo-panel);--ink:var(--zoo-ink);--mute:var(--zoo-muted);--line:var(--zoo-line);--accent:var(--zoo-gold);--soft:var(--zoo-lavender);--danger:#a43d30;color-scheme:light}html[data-theme=dark]{--danger:#ffa699;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}header{height:86px;display:flex;align-items:center;gap:24px;max-width:1480px;margin:auto;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin-right:auto}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{font-size:23px;letter-spacing:-1px}.brand strong span{font-size:16px;letter-spacing:-.4px;font-weight:500}.brand small{display:block;color:var(--mute);font-size:10px;letter-spacing:.6px}nav{display:flex;gap:8px}nav a{padding:10px 14px;text-decoration:none;color:var(--mute);border-radius:24px}nav a[aria-current]{background:var(--ink);color:var(--bg)}.quiet{border:0;background:transparent;color:var(--ink);padding:10px;min-height:44px}.skip{position:fixed;left:12px;top:-100px;background:var(--panel);padding:12px;z-index:10}.skip:focus{top:10px}main{max-width:1392px;padding:40px 36px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;margin:0 0 10px}h1{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-2.5px;font-weight:550;margin:0 0 12px}.intro p:last-child{color:var(--mute);margin:0}.credit{display:grid;gap:3px;min-width:185px;padding-left:24px;border-left:1px solid var(--line)}.credit>span{font-size:11px;color:var(--mute)}.credit strong{font-size:28px;font-weight:550;letter-spacing:-1px}.credit a{font-size:11px}.credit button{justify-self:start;padding-left:0}.notice{padding:12px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;font-size:12px;background:var(--soft)}.notice.error{color:var(--danger)}.workspace{display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:24px}.controls,.output{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}h2{font-size:16px;font-weight:600;margin:0;letter-spacing:-.4px}.pill{font-size:9px;letter-spacing:.8px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}label{display:block;font-size:12px;font-weight:550;margin:17px 0 7px}label span,#modelCount{font-weight:400;color:var(--mute);font-size:11px}select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--bg);color:var(--ink);min-height:44px}select{padding-right:26px}textarea{resize:vertical;min-height:116px;max-height:340px}textarea::placeholder{color:var(--mute);font-size:12px}.micro{font-size:10px;color:var(--mute);line-height:1.65;margin:9px 0}.field-head{display:flex;align-items:center;justify-content:space-between}.upload{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;border:1px dashed var(--line);border-radius:12px;min-height:112px;overflow:hidden;cursor:pointer;margin-top:0;background:var(--bg)}.upload b{display:block;font-size:12px;color:var(--ink);font-weight:500}.upload small{display:block;font-size:10px;margin-top:6px}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:2px solid var(--ink);outline-offset:3px}.upload img{max-height:180px;max-width:100%;object-fit:contain}.ideas{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ideas button,.text-button{font-size:11px;border:0;background:transparent;color:var(--mute);min-height:32px}.ideas button{background:var(--soft);padding:5px 10px;border-radius:8px}.settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.privacy{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.privacy summary{font-size:11px;cursor:pointer}.privacy p{color:var(--mute);font-size:11px;line-height:1.7}.consent{display:flex;gap:9px;align-items:flex-start;line-height:1.6;margin:10px 0 20px}.consent input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:#728645}.quote{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.quote small{display:block;font-size:10px;color:var(--mute);max-width:250px}.quote strong{font-size:23px;letter-spacing:-.7px;white-space:nowrap}.primary,.button{border:1px solid var(--line);border-radius:10px;padding:12px 18px;min-height:46px;color:var(--ink);font-weight:550;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;background:var(--panel);font-size:12px}.primary{background:var(--accent);color:#202a17;border-color:transparent}#generate{width:100%}.screen{background:#141b18;min-height:360px;aspect-ratio:16/11;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#e9eedf;text-align:center}.screen h3{font-size:19px;letter-spacing:-.4px;margin:0 16px 8px;font-weight:500}.screen p{font-size:12px;color:#aeb8a8;max-width:300px;margin:0 auto 34px;padding:0 10px}.motion-art{position:relative;width:230px;height:190px;margin:25px auto;display:grid;place-items:center}.motion-art div{position:absolute;width:155px;height:120px;border:1px solid #9fad6d;border-radius:45%;transform:rotate(-28deg);background:linear-gradient(145deg,#c9e09822,#4a735511)}.motion-art div:nth-child(2){transform:rotate(16deg);width:125px;height:160px;border-color:#ddecb180}.motion-art div:nth-child(3){transform:rotate(65deg);width:130px;height:170px;border-color:#73a58e66}.motion-art span{font-size:20px;color:#d9ec9a;z-index:1}video{width:100%;max-height:520px;background:#111}.job-detail{padding-top:18px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.history{display:grid;gap:8px;margin-top:12px}.history button{width:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg);color:var(--ink)}.history button span{font-size:11px;overflow-wrap:anywhere}.history button small{display:block;font-size:10px;color:var(--mute);margin-top:3px}.history button.on{border-color:#849a50}.history .job-state{font-size:10px;text-transform:capitalize;white-space:nowrap}footer{display:flex;gap:24px;margin-top:32px;border-top:1px solid var(--line);padding-top:24px;color:var(--mute);font-size:10px}footer span{margin-right:auto}@media(max-width:850px){header{padding:0 20px;gap:8px}.brand small{display:none}nav a{font-size:11px;padding:10px}main{padding:28px 18px}.workspace{gap:14px;grid-template-columns:minmax(280px,.9fr) minmax(0,1fr)}.controls,.output{padding:18px}.screen{min-height:300px}.section-head{flex-wrap:wrap}.motion-art{width:190px}.intro{align-items:flex-start}h1{letter-spacing:-1.5px}}@media(max-width:650px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 18px}.brand{margin-right:auto}.brand img{width:34px;height:34px}.brand strong{font-size:21px}nav{order:3;width:100%;justify-content:center}nav a{flex:1;text-align:center}.intro{flex-direction:column;gap:20px}.credit{border:0;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--soft);width:100%}.credit strong{margin-left:auto;font-size:24px}.credit>span{font-size:10px}.credit a{margin-left:auto}.workspace{grid-template-columns:1fr}.output{padding:18px}.screen{min-height:285px}.controls{padding:20px}.notice{font-size:11px}footer{flex-wrap:wrap;gap:12px}footer span{width:100%}.settings{gap:8px}select{font-size:12px}.motion-art{margin:15px auto}h1{font-size:41px}}
/* A minimum height must not enlarge the screen beyond a narrow grid column. */
.screen{width:100%;min-width:0}#emptyScreen{max-width:100%}@media(max-width:650px){.screen{aspect-ratio:auto}}

.sitenav .token-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px}.token-nav-coin{display:inline-grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid #c69240;border-radius:50%;background:#f2c475;box-shadow:inset 0 0 0 2px #ffe0a6}.token-nav-coin img{display:block;width:15px;height:15px;object-fit:contain}.workspace-nav{margin-bottom:30px;justify-content:flex-start;width:auto;gap:6px}.workspace-nav a{flex:none;font-size:12px;padding:9px 16px}.sitenav a:hover{color:var(--ink);background:var(--soft)}

/* Only active jobs move; the animation conveys activity, not estimated progress. */
.screen.is-generating .motion-art div{animation:scene-orbit 10s linear infinite;--orbit-start:-28deg;will-change:transform}
.screen.is-generating .motion-art div:nth-child(2){--orbit-start:16deg;animation-duration:14s;animation-direction:reverse}
.screen.is-generating .motion-art div:nth-child(3){--orbit-start:65deg;animation-duration:18s}
.screen.is-generating .motion-art span{animation:scene-pulse 3s ease-in-out infinite;font-size:30px;line-height:1}
@keyframes scene-orbit{from{transform:rotate(var(--orbit-start))}to{transform:rotate(calc(var(--orbit-start) + 360deg))}}
@keyframes scene-pulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.screen.is-generating .motion-art div,.screen.is-generating .motion-art span{animation:none;will-change:auto}}

/* Account access and in-place ZEC funding. */
#guestCredit,#memberCredit{display:grid;gap:8px}#guestCredit .primary{font-size:13px}#guestCredit .existing-account{font-size:11px}#memberCredit>span{font-size:11px;color:var(--mute)}#memberCredit strong{font-size:28px}#memberCredit .quiet{justify-self:start}.credit{max-width:290px}#creditDialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink)}#creditDialog::backdrop{background:#101713a8;backdrop-filter:blur(4px)}#creditDialog p{font-size:13px}#creditDialog .micro{font-size:11px}#creditQr{text-align:center;margin:20px auto}#depositAddress{font-family:monospace;font-size:12px;overflow-wrap:anywhere;resize:none;min-height:90px}#creditPayments article{border-top:1px solid var(--line);padding:12px 0;font-size:12px}#creditPayments p{margin:4px 0;color:var(--mute)}#creditMessage.error{color:var(--danger)}@media(max-width:650px){.credit{max-width:none}#guestCredit,#memberCredit{width:100%}#memberCredit{grid-template-columns:1fr auto;align-items:center}#memberCredit .quiet{justify-self:end}}
/* Phones: readable labels (12px or more) and tap targets of at least 24px, 44px where it fits (audit L1, L2) */
@media (max-width:640px){
nav a,.eyebrow,.micro,.notice,.pill,label span,#modelCount,.upload small,.ideas button,.text-button,.privacy summary,.privacy p,.quote small,#guestCredit .existing-account,footer{font-size:12px}
#guestCredit .existing-account{display:inline-flex;align-items:center;min-height:44px}
.privacy summary{padding:12px 0}
.consent input{width:24px;height:24px;flex:none}
footer{flex-wrap:wrap;gap:0 24px}
footer a{display:inline-flex;align-items:center;min-height:44px}
}
/* Light theme: muted text and preset chips at least 4.5:1 (audit D10) */
:root:not([data-theme=dark]){--mute:var(--zoo-muted)}
.retry{margin:8px 0 0;min-height:44px}

/* Shared Suite identity; generation, consent and account state remain local to this workbench. */
body{font-family:var(--zoo-font);line-height:1.65}header{max-width:1280px;padding:0 32px;height:88px}.brand{gap:10px}.brand img{width:32px;height:32px}.brand strong{font-size:22px;letter-spacing:-.6px;font-weight:800}.brand strong span{font-size:16px;color:var(--mute);letter-spacing:0;font-weight:550}.brand strong .brand-divider{color:var(--line);font-size:22px;font-weight:400;margin:0 6px}
nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:600}.workspace-nav a{font-size:13px}.workspace-nav a[aria-current]{background:var(--soft);color:var(--ink)}#theme{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;padding:0;font-size:18px}
main{max-width:1280px;padding:32px}.intro{align-items:center;gap:36px;margin:36px 0 28px}.intro>div:first-child{min-width:0}.eyebrow{color:var(--mute);font-size:11px;letter-spacing:.13em}h1{font-size:clamp(36px,4vw,52px);line-height:1.09;letter-spacing:-.05em;font-weight:650;margin:14px 0 18px}.intro p:last-child{font-size:15px;max-width:530px}.credit{padding:20px;border:1px solid var(--line);border-radius:var(--zoo-radius-card);background:var(--panel);min-width:230px}.credit a,.credit>span,#memberCredit>span,#guestCredit .existing-account,.credit .micro{font-size:13px}.credit button{padding:10px 18px}.credit .quiet{padding:0}.credit strong{font-weight:600}
.suite-offer{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:var(--zoo-radius-card);background:var(--soft);padding:18px 24px;margin:0 0 24px}.suite-offer p{margin:0;font-size:13px}.suite-offer strong{font-size:14px;font-weight:650}.suite-offer p>span{display:block;color:var(--mute);margin-top:4px}.suite-offer>a{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;min-height:44px;white-space:nowrap}
.controls,.output{border-radius:var(--zoo-radius-panel)}h2{font-size:18px;letter-spacing:-.02em;font-weight:650}.pill{font-size:11px;border-radius:999px;color:var(--mute);padding:4px 10px;letter-spacing:.03em}.controls label{font-size:13px}.micro,label span,#modelCount,.privacy summary,.privacy p,.quote small,.notice,.upload small{font-size:13px;line-height:1.65}.micro{margin:12px 0}.upload b{font-size:14px}.upload{border-color:var(--zoo-focus)}.upload:focus-within{outline-color:var(--zoo-focus)}
.ideas button,.text-button{min-height:44px;font-size:13px}.ideas button{padding:8px 12px}.consent{align-items:flex-start;gap:12px;margin:16px 0 20px}.consent input{accent-color:var(--zoo-focus);width:22px;height:22px;margin:2px 0 0}.quote{font-size:14px}.quote strong{font-size:26px}.primary,.button{font-size:14px;min-height:46px;border-radius:var(--zoo-radius-control);font-weight:600}.primary{background:var(--zoo-gold);color:var(--zoo-on-gold)}.primary:not(:disabled):hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--zoo-focus);outline-offset:4px}
.screen{background:var(--zoo-bg);border:1px solid var(--line);color:var(--ink)}.screen h3{font-size:20px;font-weight:600}.screen p{font-size:13px;color:var(--mute)}.motion-art div{border-color:var(--zoo-focus);background:var(--zoo-lavender);opacity:.5}.motion-art div:nth-child(2),.motion-art div:nth-child(3){border-color:var(--zoo-focus);background:transparent}.motion-art span{color:var(--zoo-focus)}.history button.on{border-color:var(--zoo-focus);background:var(--soft)}.history button span,.history button small,.history .job-state{font-size:12px}.job-detail{font-size:13px}.history-heading{gap:12px}footer{font-size:12px;align-items:center}footer a{display:inline-flex;align-items:center;min-height:44px}#creditDialog{border-radius:var(--zoo-radius-panel)}#creditDialog .micro,#depositAddress,#creditPayments article{font-size:13px}.privacy summary{min-height:44px;display:list-item;align-content:center}
@media(max-width:850px){header{padding-inline:20px}.sitenav{gap:0}.sitenav a{padding-inline:12px}main{padding:24px 20px}.intro{gap:24px}.credit{min-width:210px}.workspace{grid-template-columns:minmax(300px,.95fr) minmax(0,1fr)}}
@media(max-width:720px){.workspace{grid-template-columns:1fr}.intro{align-items:flex-start}.intro .credit{min-width:200px;width:200px}.screen{min-height:300px}.output{padding:24px}}
@media(max-width:650px){header{min-height:76px;height:auto;padding:16px 20px;gap:10px}.brand{margin-right:auto}.sitenav{order:3;width:100%;justify-content:flex-start;gap:2px}.sitenav a{flex:none;font-size:13px;padding-inline:12px}.workspace-nav{width:auto;justify-content:flex-start;margin-bottom:26px;gap:6px}.workspace-nav a{flex:none;padding-inline:14px}.intro{margin:24px 0;gap:24px}.intro .credit{width:100%;min-width:0;max-width:none;padding:20px}.intro h1{font-size:clamp(36px,9vw,46px)}.intro p:last-child{font-size:14px}#guestCredit{gap:12px}#guestCredit .primary{width:100%}#guestCredit .existing-account{justify-self:center}.suite-offer{display:block;padding:20px}.suite-offer>a{margin-top:8px}.controls,.output{padding:22px}.settings{grid-template-columns:repeat(3,minmax(0,1fr))}.settings label{font-size:12px}footer{gap:4px 24px}footer span{width:100%;margin-bottom:4px}#creditDialog{padding:22px}}

/* Keep native select values readable on narrow phones. */
@media(max-width:420px){.settings{grid-template-columns:1fr}.settings label{margin-top:12px}.settings select{min-width:0}}