#main{max-width:760px;padding:8px var(--gutter) 0;margin:0 auto}.view{animation:.2s fade}.view.center{text-align:center;justify-items:center;gap:14px;padding-top:12vh;display:grid}.lede{color:var(--muted);max-width:520px;margin:14px 0 22px;font-size:17px}.drop{text-align:center;cursor:pointer;background:radial-gradient(120% 120% at 50% 0%, #c6ff4a1f, transparent 60%), var(--card);border:2px dashed #c6ff4a8c;border-radius:28px;justify-items:center;gap:6px;padding:34px 20px;transition:border-color .2s,transform .12s;display:grid;position:relative}.drop:hover,.drop.over{border-color:var(--lime)}.drop:active{transform:scale(.99)}.drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-icon{background:var(--lime);width:64px;height:64px;color:var(--bg);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.drop-title{font:800 24px/1.1 var(--display)}.drop-sub{color:var(--muted);font-size:14px}.drop:focus-within{outline:3px solid var(--lime);outline-offset:3px}.privacy-pill{color:var(--muted);text-align:center;margin:14px 0;font-size:14px}.guide{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:8px 0 18px;padding:4px 16px}.guide summary{cursor:pointer;color:var(--muted);padding:14px 0;font-size:15px;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary b{color:var(--ink)}.guide summary:after{content:"＋";float:right;color:var(--lime);font-weight:800}.guide[open] summary:after{content:"－"}.tabs{background:#fff8ef0f;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 18px;font-weight:700}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.steps{gap:8px;margin:14px 0 6px;padding-left:22px;display:grid}.steps li::marker{color:var(--lime);font-weight:800}.guide .fine{margin:6px 0 14px}.sample-link{text-align:center;color:var(--muted);padding:12px;text-decoration:none;display:block}.sample-link b{color:var(--lime)}.loader{gap:10px;display:flex}.loader span{background:var(--chilli);border-radius:50%;width:18px;height:18px;animation:.9s ease-in-out infinite hop}.loader span:nth-child(2){background:var(--lime);animation-delay:.15s}.loader span:nth-child(3){background:var(--pink);animation-delay:.3s}@keyframes hop{50%{transform:translateY(-16px)}}.big-emoji{font-size:64px}.err-tips{text-align:left;color:var(--muted);gap:6px;max-width:440px;margin:0 0 8px;display:grid}.sample-banner{background:#c6ff4a1f;border:1px solid #c6ff4a66;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px 10px 16px;font-size:15px;display:flex}.launch-banner{background:#ffb0201f;border:1px solid #ffb02066;border-radius:18px;margin:0 0 16px;padding:12px 16px;font-size:15px}.res-head{gap:14px;margin-bottom:18px;display:grid}.res-head p{margin:6px 0 0}.res-actions{flex-wrap:wrap;gap:8px;display:flex}.play{margin-bottom:16px}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:560px){.grid{grid-template-columns:repeat(3,1fr)}}.card-thumb{cursor:pointer;aspect-ratio:9/16;background:var(--card);border:0;border-radius:18px;padding:0;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 12px 30px -16px #000c}.card-thumb:hover{transform:translateY(-3px)rotate(-.5deg)}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-thumb.loading:after{content:"";background:linear-gradient(100deg, transparent 30%, #fff8ef14 50%, transparent 70%) var(--card);background-size:200% 100%;animation:1.1s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.card-thumb .lock{background:#00000080;border-radius:999px;padding:4px 8px;font-size:18px;position:absolute;top:10px;right:10px}.share-site{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);justify-items:start;gap:12px;margin:28px 0 0;padding:16px;display:grid}.share-site p{color:var(--muted);margin:0}.share-site b{color:var(--ink)}.buybar{z-index:40;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#0f0a19eb;justify-content:space-between;align-items:center;gap:12px;animation:.25s rise;display:flex;position:fixed;bottom:0;left:0;right:0}.buybar-text{font-size:15px;line-height:1.25;display:grid}.buybar-text span{color:var(--muted);font-size:13px}.viewer{z-index:50;padding:max(10px, env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:#050308;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.bars{gap:4px;padding:0 52px 8px 4px;display:flex}.bars span{background:#ffffff40;border-radius:2px;flex:1;height:3px}.bars span.done,.bars span.on{background:#fff}.v-close{top:max(4px, env(safe-area-inset-top));cursor:pointer;z-index:2;background:0 0;border:0;width:44px;height:44px;font-size:22px;position:absolute;right:8px}.stage{place-items:center;min-height:0;display:grid;position:relative}.stage img{aspect-ratio:9/16;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:none;user-select:none;background:#111;border-radius:16px;max-width:100%;max-height:100%}.tap{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:38%;position:absolute;top:0;bottom:0}.tap.prev{width:28%;left:0}.tap.next{right:0}.v-actions{justify-content:center;gap:10px;padding-top:10px;display:flex}.v-actions .btn{flex:1;max-width:240px}#v-locked .btn{max-width:420px}.plans{gap:10px;display:grid}.plan{border:2px solid var(--line);cursor:pointer;background:var(--card);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.plan:has(input:checked){border-color:var(--lime);background:#c6ff4a14}.plan input{accent-color:var(--lime);flex:none;width:20px;height:20px}.plan-body{flex:1;display:grid}.plan-name{font-weight:800}.plan-name em{white-space:nowrap;background:var(--lime);color:var(--bg);vertical-align:2px;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.plan-desc{color:var(--muted);font-size:13px}.plan-price{font:800 26px/1 var(--display)}.row{gap:8px;display:flex}.row input,.names input{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:50px;color:var(--ink);font:500 16px var(--body);border-radius:14px;flex:1;padding:0 14px}.names{gap:10px;margin-bottom:14px;display:grid}.names label{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:10px;display:grid}.names span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}body.has-buybar .toast{bottom:calc(100px + env(safe-area-inset-bottom))}.stage img.pending{opacity:.5;transition:opacity .15s}.buybar .btn{flex:none}@media (max-width:370px){.buybar-text span{display:none}.buybar-text{font-size:14px}.buybar .btn{padding:0 18px}}