.ms-app{--ease:cubic-bezier(.3, 1.15, .4, 1);z-index:90;background:linear-gradient(180deg, var(--sky) 0, color-mix(in oklch, var(--sky) 45%, var(--paper)) 300px, var(--paper) 480px);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.ms-app.drag *{transition:none!important}.ms-app .cloud{z-index:0}.ms-top{z-index:3;flex:0 0 64px;justify-content:space-between;align-items:center;padding:10px 18px 0;display:flex;position:relative}.ms-top .logo{font-size:19px}.ms-top .logo .mk{width:30px;height:30px}.ms-top .eyebrow{padding:5px 12px;font-size:12px}.ms-x{all:unset;box-sizing:border-box;cursor:pointer;border:3px solid var(--ink);background:var(--white);width:44px;height:44px;box-shadow:var(--sh-s);border-radius:50%;place-items:center;font-weight:800;display:grid}.ms-x:active{box-shadow:none;transform:translate(2px,2px)}.ms-stage{z-index:1;transition:height .42s var(--ease);flex:none;position:relative}.mr{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:repeating-linear-gradient(135deg, var(--c) 0 14px, color-mix(in oklch, var(--c) 65%, white) 14px 28px);touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none;transition:width .42s var(--ease), height .42s var(--ease), left .42s var(--ease), border-radius .42s, box-shadow .2s;border-radius:24px;position:absolute;top:8px;overflow:hidden;container-type:size}.ms-app.full .mr{box-shadow:3px 3px 0 var(--ink);border-radius:14px}.mr:active{box-shadow:2px 2px 0 var(--ink)}.mr.real{cursor:default;touch-action:auto;background:var(--ink)}.mr-bg{object-fit:cover;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.mr-video{object-fit:cover;background:var(--ink);width:100%;height:100%;position:absolute;inset:0}@keyframes mr-in{0%{transform:translateX(var(--from));opacity:.3}to{opacity:1;transform:none}}.mr-bg.sl{--from:30%;animation:mr-in .38s var(--ease)}.mr-bg.sr{--from:-30%;animation:mr-in .38s var(--ease)}.mr-lbl{font-family:var(--f-mono);background:var(--white);border:2px solid var(--ink);white-space:nowrap;animation:mr-pop .35s var(--ease);border-radius:999px;padding:.6cqw 3.6cqw;font-size:5.4cqw;position:absolute;top:5cqw;left:50%;transform:translate(-50%)}@keyframes mr-pop{0%{transform:translate(-50%)scale(.8)}}.mr-cap{text-align:center;color:var(--white);-webkit-text-stroke:3.6cqw var(--ink);paint-order:stroke fill;text-wrap:balance;word-spacing:.14em;pointer-events:none;font-size:13.5cqw;font-weight:800;line-height:1.12;animation:.22s cubic-bezier(.3,1.4,.5,1) mr-cap-in;position:absolute;top:46%;left:8%;right:8%;transform:translateY(-50%)}@keyframes mr-cap-in{0%{opacity:0;transform:translateY(-50%)scale(.85)}}.mr-cap .w{transition:color .1s,transform .12s;display:inline-block}.mr-cap .w.on{color:var(--butter);transform:scale(1.1)}.cap-pop .mr-cap{text-transform:uppercase;font-size:14.5cqw}.cap-pop .mr-cap .w.on{color:var(--peach);transform:scale(1.18)rotate(-3deg)}.cap-clean .mr-cap{-webkit-text-stroke:0;color:var(--ink);font-size:10.5cqw;font-weight:700;top:66%}.cap-clean .mr-cap .box{background:var(--white);border:2px solid var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5cqw;padding:2cqw 4cqw;line-height:1.7}.cap-clean .mr-cap .w{display:inline}.cap-clean .mr-cap .w.on{background:var(--butter);border-radius:4px;transform:none}.mr-play{border:3px solid var(--ink);background:var(--butter);width:26cqw;height:26cqw;box-shadow:var(--sh-s);pointer-events:none;border-radius:50%;place-items:center;font-size:9cqw;display:grid;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.mr-hud{gap:3cqw;display:grid;position:absolute;bottom:6cqw;left:6cqw;right:6cqw}.mr-hud .r{font-family:var(--f-mono);justify-content:space-between;font-size:5.4cqw;display:flex}.mr-hud .r span{background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:0 3cqw}.mr-bar{border:2px solid var(--ink);background:var(--white);touch-action:none;border-radius:999px;height:10px;position:relative}.mr-bar:before{content:"";position:absolute;inset:-12px -4px}.mr-bar i{background:var(--ink);border-radius:999px;height:100%;display:block}.mr-bar b{border:2px solid var(--ink);background:var(--butter);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%}.ms-app.full .mr-lbl,.ms-app.full .mr-hud .r,.ms-app.full .mr-play,.ms-app.full .mr-bar b{display:none}.ms-app.full .mr-bar{border-width:1.5px;height:6px}.mr-ov{background:color-mix(in oklch, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:6cqw;display:grid;position:absolute;inset:0}.mr-ov .render-box{border-radius:16px;gap:3cqw;padding:6cqw}.mr-ov .render-box h4{font-size:8cqw;line-height:1.1}.mr-ov .render-box .bar{height:10px}.mr-ov .render-box ul{gap:1.5cqw;font-size:5.8cqw}.mr-ov .render-box li:before{flex-basis:9px;width:9px;height:9px}.ms-app.full .mr-ov{padding:0}.ms-app.full .render-box{display:none}.ms-nav{all:unset;box-sizing:border-box;cursor:pointer;border:3px solid var(--ink);background:var(--white);width:44px;height:44px;box-shadow:var(--sh-s);transition:opacity .2s, top .42s var(--ease);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute}.ms-nav:active{box-shadow:none;transform:translate(2px,2px)}.ms-nav.p{left:18px}.ms-nav.n{right:18px}.ms-dots{justify-content:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:16px;left:0;right:0}.ms-dots button{all:unset;cursor:pointer;padding:6px 3px;display:grid}.ms-dots i{border:2px solid var(--ink);background:var(--white);width:10px;height:10px;transition:width .25s var(--ease);border-radius:999px}.ms-dots .on i{background:var(--c);width:26px}.ms-app.full .ms-nav,.ms-app.full .ms-dots{opacity:0;pointer-events:none}.ms-meta{opacity:0;pointer-events:none;align-content:start;gap:7px;transition:opacity .2s;display:grid;position:absolute;top:10px;right:16px}.ms-app.full .ms-meta{opacity:1;pointer-events:auto;transition-delay:.15s}.ms-meta .k{font-family:var(--f-mono);color:var(--ink-2);font-size:12px}.ms-meta .tm{font-family:var(--f-head);font-size:22px;font-weight:400;line-height:1}.ms-meta .tags{flex-wrap:wrap;gap:6px;display:flex}.ms-meta .tags span{background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.ms-meta .act{gap:8px;display:flex}.ms-sheet{background:var(--white);border-top:3px solid var(--ink);z-index:2;min-height:0;box-shadow:0 -6px 0 color-mix(in oklch, var(--ink) 12%, transparent);border-radius:28px 28px 0 0;flex-direction:column;flex:1;display:flex;position:relative}.ms-grab{touch-action:none;cursor:grab;flex:0 0 26px;place-items:center;display:grid}.ms-grab i{background:var(--ink-3);border-radius:9px;width:46px;height:5px}.ms-steps{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 16px;padding:4px;display:grid}.ms-steps button{all:unset;box-sizing:border-box;cursor:pointer;height:38px;color:var(--ink-3);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.ms-steps .n{box-sizing:border-box;border:2px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.ms-steps .on{background:var(--white);border:2px solid var(--ink);color:var(--ink)}.ms-steps .on .n{background:var(--butter);border-color:var(--ink)}.ms-steps .done{color:var(--ink)}.ms-steps .done .n{background:var(--meadow);border-color:var(--ink)}.ms-steps [disabled]{pointer-events:none}.ms-body{overscroll-behavior:contain;flex:1;align-content:start;gap:22px;min-height:0;padding:18px 20px 22px;display:grid;overflow-y:auto}.ms-q{gap:12px;min-width:0;display:grid}.ms-q h3{justify-content:space-between;align-items:baseline;gap:10px;font-size:20px;display:flex}.ms-q h3 small{font-family:var(--f-mono);color:var(--ink-2);font-size:12px}.ms-row{flex-wrap:wrap;gap:8px;display:flex}.ms-hs{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -20px;padding:2px 20px 8px;scroll-padding:0 20px;display:flex;overflow-x:auto}.ms-hs::-webkit-scrollbar{display:none}.ms-body .chip{white-space:nowrap;scroll-snap-align:start;flex:none;min-height:44px;padding:10px 16px}.ms-body .chip:active,.ms-ex:active,.ms-bgt:active,.ms-ct:active,.ms-wh:active{transform:scale(.96)}.ms-body .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}.ms-ex{all:unset;cursor:pointer;scroll-snap-align:start;flex:0 0 118px;align-content:start;gap:8px;transition:transform .12s;display:grid;position:relative}.ms-ex .reel{border-width:2px;border-radius:16px;transition:transform .15s,box-shadow .15s}.ms-ex .reel .lbl{font-size:10px;top:8px;left:8px}.ms-ex .reel .cap{-webkit-text-stroke:4px var(--ink);font-size:13px}.ms-ex.on .reel{box-shadow:4px 4px 0 var(--ink);border-width:3px;transform:translateY(-2px)}.ms-ex .t{font-size:14px;font-weight:700;line-height:1.25}.ck{border:2px solid var(--ink);background:var(--butter);z-index:2;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.ms-in{width:100%;font-family:var(--f-body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);resize:none;border-radius:16px;outline:none;padding:13px 15px;font-size:16px;line-height:1.55}.ms-in:focus{background:var(--white);box-shadow:var(--sh-s)}textarea.ms-in{min-height:170px}.ms-meta2{font-family:var(--f-mono);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.ms-sug{gap:8px;display:grid}.ms-sug button{all:unset;cursor:pointer;border:2px dashed var(--ink);border-radius:14px;justify-content:space-between;gap:10px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.ms-sug button.on{background:var(--butter);border-style:solid}.ms-bgt{all:unset;cursor:pointer;text-align:center;scroll-snap-align:start;flex:0 0 84px;justify-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.2;transition:transform .12s;display:grid;position:relative}.ms-bgt i{border:2px solid var(--ink);background:repeating-linear-gradient(135deg, var(--c) 0 10px, color-mix(in oklch, var(--c) 65%, white) 10px 20px);background-position:50%;background-size:cover;border-radius:16px;width:76px;height:96px}.ms-bgt.on i{box-shadow:var(--sh-s);border-width:3px}.ms-bgt .ck{right:-2px}.ms-vg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ms-vo{border:2px solid var(--ink);background:var(--white);border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px 8px 8px;display:grid;position:relative}.ms-vo:has(.pick:active){transform:scale(.96)}.ms-vo.on{background:color-mix(in oklch, var(--lilac) 60%, white);box-shadow:var(--sh-s)}.ms-vo .pl{all:unset;box-sizing:border-box;cursor:pointer;z-index:1;border:2px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;display:grid;position:relative}.ms-vo .pick{all:unset;cursor:pointer;min-width:0;display:grid}.ms-vo .pick:after{content:"";border-radius:inherit;position:absolute;inset:0}.ms-vo b{font-size:16px;line-height:1.2}.ms-vo small{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.eq{align-items:center;gap:3px;height:18px;display:flex}.eq i{background:var(--ink);border-radius:2px;width:3px;height:100%;animation:.5s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.35s}.eq i:nth-child(4){animation-delay:-.1s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.ms-cg{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ms-ct{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid var(--ink);background:repeating-linear-gradient(135deg, var(--sky) 0 8px, color-mix(in oklch, var(--sky) 60%, white) 8px 16px);border-radius:16px;justify-items:center;gap:8px;padding:14px 4px 10px;transition:transform .12s;display:grid}.ms-ct.on{box-shadow:var(--sh-s);border-width:3px}.ms-ct .smp{color:var(--white);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;place-items:center;height:30px;font-size:20px;font-weight:800;line-height:1;display:grid}.ms-ct .smp.pop{text-transform:uppercase;color:var(--peach)}.ms-ct .smp.clean{-webkit-text-stroke:0;color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:10px;height:28px;padding:0 8px;font-size:15px;font-weight:700}.ms-ct span:last-child{background:var(--white);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:13px;font-weight:700}.ms-chs{gap:8px;display:grid}.ms-ch{border:2px solid var(--ink);background:var(--white);border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.ms-ch.on{background:color-mix(in oklch, var(--meadow) 45%, white)}.ms-ch.soon{background:var(--paper);color:var(--ink-2);border-style:dashed}.ms-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}.ms-ch .nm{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:700;line-height:1.2}.ms-ch .nm small{color:var(--ink-2);font-size:13px;font-weight:500;display:block}.ms-tog{all:unset;cursor:pointer;box-sizing:border-box;border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;flex:0 0 52px;width:52px;height:32px;transition:background .15s;position:relative}.ms-tog:after{content:"";box-sizing:border-box;border:2px solid var(--ink);background:var(--white);width:22px;height:22px;transition:left .2s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.ms-tog.on{background:var(--meadow-d)}.ms-tog.on:after{left:23px}.ms-whg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ms-wh{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid var(--ink);text-align:center;background:var(--white);border-radius:14px;align-content:center;place-items:center;gap:2px;min-height:48px;padding:6px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .12s;display:grid}.ms-wh.on{background:var(--sky);box-shadow:var(--sh-s)}.ms-auto{border:2px solid var(--ink);background:var(--paper);border-radius:16px;gap:12px;padding:14px;display:grid}.ms-auto .hd{justify-content:space-between;align-items:center;gap:12px;display:flex}.ms-auto .hd b{align-items:center;gap:8px;font-size:16px;display:flex}.ms-auto .hd small{color:var(--ink-2);font-size:13px;display:block}.ms-done{justify-items:start;gap:14px;padding-top:6px;display:grid}.ms-done .ok{border:3px solid var(--ink);background:var(--meadow);width:60px;height:60px;box-shadow:var(--sh-s);animation:ms-ok .45s var(--ease);border-radius:50%;place-items:center;font-size:28px;font-weight:800;display:grid}@keyframes ms-ok{0%{transform:scale(.3)rotate(-30deg)}}.ms-done h3{font-size:30px}.ms-done p{color:var(--ink-2);margin:0}.ms-dl{gap:8px;width:100%;display:grid}.ms-dl 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}.ms-dl span{font-family:var(--f-mono);color:var(--ink-2);font-size:12px;font-weight:400}.ms-bar{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--white);flex:none;gap:10px;display:flex}.ms-bar .btn{flex:1;min-height:54px;padding:12px 16px;position:relative;overflow:hidden}.ms-bar .btn .fill{background:var(--meadow-d);opacity:.45;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.ms-bar .btn span{position:relative}.ms-bar .btn.busy[disabled]{opacity:1}.ms-back{all:unset;box-sizing:border-box;cursor:pointer;border:3px solid var(--ink);background:var(--white);width:54px;height:54px;box-shadow:var(--sh-s);border-radius:50%;flex:0 0 54px;place-items:center;font-size:20px;font-weight:800;display:grid}.ms-back:active{box-shadow:none;transform:translate(2px,2px)}.ms-back[disabled]{opacity:.5;pointer-events:none}@media (prefers-reduced-motion:reduce){.ms-app *{animation:none!important}.mr-cap .w{transition:none;transform:none}}
.studio{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}.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}.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}}@media (max-width:900px){.studio{grid-template-columns:1fr;gap:28px}.st-phone-col{order:-1;position:static}.phone{max-width:260px}}@media (max-width:420px){.phone{border-radius:36px;max-width:230px}.screen{border-radius:28px}.screen .cap{font-size:23px}}@media (max-width:560px){.st-steps button span.t{display:none}.st-steps button{justify-content:center}.st-body{padding:22px 18px}.st-tabs{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;display:grid}.st-tabs button{text-align:center;padding:7px 8px;font-size:14px}.st-tabs button.on{padding:5px 6px}}