.studio{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}@media (max-width:900px){.studio{grid-template-columns:1fr}.st-phone-col{order:-1}}.st-panel{padding:0;overflow:hidden}.st-steps{border-bottom:var(--b);background:var(--paper-2);grid-template-columns:repeat(3,1fr);display:grid}.st-steps button{all:unset;cursor:pointer;border-right:var(--b);color:var(--ink-3);align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.st-steps button:last-child{border-right:0}.st-steps button .n{border:2px solid;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.st-steps button.on{background:var(--white);color:var(--ink)}.st-steps button.on .n{background:var(--butter);border-color:var(--ink)}.st-steps button.done{color:var(--ink)}.st-steps button.done .n{background:var(--meadow);border-color:var(--ink)}.st-steps button[disabled]{pointer-events:none}@media (max-width:560px){.st-steps button span.t{display:none}.st-steps button{justify-content:center}}.st-body{gap:24px;padding:28px;display:grid}.st-q{gap:12px;display:grid}.st-q .qh{font-family:var(--f-head);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;font-size:22px;display:flex}.st-q .qh .qh-l{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.st-q .qh .pro{font-size:12px;line-height:1.6}.st-tabs .pro{margin-left:6px}.st-q .qh small{font-family:var(--f-mono);color:var(--ink-2);font-size:13px}.st-row{flex-wrap:wrap;gap:10px;display:flex}.st-tabs{background:var(--paper-2);border:2px solid var(--ink);border-radius:24px;flex-wrap:wrap;justify-self:start;gap:6px;max-width:100%;padding:5px;display:flex}.st-tabs button{all:unset;cursor:pointer;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:600}.st-tabs button.on{background:var(--white);border:2px solid var(--ink);padding:5px 14px}.st-tabs button[disabled]{opacity:.45;cursor:default}.st-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:560px){.st-stories{grid-template-columns:1fr}}.st-story{all:unset;cursor:pointer;border:2px solid var(--ink);background:var(--white);border-radius:16px;gap:4px;padding:14px 16px;transition:transform .12s;display:grid}.st-story:hover{transform:translateY(-2px)}.st-story .src{font-family:var(--f-mono);color:var(--ink-2);font-size:12px}.st-story .ttl{font-size:16px;font-weight:700;line-height:1.3}.st-story.on{background:var(--butter);box-shadow:var(--sh-s)}.st-input{width:100%;font-family:var(--f-body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);resize:vertical;border-radius:16px;outline:none;padding:14px 16px;font-size:16px;line-height:1.55}.st-input:focus{background:var(--white);box-shadow:var(--sh-s)}textarea.st-input{min-height:130px}.st-inline{flex-wrap:wrap;gap:10px;display:flex}.st-inline .st-input{border-radius:999px;flex:260px;padding:11px 18px}.st-meta{font-family:var(--f-mono);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.st-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.st-foot .hint{color:var(--ink-2);font-size:14px}.voice{align-items:center;gap:10px;display:inline-flex;position:relative}.voice .play{z-index:1;border:2px solid var(--ink);width:22px;height:22px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:9px;display:grid;position:relative}.voice .play:hover{background:var(--butter)}.voice .pick{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.voice .pick:after{content:"";border-radius:inherit;position:absolute;inset:0}.voice .d{color:var(--ink-2);font-weight:400}.chip .pro,.st-tabs .pro,.qh .pro{font-family:var(--f-mono);border:2px solid var(--ink);background:var(--butter);border-radius:999px;padding:0 7px;font-size:11px;font-weight:500}.upsell{border:2px solid var(--ink);background:color-mix(in oklch, var(--butter) 60%, white);border-radius:16px;gap:12px;padding:14px 16px;display:grid}.upsell p{margin:0;font-size:15px}.ch{border:2px solid var(--ink);background:var(--white);border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.ch.on{background:color-mix(in oklch, var(--meadow) 45%, white)}.ch.soon{background:var(--paper);color:var(--ink-2);border-style:dashed}.ch .av{border:2px solid var(--ink);background:var(--c);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.ch .nm{font-size:16px;font-weight:700;line-height:1.2}.ch .nm small{color:var(--ink-2);font-size:13px;font-weight:500;display:block}.soon-pill{font-family:var(--f-mono);border:2px solid var(--ink-3);border-radius:999px;padding:2px 10px;font-size:12px}.tog{all:unset;cursor:pointer;border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;width:48px;height:28px;transition:background .15s;position:relative}.tog:after{content:"";border:2px solid var(--ink);background:var(--white);border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.tog.on{background:var(--meadow-d)}.tog.on:after{left:23px}.acct{border:2px dashed var(--ink);background:var(--paper);border-radius:18px;justify-items:start;gap:12px;padding:18px;display:grid}.acct p{color:var(--ink-2);margin:0;font-size:15px}.done-card{justify-items:start;gap:18px;display:grid}.done-card .ok{border:var(--b);background:var(--meadow);width:64px;height:64px;box-shadow:var(--sh-s);border-radius:50%;place-items:center;font-size:30px;font-weight:800;display:grid}.done-card h3{font-size:32px}.done-card p{color:var(--ink-2);justify-self:stretch;margin:0}.done-list{gap:8px;width:100%;display:grid}.done-list div{border:2px solid var(--ink);background:var(--white);border-radius:14px;justify-content:space-between;gap:12px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.done-list span{font-family:var(--f-mono);color:var(--ink-2);font-size:13px;font-weight:400}.st-phone-col{justify-items:center;gap:14px;display:grid;position:sticky;top:100px}.phone{aspect-ratio:9/18;border:4px solid var(--ink);background:var(--ink);width:100%;max-width:300px;box-shadow:8px 8px 0 var(--ink);border-radius:42px;padding:8px;transform:rotate(1.5deg)}.screen{background:repeating-linear-gradient(135deg, var(--c) 0 22px, color-mix(in oklch, var(--c) 65%, white) 22px 44px);background-position:50%;background-size:cover;border-radius:32px;height:100%;transition:background .3s;position:relative;overflow:hidden}.screen>video{object-fit:cover;background:var(--ink);width:100%;height:100%;position:absolute;inset:0}.screen .bg-lbl{font-family:var(--f-mono);background:var(--white);border:2px solid var(--ink);white-space:nowrap;z-index:1;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.screen .cap{text-align:center;color:var(--white);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-wrap:balance;font-size:27px;font-weight:800;line-height:1.12;position:absolute;top:46%;left:8%;right:8%;transform:translateY(-50%)}.screen>video.bg{pointer-events:none;background:0 0}.screen .cap{word-spacing:.14em;animation:.22s cubic-bezier(.3,1.4,.5,1) cap-in}.screen .cap .w{transition:color .1s,transform .12s;display:inline-block}.screen .cap .w.on{color:var(--butter);transform:scale(1.1)}.screen.cap-pop .cap{text-transform:uppercase;letter-spacing:.01em;font-size:29px}.screen.cap-pop .cap .w.on{color:var(--peach);transform:scale(1.18)rotate(-3deg)}@keyframes cap-in{0%{opacity:0;transform:translateY(-50%)scale(.85)}}.screen.cap-clean .cap{-webkit-text-stroke:0;color:var(--ink);font-size:21px;font-weight:700;top:70%}.screen.cap-clean .cap span.box{background:var(--white);border:2px solid var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:14px;padding:6px 12px;line-height:1.7}.screen.cap-clean .cap .w{display:inline}.screen.cap-clean .cap .w.on{color:var(--ink);background:var(--butter);border-radius:4px;transform:none}.screen .hud{gap:8px;display:grid;position:absolute;bottom:16px;left:14px;right:14px}.screen .hud .r{font-family:var(--f-mono);justify-content:space-between;font-size:11px;display:flex}.screen .hud .r span{background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:2px 8px}.screen .bar{border:2px solid var(--ink);background:var(--white);border-radius:999px;height:8px;overflow:hidden}.screen .bar i{background:var(--ink);width:0;height:100%;display:block}.screen .overlay{background:color-mix(in oklch, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.screen .overlay.making{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;place-items:start stretch;padding:14px}.overlay.making .render-box{border-radius:16px;gap:8px;padding:12px 14px}.overlay.making .render-box h4{font-size:17px}.overlay.making .render-box ul{gap:3px;font-size:12px}.render-box{background:var(--white);border:var(--b);width:100%;box-shadow:var(--sh-s);border-radius:20px;gap:12px;padding:18px;display:grid}.render-box h4{font-family:var(--f-head);margin:0;font-size:20px;font-weight:400}.render-box .bar{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;height:12px;overflow:hidden}.render-box .bar i{background:var(--meadow-d);width:0;height:100%;transition:width .2s linear;display:block}.render-box ul{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.render-box li{color:var(--ink-3);align-items:center;gap:8px;display:flex}.render-box li:before{content:"";border:2px solid;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.render-box li.on{color:var(--ink);font-weight:600}.render-box li.on:before{background:var(--butter);border-color:var(--ink)}.render-box li.ok{color:var(--ink)}.render-box li.ok:before{background:var(--meadow-d);border-color:var(--ink)}.pbtn{border:var(--b);background:var(--butter);width:56px;height:56px;box-shadow:var(--sh-s);cursor:pointer;z-index:1;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.st-phone-note{font-family:var(--f-mono);color:var(--ink-2);text-align:center;font-size:13px}@media (prefers-reduced-motion:reduce){.screen .cap{animation:none}.screen .cap .w{transition:none;transform:none}}