:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--fg:#f2f4f8;--soft:#c9cfda;--muted:#8a93a3;--tile:#151922;--line:#262b36;--card:#1c2231;--row-line:#1e2330;--accent:#2f6fff;--link:#6f9bff;--skeleton-glint:#ffffff24;--pad:16px;--safe-top:max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px));--host-top:var(--tg-content-safe-area-inset-top,0px);--host-right:var(--tg-content-safe-area-inset-right,0px);--host-bottom:var(--tg-content-safe-area-inset-bottom,0px);--host-left:var(--tg-content-safe-area-inset-left,0px);--edge-top:calc(var(--safe-top) + max(var(--host-top), 14px));--edge-bottom:calc(var(--safe-bottom) + max(var(--host-bottom), 14px));--edge-left:calc(var(--safe-left) + var(--host-left) + var(--pad));--edge-right:calc(var(--safe-right) + var(--host-right) + var(--pad));--peek:120px;--stage-big:max(260px, min(calc(100dvh - var(--edge-top) - var(--brand-h) - var(--app-gap) - var(--peek)),  calc((min(100vw, var(--column)) - 2 * var(--pad)) * 16 / 9)));--brand-h:44px;--app-gap:12px;--brand-muted:#8a94a6;--column:520px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.app{gap:var(--app-gap);height:100dvh;max-width:var(--column);padding:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);flex-direction:column;margin:0 auto;display:flex}.brand{height:var(--brand-h);flex:none;align-items:center;gap:12px;display:flex}.brand__logo{width:auto;height:22px;display:block}.brand__caption{color:var(--brand-muted);white-space:nowrap;margin-left:auto;font-size:13px}.preview__skeleton{background:linear-gradient(110deg, transparent 30%, var(--skeleton-glint) 50%, transparent 70%);background-size:300% 100%;width:100%;height:100%;animation:1.4s ease-in-out infinite preview-shine}@keyframes preview-shine{0%{background-position:150% 0}to{background-position:-50% 0}}.chips{scrollbar-width:none;margin:2px calc(var(--pad) * -1) 0;padding:2px var(--pad);scroll-snap-type:x proximity;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);min-height:44px;color:var(--soft);white-space:nowrap;scroll-snap-align:center;background:0 0;border-radius:14px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.chip[aria-checked=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.chip__mark{opacity:.62;font-size:12px;font-weight:500}.done{background:var(--accent);color:#fff;border:0;border-radius:14px;min-height:52px;padding:15px;font-size:17px;font-weight:700}.done:active{background:#2a63e6}.hint{color:var(--muted);margin:10px 2px 0;font-size:13px}.swatch{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.swatch__ink{border-radius:50%;width:38px;height:38px}.swatch[aria-pressed=true] .swatch__ink,.swatch--own[data-on=true] .swatch__ink{outline:2.5px solid var(--fg);outline-offset:3px}.swatch__ink--rainbow{background:conic-gradient(#f33,#fd0,#3f6,#0cf,#36f,#c3f,#f33)}.swatch--own{cursor:pointer}.swatch--own:focus-within .swatch__ink{outline:2px solid var(--link);outline-offset:3px}.swatch__input{opacity:0;cursor:pointer;border:0;padding:0;position:absolute;inset:0}.segments{background:var(--tile);border-radius:12px;gap:3px;padding:3px;display:flex}.segment{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 4px;font-size:clamp(13px,3.8vw,14px);font-weight:600}.segment[aria-checked=true]{background:var(--accent);color:#fff}.row__hint{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.switch{background:#2a3040;border-radius:15px;flex:none;width:48px;height:29px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .15s;position:absolute;top:3px;left:3px}.toast{top:calc(var(--edge-top) + var(--brand-h) + 6px);left:var(--edge-left);right:var(--edge-right);z-index:6;max-width:calc(var(--column) - 2 * var(--pad));text-align:center;border:1px solid #0000;border-radius:12px;margin:0 auto;padding:10px 16px;font-size:14px;animation:.18s ease-out toast-in;position:fixed;box-shadow:0 8px 24px #00000073}.toast--warn{color:#ffd7d7;background:#3a1e24;border-color:#5a2a33}.toast--info{border-color:var(--line);background:var(--card);color:var(--soft)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notice{padding:0 8px calc(var(--brand-h) + var(--app-gap));text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:14px;display:flex}.notice__title{margin:0;font-size:22px}.notice__body{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.notice .done{width:100%;max-width:280px}@media (prefers-reduced-motion:reduce){.preview__skeleton,.toast,.zoom,.anim__word{animation:none}.switch,.switch:after{transition:none}}.top{z-index:5;width:min(100%, var(--column));padding:var(--edge-top) var(--edge-right) 8px var(--edge-left);background:var(--bg);position:fixed;top:0;left:50%;transform:translate(-50%)}.stage{height:var(--stage-h,var(--stage-big));margin-top:var(--app-gap)}.brand__done{background:var(--accent);color:#fff;border:0;border-radius:12px;min-height:36px;margin-left:auto;padding:0 16px;font-size:15px;font-weight:700}.screen{max-width:var(--column);margin:0 auto}.page{padding:calc(var(--edge-top) + var(--brand-h) + var(--app-gap) + 8px) var(--edge-right) calc(var(--edge-bottom) + 8px) var(--edge-left);flex-direction:column;gap:22px;display:flex}.page__spacer{height:var(--stage-big);margin-bottom:-16px}.page__default{color:var(--muted);margin:0 2px -12px;font-size:13px}.preview{justify-content:center;gap:12px;height:100%;display:flex;container-type:size}.preview--compact{gap:10px}.preview__frame{aspect-ratio:9/16;isolation:isolate;background:#000 50%/cover no-repeat;border-radius:20px;flex:none;height:min(100cqh,177.778cqw);position:relative;overflow:hidden;container:frame/size}.preview--compact .preview__frame{border-radius:12px}.preview__play{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0b0d129e;border:1px solid #ffffff4d;border-radius:22px;justify-content:center;align-items:center;gap:6px;min-height:clamp(36px,12cqw,44px);padding:0 clamp(12px,4.4cqw,16px) 0 clamp(9px,3.3cqw,12px);font-size:clamp(13px,4.1cqw,15px);font-weight:600;display:flex;position:absolute;bottom:clamp(6px,2.8cqw,10px);right:clamp(6px,2.8cqw,10px)}.preview__play:active{background:#0b0d12d1}.preview__sound-hint{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0b0d12c7;border-radius:12px;margin:0;padding:8px 12px;font-size:clamp(11px,3.6cqw,14px);line-height:1.3;position:absolute;top:clamp(6px,2.8cqw,10px);left:clamp(6px,2.8cqw,10px);right:clamp(6px,2.8cqw,10px)}@container frame (width<=299px){.preview__play{border-radius:50%;width:clamp(28px,17cqw,40px);height:clamp(28px,17cqw,40px);min-height:0;padding:0}.preview__play:before{content:"";position:absolute;inset:-4px}.preview__play svg{width:55%;height:55%}.preview__play-text{display:none}}.preview--compact .preview__play[data-playing=false]{display:none}.preview__expand{background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:6px;display:flex;position:absolute;inset:0}.preview__expand:focus-visible{outline-offset:-3px}.preview__expand-badge{-webkit-backdrop-filter:blur(8px);color:#fff;white-space:nowrap;background:#0b0d129e;border:1px solid #ffffff4d;border-radius:13px;align-items:center;gap:4px;height:26px;padding:0 8px 0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.preview__expand:active .preview__expand-badge{background:#0b0d12d1}@container frame (width<=109px){.preview__expand-text{display:none}.preview__expand-badge{justify-content:center;width:26px;padding:0}}.scenes{flex-direction:column;flex:none;gap:6px;width:116px;display:flex}.scenes[hidden]{display:none}.scene{background:var(--tile);min-height:0;color:var(--soft);text-align:left;border:1.5px solid #0000;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:1px;padding:0 10px;font-size:13px;font-weight:600;line-height:1.15;display:flex}.scene[aria-current=true]{border-color:var(--accent);color:var(--fg)}.scene__span{color:var(--muted);font-size:11px;font-weight:500}.section__head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:8px;display:flex}.section__title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 2px;font-size:13px;font-weight:600}.section__reset,.reset-wide{color:var(--link);background:0 0;border:0;font-size:14px;font-weight:500}.section__reset{white-space:nowrap;min-height:36px;padding:0 2px}.reset-wide{text-align:left;min-height:44px;margin-top:4px;padding:0 2px}.chips{position:relative}.chips--font{margin-top:0}.chip--font{min-height:52px;line-height:1.1}.chip--pair{flex-direction:column;justify-content:center;gap:5px;padding:8px 12px 10px}.chip--pair[aria-checked=true]{border-color:var(--accent);color:var(--fg);background:#16203a}.chip__pair{font-size:13px}.chip__sample{line-height:1.15}.stack{flex-direction:column;gap:8px;display:flex}.designs,.anims{scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scroll-snap-type:x proximity;gap:8px;display:flex;overflow-x:auto}.designs::-webkit-scrollbar{display:none}.anims::-webkit-scrollbar{display:none}.design,.anim{background:var(--tile);min-width:74px;color:var(--fg);text-align:center;scroll-snap-align:center;border:1.5px solid #0000;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:8px 4px 9px;display:flex;overflow:hidden}.design[aria-checked=true],.anim[aria-checked=true]{border-color:var(--accent);background:#16203a}.design__sample,.anim__stage{justify-content:center;align-items:center;height:30px;display:flex}.design__name,.anim__name{font-size:13px;font-weight:600}.design{scroll-snap-align:start;flex:none;min-width:calc(20.8333% - 5px)}.design__name{overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:manual;hyphens:manual;width:min-content;font-size:12px;line-height:1.15}.sample{white-space:nowrap;color:#fff;font-size:12px;line-height:1}.sample--classic{color:var(--sample-accent)}.sample--neon{border:2px solid var(--sample-accent);box-shadow:0 0 7px var(--sample-accent), inset 0 0 4px var(--sample-accent);border-radius:7px;padding:3px 7px 4px}.sample--glass{background:linear-gradient(#ffffff47, #ffffff0a), color-mix(in srgb, var(--sample-accent) 55%, transparent);color:var(--sample-ink);border:1px solid #ffffff73;border-radius:999px;padding:4px 9px 5px}.sample--marker{background:var(--sample-accent);color:var(--sample-ink);border-radius:7px;padding:2px 6px 3px}.anim__stage{justify-content:center;width:100%}.anim__word{white-space:nowrap;font-size:13px;line-height:1;display:inline-block}.anim__word--reveal{animation:2.4s ease-out infinite word-reveal}.anim__word--pop{animation:2.4s ease-out infinite word-pop}.anim__word--typewriter{animation:2.4s steps(6,end) infinite word-type}@keyframes word-reveal{0%{opacity:0}25%,85%{opacity:1}to{opacity:0}}@keyframes word-pop{0%{opacity:0;transform:scale(.85)}10%{opacity:1;transform:scale(1.05)}18%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes word-type{0%{clip-path:inset(0 100% 0 0)}60%,to{clip-path:inset(0)}}.palette{justify-content:space-between;display:flex}.palette .swatch{width:40px;height:40px}.palette .swatch__ink{width:32px;height:32px}.rows{flex-direction:column;display:flex}.rows__item{border-bottom:1px solid var(--row-line)}.rows__item--camera{border-bottom:0;flex-direction:column;gap:10px;padding:12px 2px 14px;font-size:16px;display:flex}.row{width:100%;min-height:64px;color:var(--fg);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 2px;font-size:16px;display:flex}.row__text{flex:auto;min-width:0}.row[aria-pressed=true] .switch{background:var(--accent)}.row[aria-pressed=true] .switch:after{transform:translate(19px)}.thumb{background:linear-gradient(#2a3142,#121620);border-radius:7px;flex:none;width:34px;height:52px;transition:opacity .15s;position:relative;overflow:hidden}.thumb[data-on=false]{opacity:.35}.thumb i{display:block;position:absolute}.thumb--hook i:first-child{background:#fff;border-radius:2px;width:20px;height:3px;top:8px;left:7px}.thumb--hook i:nth-child(2){background:var(--accent);border-radius:2px;width:24px;height:6px;top:14px;left:5px}.thumb--hook i:nth-child(3),.thumb--emoji i:nth-child(2),.thumb--emoji i:nth-child(3),.thumb--stock i:nth-child(3),.thumb--sfx i:nth-child(3){display:none}.thumb--graphics i{background:#ffffffd9;border-radius:3px;width:22px;height:6px;left:6px}.thumb--graphics i:first-child{top:14px}.thumb--graphics i:nth-child(2){top:23px}.thumb--graphics i:nth-child(3){top:32px}.thumb--emoji i:first-child{background:#fff;border-radius:2px;width:26px;height:4px;bottom:12px;left:4px}.thumb--emoji:after{content:"💬";text-align:center;width:100%;font-size:14px;position:absolute;top:12px;left:0}.thumb--stock i:first-child{background:linear-gradient(135deg,#1d3b2a,#3e6b45);inset:0}.thumb--stock i:nth-child(2){clip-path:polygon(0 100%,35% 20%,60% 70%,80% 40%,100% 100%);background:#6fa36f;width:22px;height:12px;bottom:10px;left:6px}.thumb--sfx i{background:var(--link);border-radius:2px;width:4px;bottom:18px}.thumb--sfx i:first-child{height:10px;left:9px}.thumb--sfx i:nth-child(2){height:18px;left:15px}.thumb--sfx:after{content:"";background:var(--link);border-radius:2px;width:4px;height:7px;position:absolute;bottom:18px;left:21px}.camera__text{flex-direction:column;display:flex}.page .done{margin-top:4px}.zoom{z-index:10;gap:var(--app-gap);padding:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);background:var(--bg);touch-action:none;overscroll-behavior:contain;flex-direction:column;animation:.18s ease-out zoom-in;display:flex;position:fixed;inset:0}.zoom__backdrop{cursor:default;background:0 0;border:0;padding:0;position:absolute;inset:0}.zoom__head,.zoom__stage{pointer-events:none;position:relative}.zoom__head{height:var(--brand-h);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.zoom__title{color:var(--soft);margin:0 2px;font-size:16px;font-weight:600}.zoom__close{pointer-events:auto;background:#ffffff1f;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.zoom__close:active{background:#fff3}.zoom__stage{flex:1 1 0;min-height:0}.zoom__stage .preview__frame{pointer-events:auto}@keyframes zoom-in{0%{opacity:0}to{opacity:1}}