:root{--paper:#0b1416;--card:#131e21;--ink:#e8f0ef;--muted:#9bb0ad;--line:#26383b;--accent:#5fe0d6;--accent-ink:#04282a;--mark:#e6b82e;--warn:#ff8a80;--r:16px;--nav-h:64px;--sans:"Avenir Next", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--paper:#f3f5f4;--card:#fff;--ink:#0f1f24;--muted:#54666b;--line:#d5dedc;--accent:#00756f;--accent-ink:#fff;--mark:#ffd24a;--warn:#b3261e}}:root[data-theme=light]{--paper:#f3f5f4;--card:#fff;--ink:#0f1f24;--muted:#54666b;--line:#d5dedc;--accent:#00756f;--accent-ink:#fff;--mark:#ffd24a;--warn:#b3261e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);flex-direction:column;min-height:100dvh;margin:0;display:flex}main{flex:1}a{color:var(--accent)}:focus-visible{outline:3px solid var(--mark);outline-offset:2px;border-radius:4px}.wrap{max-width:920px;margin:0 auto;padding:0 20px}h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2rem,6.5vw,3.2rem);line-height:1.08}h2{letter-spacing:-.01em;margin:36px 0 10px;font-size:1.25rem}.lede{color:var(--muted);max-width:56ch;margin:0 0 22px;font-size:1.12rem}.muted{color:var(--muted)}.warn{color:var(--warn)}.btn{cursor:pointer;font:inherit;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:12px 22px;font-weight:650;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{padding:7px 16px;font-size:.92rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}a.card{color:var(--ink);text-decoration:none;display:block}a.card h3{margin:0 0 4px;font-size:1.05rem}a.card p{color:var(--muted);margin:0;font-size:.95rem}a.card:hover{border-color:var(--accent)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drop{text-align:center;border:2px dashed var(--line);border-radius:var(--r);background:var(--card);cursor:pointer;padding:34px 18px;font-weight:650;display:block}.drop small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.drop.compact{padding:12px}.drop.over,.drop:hover,.sr:focus-visible+.drop{border-color:var(--accent);background:color-mix(in srgb, var(--mark) 22%, var(--card))}.controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0;display:grid}.controls label{color:var(--muted);gap:4px;font-size:.92rem;display:grid}.controls select,.controls input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px}.rows{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.row{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.row .grow{overflow-wrap:anywhere;flex:1;min-width:0}.row .sub{color:var(--muted);font-size:.85rem}.thumb{object-fit:cover;border-radius:8px;width:44px;height:44px}.mark{background:var(--mark);color:#14201f;border-radius:8px;place-items:center;width:44px;height:44px;font-size:.8rem;font-weight:800;display:grid}.icon{border:1px solid var(--line);color:var(--ink);cursor:pointer;width:36px;height:36px;font:inherit;background:0 0;border-radius:8px}.icon:disabled{opacity:.35;cursor:default}.steps{padding-left:1.2rem}.steps li{margin:4px 0}header.site{border-bottom:1px solid var(--line);background:var(--card)}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:800;text-decoration:none}nav.top a{color:var(--muted);margin-left:16px;font-size:.95rem;text-decoration:none}nav.top a:hover,nav.top a[aria-current=page]{color:var(--accent)}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:24px 0 40px;font-size:.92rem}footer.site a{color:var(--muted);margin-right:16px}footer.site .popular{margin:0 0 12px}.faqlist h3{margin:16px 0 4px;font-size:1rem}.faqlist p{margin:0}main{padding:40px 0 0}@media (prefers-reduced-motion:no-preference){.drop,a.card{transition:border-color .15s,background .15s}}.prose{max-width:68ch}.prose h1{font-size:clamp(1.8rem,5vw,2.4rem)}.prose p,.prose li{color:var(--ink)}.pages{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.pg{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:6px;padding:8px;display:grid}.pg.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.frame{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 6%, var(--card));border-radius:8px;place-items:center;display:grid;overflow:hidden}.frame img{object-fit:contain;max-width:100%;max-height:100%}.pick{align-items:center;gap:6px;font-size:.88rem;display:flex}.acts{justify-content:space-between;gap:4px;display:flex}.acts .icon{width:100%;max-width:38px;height:34px;padding:0}.bar{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.out{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:12px;font:.95rem/1.5 ui-monospace,Menlo,Consolas,monospace}.view{border:1px solid var(--line);background:repeating-conic-gradient(var(--line) 0 25%, var(--card) 0 50%) 0 0 / 16px 16px;touch-action:none;border-radius:12px;width:100%;max-width:720px;height:auto;display:block}.view.crop{cursor:crosshair}.editor[hidden]{display:none}.editor .bar{margin:12px 0}.btn.ghost{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:0 0}.cam video{background:#000;border-radius:12px;width:100%;max-width:720px;display:block}.cam video.hide{display:none}dialog.picker{background:var(--card);width:min(520px,100vw - 32px);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:18px}dialog.picker::backdrop{background:#00000080}.skip{z-index:10;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:10px 16px;font-weight:650;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}main:focus{outline:none}.sr-label{color:var(--muted);align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.sr-label select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:7px}.gear{color:var(--muted);padding:8px;display:none}nav.bottom{display:none}@media (width<=720px){nav.top{display:none}.gear{display:block}header.site .wrap{flex-wrap:nowrap;min-height:56px}body{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}nav.bottom{z-index:20;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}nav.bottom a{min-height:var(--nav-h);color:var(--muted);flex:1;justify-items:center;gap:2px;padding:8px 4px 7px;font-size:.72rem;text-decoration:none;display:grid}nav.bottom a[aria-current=page]{color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}footer.site{display:none}}.hero{text-align:center;padding:12px 0 6px}.hero h1{font-size:clamp(2rem,8vw,3rem)}.hl{color:var(--accent)}.hero .lede{margin:0 auto 18px}.upload{cursor:pointer;color:var(--accent-ink);background:linear-gradient(135deg, #8aece4, var(--accent));border-radius:22px;align-items:center;gap:16px;padding:22px 20px;display:flex}.upload .grow{flex:1}.upload strong{font-size:1.2rem;display:block}.upload small{opacity:.8;display:block}.upload .chev{font-size:1.8rem}.upload.over,.sr:focus-visible+.upload{outline:3px solid var(--mark);outline-offset:2px}.sec{justify-content:space-between;align-items:baseline;margin:28px 0 10px;display:flex}.sec h2{margin:0}.sec a,.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.95rem;text-decoration:none}.tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tiles.two{grid-template-columns:repeat(2,1fr)}.tile{text-align:center;border-radius:var(--r);background:var(--card);border:1px solid var(--line);min-height:96px;color:var(--ink);justify-items:center;gap:8px;padding:18px 8px;font-size:.95rem;font-weight:600;text-decoration:none;display:grid}.tile svg{color:var(--c)}.tile:hover{border-color:var(--c)}.tile.off{opacity:.42;cursor:not-allowed}.tile.off:hover{border-color:var(--line)}.tile small{color:var(--muted);font-size:.75rem;font-weight:400}.card.off{opacity:.5;cursor:not-allowed}.card.off h3{margin:0 0 4px;font-size:1.05rem}.card.off p{color:var(--muted);margin:0;font-size:.95rem}.chips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:8px 18px}.chips button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}.search{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:11px 14px}@media (width<=380px){.tiles{grid-template-columns:repeat(2,1fr)}}.fhead{align-items:center;gap:4px;margin-bottom:8px;display:flex}.fhead h1{flex:1;margin:0;font-size:clamp(1.6rem,6vw,2.2rem)}.iconbtn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 4px;display:grid}.tabs button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:12px;padding:10px 6px}.tabs button.on{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent);font-weight:650}.menuwrap{position:relative}.menu{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:190px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000059}.menu button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;display:block}.menu button:hover,.menu button.on{background:color-mix(in srgb, var(--accent) 16%, transparent)}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.frows{margin:0;padding:0;list-style:none}.frow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 2px;display:flex}.frow .grow{overflow-wrap:anywhere;flex:1;min-width:0}.frow .sub{color:var(--muted);font-size:.85rem}.set h2{color:var(--muted);margin:26px 0 8px;font-size:1.05rem;font-weight:650}.seg{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.seg label{text-align:center;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:12px;padding:10px 6px}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:checked){color:var(--accent);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent);font-weight:650}.seg label:has(input:focus-visible){outline:3px solid var(--mark);outline-offset:2px}.setrow{border-radius:var(--r);background:var(--card);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.setrow select{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;max-width:55%;padding:8px}.danger{color:var(--warn);box-shadow:inset 0 0 0 2px var(--warn);background:0 0}.studiohead{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 12px;padding:12px 14px}.studiohead .who{overflow-wrap:anywhere}.studiohead .sub,.vers .sub{color:var(--muted);font-size:.85rem;font-weight:400}.studiohead .acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.vers{margin-top:8px}.vers summary{cursor:pointer;color:var(--accent);font-size:.92rem}.vers ol{gap:4px;max-height:40vh;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.vers li button{text-align:left;width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px}.vers li button[aria-current=true]{border-color:var(--accent);font-weight:650}[role=tabpanel][hidden]{display:none}.wscards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.studiolink{margin:0 0 16px}.start .drop{margin-top:4px}.openbar{border:1px solid var(--accent);border-radius:var(--r);background:var(--card);align-items:center;gap:8px;margin:0 0 18px;padding:12px 14px;display:flex}.openbar .grow{min-width:0}.openbar small{color:var(--accent);font-weight:600;display:block}.openbar strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.storage{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin:0 0 18px;padding:12px 14px}.storage.full{border-color:var(--mark)}.storage .meter{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.storage .meter span{background:var(--accent);height:100%;display:block}.storage.full .meter span{background:var(--mark)}.storage .warn{margin:8px 0 0}.adslot{min-height:180px;margin:24px 0}.adslot small{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.72rem;display:block}