.studio-landing{--studio-card:#24271f;--studio-card-text:#f4f1e9;--studio-card-muted:#c5c8ba;--studio-card-line:#53584a;--studio-action:var(--world-action,#ef593e);--studio-action-text:var(--world-action-text,#201e18);--studio-dot:color-mix(in srgb, var(--text) 17%, transparent);color:var(--text)}:root[data-theme=ink] .studio-landing{--studio-card:var(--panel);--studio-card-text:var(--text);--studio-card-muted:var(--muted);--studio-card-line:var(--line)}:root[data-site-theme=hello-kitty] .studio-landing{--studio-card:#35242a;--studio-card-line:#71505a}:root[data-site-theme=my-melody] .studio-landing{--studio-card:#392735;--studio-card-line:#73596d}:root[data-site-theme=cinnamoroll] .studio-landing{--studio-card:#203b4c;--studio-card-line:#53778b}:root[data-site-theme=pompompurin] .studio-landing{--studio-card:#3c3020;--studio-card-line:#79664c}.studio-landing-width{width:min(1440px,100% - 84px);margin-inline:auto;position:relative}.studio-landing-canvas{background-image:radial-gradient(var(--studio-dot) .7px, transparent .7px);background-size:23px 23px;padding-bottom:24px}.studio-landing-intro{z-index:3;pointer-events:none;width:51%;position:absolute;top:105px;left:0}.studio-landing-intro h1{font:800 clamp(38px, 4.45vw, 68px)/1.09 var(--font-display);letter-spacing:-.065em;text-wrap:nowrap;margin-bottom:22px}.studio-landing-intro em{color:var(--studio-action);font-style:normal}.studio-landing-intro p{letter-spacing:-.025em;font-size:clamp(15px,1.45vw,20px);line-height:1.5}.studio-landing-cta{pointer-events:auto;background:var(--studio-action);color:var(--studio-action-text);border-radius:99px;align-items:center;gap:16px;min-height:52px;margin-top:30px;padding:15px 25px;font-size:16px;font-weight:650;transition:transform .22s,box-shadow .22s;display:inline-flex}.studio-landing-cta:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--studio-action) 23%, transparent);transform:translateY(-3px)}.studio-example-flow{aspect-ratio:1150/625;isolation:isolate;width:100%;position:relative;overflow:clip;container-type:inline-size}.studio-example-flow.is-chain{aspect-ratio:1150/740}.studio-flow-world{transform-origin:0 0;width:1150px;height:740px;transform:scale(var(--flow-scale,1));position:absolute;top:0;left:0}.studio-flow-toolbar{z-index:5;background:var(--studio-card);color:var(--studio-card-text);border:1px solid var(--studio-card-line);border-radius:17px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex;position:absolute;top:23px;right:12%;box-shadow:0 8px 24px #0002}.studio-flow-toolbar>svg{margin-inline:4px}.studio-flow-toolbar button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 9px;display:inline-flex}.studio-flow-toolbar button[aria-pressed=true]{background:color-mix(in srgb, var(--studio-action) 22%, transparent);color:var(--studio-card-text)}.studio-flow-toolbar button:hover:not(:disabled){background:color-mix(in srgb, var(--studio-card-text) 12%, transparent)}.studio-tool-divider{background:var(--studio-card-line);width:1px;height:20px}.studio-zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:40px}.studio-flow-connections{pointer-events:none;width:1150px;height:740px;position:absolute;inset:0;overflow:visible}.studio-flow-connections path{fill:none;stroke:var(--muted);stroke-width:1.25px;opacity:.65}.studio-flow-connections path.is-active{stroke:var(--studio-action);opacity:1;stroke-width:1.6px}.studio-flow-node{color:var(--studio-card-text);background:var(--studio-card);border:1px solid var(--studio-card-line);border-radius:13px;padding:5px;position:absolute;box-shadow:0 10px 20px #0002,0 2px 5px #0002}.studio-flow-node.is-selected{border-color:var(--studio-action);box-shadow:0 0 0 2px color-mix(in srgb, var(--studio-action) 30%, transparent), 0 10px 22px #0002}.studio-flow-node>header{cursor:grab;touch-action:none;align-items:center;gap:5px;min-height:24px;padding:1px 4px 5px;font-size:11px;display:flex}.studio-flow-node>header:active{cursor:grabbing}.studio-flow-node>header>span{flex:1}.studio-flow-node>button{border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.studio-flow-node img{aspect-ratio:1;width:100%;height:auto;transition:filter .22s}.studio-flow-node>button:hover img{filter:brightness(1.08)}.studio-flow-node footer{justify-content:space-between;align-items:center;min-height:25px;padding:2px 3px 0;font-size:10px;display:flex}.studio-flow-node footer button{border-radius:5px;place-items:center;width:27px;height:25px;display:grid}.studio-flow-node footer button:hover{background:#fff2}.studio-flow-source.is-mood header{font-size:9px}.studio-flow-source.is-mood header>svg:last-child,.studio-flow-source.is-mood footer{display:none}.studio-flow-operation{background:var(--studio-card);min-height:60px;color:var(--studio-card-text);border:1px solid var(--studio-card-line);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;line-height:1.3;display:flex;position:absolute;box-shadow:0 8px 20px #0002}.studio-flow-operation.is-animate:hover{border-color:var(--studio-action)}.studio-flow-port{border:1px solid var(--studio-card);background:var(--studio-action);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px)}.studio-flow-port.is-in{left:-5px}.studio-flow-port.is-out{right:-5px}.studio-flow-video>button{aspect-ratio:1}.studio-flow-video img{object-fit:cover;height:100%}.studio-video-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181818ab;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-flow-handwriting{text-align:center;color:var(--muted);font-size:25px;position:absolute;top:498px;left:455px;transform:rotate(-7deg)}.is-chain .studio-flow-handwriting{top:520px;left:245px}.studio-mobile-project,.studio-mobile-prompt-toggle{display:none}.studio-example-composer{z-index:4;background:var(--studio-card);width:min(720px,72%);color:var(--studio-card-text);border:1px solid var(--studio-card-line);border-radius:24px;margin:10px auto 0;padding:13px 20px 14px;position:relative;box-shadow:0 14px 32px #0002}.studio-composer-top,.studio-composer-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-format-tabs{gap:2px;display:flex}.studio-format-tabs button{min-height:36px;color:var(--studio-card-muted);border-radius:13px;padding:8px 13px;font-size:12px}.studio-format-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--studio-card-text) 10%, transparent);color:var(--studio-card-text)}.studio-composer-caption{color:var(--studio-card-muted);font-size:11px}.studio-reference-chip{background:color-mix(in srgb, var(--studio-card-text) 9%, transparent);border-radius:7px;margin-top:12px;padding:3px 8px;font-size:10px;display:inline-flex}#studio-example-prompt{min-height:103px}#studio-example-prompt p{text-wrap:pretty;margin-top:7px;font-size:14px;line-height:1.6}.studio-composer-bottom{margin-top:12px}.studio-composer-references{align-items:center;gap:7px;display:flex}.studio-composer-references button{border:1px solid var(--studio-card-line);border-radius:9px;width:38px;height:38px;padding:2px}.studio-composer-references img{border-radius:6px;width:100%;height:100%}.studio-composer-references span{color:var(--studio-card-muted);margin-left:7px;font-size:10px}.studio-composer-go{background:var(--studio-action);width:44px;height:44px;color:var(--studio-action-text);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.studio-composer-go:hover{transform:translateY(-3px)}.studio-example-note{text-align:center;color:var(--muted);max-width:720px;margin:14px auto 0;font-size:10px;line-height:1.5}.studio-landing-modes{border-top:1px solid var(--line);padding-block:34px 10px}.studio-landing-modes>h2{font:750 clamp(24px, 2.8vw, 40px)/1.2 var(--font-display);letter-spacing:-.06em;margin-bottom:30px}.studio-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.studio-mode-heading{align-items:flex-start;gap:13px;margin-bottom:16px;display:flex}.studio-mode-heading>svg{margin-top:4px}.studio-mode-heading h3{letter-spacing:-.04em;margin-bottom:5px;font-size:28px;font-weight:750}.studio-mode-heading p{font-size:13px;line-height:1.6}.studio-mode-heading>a{place-items:center;min-width:40px;min-height:44px;margin-left:auto;display:grid}.studio-create-example,.studio-audio-example{background:var(--studio-card);color:var(--studio-card-text);border:1px solid var(--studio-card-line);border-radius:16px;height:315px;padding:15px 17px;overflow:hidden}.studio-demo-top{align-items:center;gap:12px;min-height:38px;font-size:11px;display:flex}.studio-demo-top>div{flex:1;min-width:0}.studio-demo-top strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.studio-demo-top small{color:var(--studio-card-muted);font-size:9px}.studio-demo-top>span{color:var(--studio-card-muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.studio-demo-tasks{align-items:center;gap:10px;margin:16px 0;font-size:10px;display:flex}.studio-demo-tasks>*{border-radius:20px;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.studio-demo-tasks>span{background:var(--studio-card-text);color:var(--studio-card)}.studio-create-art{grid-template-columns:1fr 50px;gap:22px;width:81%;margin-inline:auto;display:grid}.studio-create-main{border-radius:6px;padding:0;position:relative;overflow:hidden}.studio-create-main>img{aspect-ratio:1;width:100%}.studio-create-main>span{color:#fff;background:#151515b3;border-radius:25px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex;position:absolute;top:12px;right:12px}.studio-create-variants{flex-direction:column;gap:10px;display:flex}.studio-create-variants button{border:1px solid #0000;border-radius:8px;padding:3px}.studio-create-variants button[aria-pressed=true]{border-color:var(--studio-action)}.studio-create-variants img{aspect-ratio:1;border-radius:5px;width:100%}.studio-audio-toggle{width:42px;height:42px;color:var(--studio-card);background:var(--studio-card-text);border-radius:50%;flex:none;place-items:center;display:grid}.studio-audio-ruler{color:var(--studio-card-muted);justify-content:space-between;margin:32px 0 8px;padding-left:88px;font-size:8px;display:flex}.studio-audio-lane{border:1px solid var(--studio-card-line);border-radius:8px;align-items:center;height:86px;display:flex}.studio-audio-lane>span{flex:none;justify-content:center;align-items:center;gap:7px;width:85px;font-size:10px;display:flex}.studio-audio-wave{flex:1;min-width:0;height:100%;position:relative}.studio-audio-wave>svg{width:100%;height:70%;position:absolute;top:15%;left:0}.studio-audio-wave line{stroke:var(--studio-card-muted);stroke-width:1.1px}.studio-audio-wave .wk-wave-pending{place-items:center;height:100%;font-size:10px;display:grid}.studio-audio-region{background:color-mix(in srgb, var(--studio-action) 17%, transparent);border-inline:1px solid var(--studio-action);pointer-events:none;width:53%;position:absolute;top:0;bottom:0;left:12%}.studio-audio-cursor{background:var(--studio-card-text);pointer-events:none;width:1px;position:absolute;top:-3px;bottom:-3px}.studio-audio-wave input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.studio-audio-wave:focus-within{outline:2px solid var(--studio-action);outline-offset:3px}.studio-audio-chips{color:var(--studio-card-muted);justify-content:space-between;align-items:center;gap:7px;margin-block:19px;font-size:9px;display:flex}.studio-audio-demo-prompt{border:1px solid var(--studio-card-line);border-radius:13px;align-items:center;gap:11px;padding:10px 13px;font-size:11px;display:flex}.studio-audio-demo-prompt>a{width:33px;height:33px;color:var(--studio-action-text);background:var(--studio-action);border-radius:50%;place-items:center;margin-left:auto;display:grid}.studio-demo-error{color:var(--studio-card-text);margin-top:8px;font-size:11px}.studio-landing-footnote{align-items:flex-start;gap:10px;margin-top:24px;padding-block:12px 20px;display:flex}.studio-landing-footnote p{font-size:12px;line-height:1.65}.studio-landing-footnote p span{color:var(--muted)}.studio-landing-footnote>a{align-items:center;gap:8px;min-height:44px;margin-left:auto;font-size:13px;display:flex}.studio-public-preview{color:var(--text);background:0 0;border:0;width:min(880px,100% - 32px);max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:visible}.studio-public-preview::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080bc9}.studio-public-preview[open]{animation:.28s cubic-bezier(.2,.7,.2,1) both studio-preview-in}.studio-public-preview-frame{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:12px}.studio-public-preview header{align-items:center;gap:16px;padding:0 3px 10px 10px;display:flex}.studio-public-preview h2{margin-right:auto;font-size:16px;font-weight:600}.studio-public-preview header button{background:var(--surface);border-radius:50%;place-items:center;min-width:44px;height:44px;display:grid}.studio-public-preview img,.studio-public-preview video{object-fit:contain;background:#101010;border-radius:10px;width:100%;height:auto;max-height:calc(100dvh - 190px);display:block}.studio-public-preview footer{justify-content:space-between;align-items:center;gap:18px;padding:13px 8px 2px;font-size:11px;display:flex}.studio-public-preview footer>span{color:var(--muted)}.studio-public-preview footer>a{white-space:nowrap;align-items:center;gap:6px;min-height:32px;display:flex}@keyframes studio-preview-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes studio-intro-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.studio-landing-intro{animation:.6s cubic-bezier(.2,.7,.2,1) both studio-intro-in}.studio-flow-node{animation:.55s cubic-bezier(.2,.7,.2,1) both studio-node-in}}@media (width>=761px) and (width<=1100px){.studio-landing-width{width:calc(100% - 48px)}.studio-landing-intro{top:95px}.studio-landing-intro h1{font-size:4.35vw}.studio-landing-intro p{font-size:14px}.studio-landing-cta{min-height:46px;margin-top:22px;padding:12px 20px;font-size:13px}.studio-flow-toolbar{gap:3px;top:10px;right:3%}.studio-flow-toolbar button{padding-inline:6px}.studio-example-composer{width:76%}.studio-mode-heading h3{font-size:25px}.studio-demo-top>span{display:none}.studio-audio-chips{font-size:8px}}@media (width<=760px){.studio-landing-width{width:calc(100% - 40px)}.studio-landing-intro{width:100%;padding-top:38px;position:relative;top:auto}.studio-landing-intro h1{letter-spacing:-.07em;text-wrap:balance;margin-bottom:18px;font-size:clamp(36px,11.7vw,60px);line-height:1.13}.studio-landing-intro h1 em{display:block}.studio-landing-intro p{max-width:420px;font-size:16px;line-height:1.5}.studio-desktop-break{display:none}.studio-landing-cta{min-height:48px;margin-top:24px;padding:12px 21px;font-size:14px}.studio-example-flow,.studio-example-flow.is-chain{aspect-ratio:auto;padding-top:30px}.studio-flow-toolbar,.studio-flow-connections,.studio-flow-handwriting{display:none}.studio-mobile-project{margin-bottom:18px;font-size:22px;display:block}.studio-flow-world{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;width:100%;max-width:310px;height:auto;margin-inline:auto;display:grid;position:relative;transform:none!important}.studio-flow-node,.studio-flow-operation{position:relative;width:100%!important;top:auto!important;left:auto!important}.studio-flow-node>header{cursor:default;touch-action:auto;min-height:26px;font-size:10px}.studio-flow-node>header>svg:last-child,.studio-flow-source,.studio-flow-cover,.studio-flow-operation{display:none}.studio-flow-cover.is-selected{grid-area:1/1;display:block}.studio-flow-video{grid-area:1/2}.studio-flow-world:before{content:"";background:var(--muted);height:1px;position:absolute;top:50%;left:40%;right:35%}.studio-flow-port{display:none}.studio-flow-cover.is-selected>.is-out,.studio-flow-video>.is-in{display:block}.studio-flow-node footer{min-height:29px;font-size:9px}.studio-flow-node footer button{width:32px;height:29px}.studio-mobile-prompt-toggle,.studio-example-composer,.studio-example-note,.studio-example-composer:not(.is-expanded){display:none}.studio-example-composer{border-radius:20px;width:100%;margin-top:28px;padding:11px 14px}.studio-format-tabs button{padding:7px 10px;font-size:11px}.studio-composer-caption{font-size:9px}#studio-example-prompt{min-height:125px}#studio-example-prompt p{font-size:12px}.studio-composer-references span{display:none}.studio-example-note{text-align:left;max-width:350px;margin-top:13px;font-size:9px}.studio-landing-canvas{background-size:20px 20px;padding-bottom:28px}.studio-landing-modes{padding-block:28px 0}.studio-landing-modes>h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.studio-mode-grid{grid-template-columns:1fr;gap:30px}.studio-mode-heading{gap:10px;margin-bottom:13px}.studio-mode-heading h3{font-size:26px}.studio-mode-heading p{font-size:12px}.studio-mode-heading>a{min-width:24px}.studio-create-example,.studio-audio-example{border-radius:12px;height:200px;padding:12px}.studio-audio-example{height:180px}.studio-audio-chips,.studio-audio-demo-prompt{display:none}.studio-demo-top>span{font-size:9px}.studio-create-example .studio-demo-top>span{display:none}.studio-create-art{grid-template-columns:1fr 44px;gap:16px;width:90%}.studio-create-main>span{padding:6px 8px;font-size:9px;top:7px;right:7px}.studio-audio-ruler{margin-top:22px;padding-left:65px}.studio-audio-lane{height:70px}.studio-audio-lane>span{gap:3px;width:64px;font-size:8px}.studio-audio-chips{gap:4px;margin-block:16px;font-size:8px}.studio-audio-chips>svg{width:11px}.studio-audio-toggle{width:36px;height:36px}.studio-demo-top{gap:8px}.studio-demo-top strong{font-size:10px}.studio-audio-demo-prompt{padding:9px;font-size:10px}.studio-landing-footnote{flex-wrap:wrap;margin-top:22px}.studio-landing-footnote p{flex:1;font-size:10px}.studio-landing-footnote>a{display:none}.studio-public-preview{width:calc(100% - 16px);max-width:calc(100% - 16px)}.studio-public-preview h2{font-size:13px}.studio-public-preview footer{flex-wrap:wrap;gap:5px}}@media (prefers-reduced-motion:reduce){.studio-landing *,.studio-public-preview{scroll-behavior:auto;transition:none!important;animation:none!important}}@keyframes studio-node-in{0%{transform:translateY(9px)}to{transform:none}}@supports (transform:scale(calc(100cqw / 1150px))){.studio-flow-world{transform:scale(calc(100cqw / 1150px * var(--flow-zoom,1)))}}.studio-flow-node img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (width>=761px) and (hover:hover) and (pointer:fine){.studio-flow-node,.studio-flow-operation{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.studio-flow-node>button{cursor:grab}.studio-flow-node[data-dragging],.studio-flow-node[data-dragging] *,.studio-flow-operation[data-dragging]{cursor:grabbing}.studio-flow-node[data-dragging],.studio-flow-operation[data-dragging]{z-index:6}}
