[hidden]{display:none!important}:root{--bg:#EEF0EC;--surface:#FFFFFF;--line:#D6D9D2;--fg:#16191A;--muted:#5B615C;--accent:#2747D6;--accent-fg:#FFFFFF;--stage:#E1E4DE;--sel:#2747D6;--danger:#B42318;--f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-body:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101211;--surface:#1A1D1B;--line:#2D312E;--fg:#ECEEEA;--muted:#9AA19C;--accent:#8198FF;--accent-fg:#0A0D1C;--stage:#0A0B0A;--sel:#8198FF;--danger:#FF8A80;color-scheme:dark}}:root[data-theme=dark]{--bg:#101211;--surface:#1A1D1B;--line:#2D312E;--fg:#ECEEEA;--muted:#9AA19C;--accent:#8198FF;--accent-fg:#0A0D1C;--stage:#0A0B0A;--sel:#8198FF;--danger:#FF8A80;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.45 var(--f-body);padding-inline:16px;-webkit-tap-highlight-color:transparent}.screen{max-width:560px;margin:0 auto;padding-block:14px 40px;display:flex;flex-direction:column;gap:18px}section{display:flex;flex-direction:column;gap:9px;min-width:0}.label{font:600 11px/1 var(--f-body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}.hint{font-size:12.5px;color:var(--muted);margin:0}.mark{display:flex;align-items:center;gap:10px}.glyph{display:grid;grid-template-columns:9px 5px;grid-template-rows:5px 9px;gap:2px}.glyph i{background:var(--fg);border-radius:1px}.glyph i:nth-child(2){background:var(--accent)}h1{font:800 26px/1 var(--f-display);letter-spacing:-.02em;margin:0}h2.screen-title{font:700 19px/1 var(--f-display);margin:0;flex:1}button{font-family:inherit}.icon-btn{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;padding:0}.icon-btn svg{width:20px;height:20px}.icon-btn:disabled{opacity:.35;cursor:default}.primary{border:0;border-radius:14px;background:var(--accent);color:var(--accent-fg);font:700 17px/1 var(--f-display);padding:16px;display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer}.primary svg{width:18px;height:18px}.linkish{border:0;background:none;color:var(--accent);font:600 13px var(--f-body);padding:0;cursor:pointer;text-align:left}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:6px 12px;font:600 12px/1 var(--f-body);cursor:pointer;text-transform:none;letter-spacing:0}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:7px 12px;font:500 13.5px/1.1 var(--f-body);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;text-align:left}.chip small{font:500 11px var(--f-mono);color:var(--muted)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip[aria-pressed=true] small{color:inherit;opacity:.7}.chip.big{padding:10px 14px;font-weight:600}.chip svg{width:15px;height:15px;flex:none}.danger{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:12px;min-width:0}.switchrow{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.switchrow span{display:flex;flex-direction:column;gap:2px;font-weight:500}.switchrow small{font-weight:400;font-size:12.5px;color:var(--muted)}.switchrow input{accent-color:var(--accent);width:22px;height:22px;flex:none}.switchrow input:disabled+*{opacity:.5}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.dcard{display:flex;flex-direction:column;gap:6px;min-width:0}.dcard .open{border:0;padding:0;background:var(--stage);border-radius:10px;overflow:hidden;aspect-ratio:4/5;display:grid;place-items:center;cursor:pointer;width:100%}.dcard .open img{width:100%;height:100%;object-fit:contain;display:block}.drow{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;min-width:0}.dname{font:600 14px/1.3 var(--f-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dmeta{font:500 11px/1.3 var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.more{border:0;background:none;color:var(--muted);padding:0 4px;cursor:pointer;flex:none;height:22px}.more svg{width:18px;height:18px}.dactions{display:flex;gap:6px;flex-wrap:wrap}.dactions button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 10px;font:600 12px var(--f-body);cursor:pointer}.dactions .yes{color:var(--danger)}.name-in{width:100%;box-sizing:border-box;border:1px solid var(--accent);border-radius:8px;background:var(--bg);color:var(--fg);font:500 16px var(--f-body);padding:6px 8px}.home-empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:20px;display:grid;gap:10px;justify-items:start}.home-empty p{margin:0}#editor.screen{padding-block:0 110px;gap:0}.ehead{position:sticky;top:env(safe-area-inset-top,0px);z-index:4;background:var(--bg);padding-block:8px 10px;display:flex;flex-direction:column;gap:8px}.topbar{display:flex;align-items:center;gap:8px;min-width:0}.title-btn{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:700 17px/1.2 var(--f-display);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 2px;cursor:text}.save-btn{flex:none;border:0;border-radius:12px;background:var(--accent);color:var(--accent-fg);font:700 15px/1 var(--f-display);padding:12px 16px;cursor:pointer}.save-btn:disabled{opacity:.45}.stage{background:var(--stage);border-radius:var(--r);padding:10px;display:grid;place-items:center;position:relative;min-height:160px}#main{display:block;max-width:100%;max-height:42vh;width:auto;height:auto;touch-action:none;box-shadow:0 1px 2px #0000001f,0 8px 28px #0000001f}.caption{font:500 11px var(--f-mono);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.empty{display:grid;justify-items:center;gap:12px;text-align:center;color:var(--muted);padding:28px 12px}.panel{padding-top:12px;display:flex;flex-direction:column;gap:16px}.tab,.ctx{display:flex;flex-direction:column;gap:12px;min-width:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar-in{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.tabbar button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font:600 11px var(--f-body);padding:6px 0;cursor:pointer}.tabbar button[aria-selected=true]{color:var(--accent)}.tabbar svg{width:22px;height:22px}.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mthumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:0;padding:0;background:var(--stage);cursor:pointer}.mthumb canvas{width:100%;height:100%;display:block}.mthumb[aria-pressed=true]{outline:2.5px solid var(--accent);outline-offset:-2.5px}.badge{position:absolute;left:4px;top:4px;background:var(--accent);color:var(--accent-fg);font:700 9px/1 var(--f-body);padding:3px 4px;border-radius:4px;letter-spacing:.05em}.badge.bd{background:#16191a;color:#fff}.badge+.badge{top:22px}.tag{position:absolute;left:4px;bottom:4px;background:#0000009e;color:#fff;font:500 9.5px/1 var(--f-mono);padding:3px 4px;border-radius:4px}.madd{aspect-ratio:1;border:1.5px dashed var(--muted);border-radius:8px;background:none;color:var(--fg);font:600 12px/1.15 var(--f-body);display:grid;place-items:center;cursor:pointer}.madd b{display:block;font-size:22px;line-height:1;font-weight:500}.pa-head{display:flex;gap:12px;align-items:center}.pa-head canvas{width:64px;height:64px;border-radius:8px;flex:none}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.stepper button{border:0;background:none;color:var(--fg);width:32px;height:30px;font:500 17px var(--f-body);cursor:pointer}.stepper span{font:500 13px var(--f-mono);min-width:56px;text-align:center}.strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.strip::-webkit-scrollbar,.recents::-webkit-scrollbar{display:none}.lcard{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;align-items:flex-start;background:none;border:0;padding:0;color:var(--fg);cursor:pointer;scroll-snap-align:start}.lcard canvas{display:block;height:116px;width:auto;border-radius:4px;outline:1px solid var(--line)}.lcard[aria-pressed=true] canvas{outline:2.5px solid var(--accent);outline-offset:1px}.lcard span{font:500 11px/1 var(--f-mono);color:var(--muted);white-space:nowrap}.lcard[aria-pressed=true] span{color:var(--fg)}.row{display:grid;grid-template-columns:76px 1fr 54px;align-items:center;gap:10px}.row label,.row .k{font-size:13.5px;font-weight:500}.row output{font:500 12px var(--f-mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.row.two{grid-template-columns:76px 1fr}input[type=range]{width:100%;accent-color:var(--accent)}.swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sw{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);cursor:pointer;padding:0;position:relative;background-size:cover;background-position:center}.sw[aria-pressed=true]{outline:2.5px solid var(--accent);outline-offset:2px}.sw.auto{background:conic-gradient(#e7c9a9,#a9c4e7,#b9e7a9,#e7a9c9,#e7c9a9)}.sw.blur:after{content:"";position:absolute;inset:0;border-radius:50%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.sw.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}textarea.text-in{resize:none;font-family:var(--f-body);line-height:1.35;min-height:46px}.text-in,.vibe{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:500 16px var(--f-body);padding:10px 12px}.field{min-height:56px;border:1.5px dashed var(--muted);border-radius:12px;padding:12px;font-size:28px;line-height:1.2;background:var(--surface);outline:none;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.field:empty:before{content:attr(data-ph);font:400 13.5px/1.4 var(--f-body);color:var(--muted)}.field:focus{border-color:var(--accent);border-style:solid}.recents{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-height:56px;align-items:center}.recents button{flex:0 0 56px;height:56px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:4px;cursor:pointer}.recents .none{font-size:12.5px;color:var(--muted)}.bound{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}details{font-size:13px;color:var(--muted)}summary{cursor:pointer;color:var(--fg);font-weight:500}ol.steps{padding-left:18px;margin:0;display:grid;gap:6px;font-size:13.5px}.build{font:500 11px var(--f-mono);color:var(--muted)}.nudge{gap:10px;border-color:var(--accent)}.nudge span{display:flex;flex-direction:column;gap:3px}.nudge small{font-size:13px;color:var(--muted)}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--stage);border-radius:12px;padding:3px;gap:3px}.seg button{border:0;border-radius:9px;background:none;color:var(--muted);font:600 14px var(--f-body);padding:9px;cursor:pointer}.seg button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001f}.tmpl-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.tmpl-card span{display:flex;flex-direction:column;gap:2px;font-weight:500}.tmpl-card small{font-weight:400;font-size:12.5px;color:var(--muted)}.fillrow{display:grid;gap:6px}.trimwrap{min-width:0}.trimwrap canvas{display:block;width:100%;height:auto;border-radius:8px}.postcard{width:100%;box-sizing:border-box;gap:8px}.post-text{margin:0;font-size:14.5px}.post-tags{margin:0;font-size:13px;color:var(--accent)}.fill-l{font-size:13.5px;font-weight:600}.fill-l small{font:500 11px var(--f-mono);color:var(--muted);margin-left:4px}.fill-s{display:flex;gap:8px;align-items:center}.fill-thumb{width:48px;height:48px;flex:none;border-radius:8px;background:var(--stage)}.emoji-in{flex:1;min-width:0}#askChoices{display:grid;gap:8px}#askChoices .save-btn,#askChoices .ghost{width:100%;padding:13px;font-size:15px}.overlay{position:fixed;inset:0;background:#0a0c0b9e;display:grid;place-items:center;z-index:10;padding:24px}.ovpanel{background:var(--surface);color:var(--fg);border-radius:14px;padding:20px;width:min(320px,100%);display:grid;gap:12px}.ovpanel h2{font:700 18px/1.2 var(--f-display);margin:0}.meter{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.ovpanel p{margin:0;font-size:13px;color:var(--muted)}.ov-actions{display:flex;gap:10px;align-items:center}.ov-actions .save-btn{flex:1;padding:14px}.ov-actions .ghost{padding:12px 16px;font-size:14px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:13.5px;z-index:11;max-width:calc(100% - 32px);text-align:center}@media (prefers-reduced-motion:reduce){.meter i{transition:none}}.nudge.install ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.35}.nudge.install .k{display:inline-block;padding:0 6px;border:1px solid var(--line);border-radius:6px;font-weight:600;white-space:nowrap}.chip.ghostchip{background:transparent;border-style:dashed}#seasonsMore{margin-top:8px}.tiles-card{flex-direction:column;align-items:stretch;gap:10px}.tiles-card>span{display:flex;flex-direction:column;gap:3px}.tiles-card small{font-size:13px;color:var(--muted)}.statrow{display:flex;gap:8px;align-items:center;margin:6px 0}.statrow .chk{display:flex;gap:6px;align-items:center;min-width:92px;font-size:14px}.statrow .vibe{flex:1;min-width:0;margin:0}.statrow .vibe.short{flex:0 0 74px}.card.sub{flex-direction:column;align-items:stretch;gap:8px;margin-top:10px}.card.sub>span{display:flex;flex-direction:column;gap:3px}.card.sub small{font-size:13px;color:var(--muted)}.addgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.addrow{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;min-height:44px}.addrow b{font:600 14.5px/1.2 var(--f-body)}.addrow small{font-size:12.5px;line-height:1.25;color:var(--muted)}.addrow.primary-row{width:100%;margin:4px 0 6px;background:var(--fg);color:var(--bg);border-color:var(--fg)}.addrow.primary-row small{color:inherit;opacity:.75}.fullbtn{position:absolute;right:16px;bottom:16px;width:38px;height:38px;background:#1416159e;color:#fff;border:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fullbtn svg{width:18px;height:18px}.fullview{position:fixed;inset:0;z-index:60;background:#0b0c0c;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#fullCanvas{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;box-shadow:0 0 0 1px #ffffff0f}.fv-bar{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;pointer-events:none}.fv-bar>*{pointer-events:auto}.fv-bar span{font:500 13px var(--f-mono);color:#fffc;background:#00000073;padding:5px 10px;border-radius:999px}.fv-bar .icon-btn{background:#ffffff24;color:#fff;border:none}.fv-hint{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);margin:0;text-align:center;font-size:13px;color:#ffffffb3;pointer-events:none;transition:opacity .4s}.fv-topill{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border:none;border-radius:999px;background:#fff;color:#111;font:600 15px var(--f-body);cursor:pointer;box-shadow:0 6px 20px #00000059}.fv-topill svg{width:18px;height:18px}.fv-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important}.fv-motion{position:absolute;left:0;right:0;bottom:0;padding:0 14px calc(env(safe-area-inset-bottom,0px) + 12px);background:#101211f0;color:#fff;display:flex;flex-direction:column;gap:8px}.fv-progress{margin:0 -14px 2px;padding:10px 14px;cursor:pointer;touch-action:none}.fv-track{position:relative;height:4px;border-radius:2px;background:#ffffff2e}.fv-track i{display:block;height:100%;width:0;border-radius:2px;background:#fff}.fv-track b{position:absolute;top:50%;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006}.fv-restart svg{width:19px;height:19px}.fv-head{display:flex;align-items:center;gap:12px}.fv-play{flex:none;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff24;color:#fff;display:grid;place-items:center;cursor:pointer}.fv-play svg{width:20px;height:20px}.fv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fv-info b{font:600 15px var(--f-body)}.fv-info span{font-size:12.5px;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-save{flex:none;height:44px;padding:0 18px;border:none;border-radius:999px;background:var(--sel,#2747D6);color:#fff;font:600 15px var(--f-body);cursor:pointer}.fv-row{display:flex;align-items:center;gap:8px;min-width:0}.fv-row>span{font-size:12.5px;color:#fff9;width:42px;flex:none}.fv-row .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.fv-row .chip{background:#ffffff14;border-color:#ffffff2e;color:#fff;white-space:nowrap}.fv-row .chip[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.fullview.playing .fv-hint,.fullview.playing .fv-topill{display:none}.support-card{flex-direction:column;align-items:stretch;gap:10px}.hint.small{font-size:12.5px;margin:0}.fv-credit{margin:-2px 0 0;font-size:11.5px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-credit a{color:inherit}.fv-row .chip.beat{border-style:dashed}.fv-row .chip.loading{opacity:.6}.credits{margin:8px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}.credits a{color:inherit}.fv-free{font-size:12px;color:#ffffff80;white-space:nowrap;padding:0 4px}.fv-tabs{display:flex;gap:8px}.fv-tab{flex:1;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font:500 14px var(--f-body);cursor:pointer}.fv-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-tab svg{width:17px;height:17px;flex:none}.fv-tab[aria-expanded=true]{background:#fff;color:#111;border-color:#fff}.fv-tab.on:not([aria-expanded=true]){border-color:#ffffff8c}.fv-sheet{display:flex;flex-direction:column;gap:8px;padding:6px 0 2px;border-top:1px solid rgba(255,255,255,.1)}.fv-trim{display:flex;flex-direction:column;gap:4px}.fv-trim canvas{width:100%;height:46px;display:block;touch-action:none;cursor:grab;border-radius:8px}.fv-trim-info{display:flex;gap:10px;align-items:center;font-size:12px;color:#ffffffa6}.fv-trim-hint{margin-left:auto;color:#fff6}.fv-link{background:none;border:none;padding:0;color:#fff;font:600 12px var(--f-body);text-decoration:underline;cursor:pointer}.diag{margin:8px 0;max-height:180px;overflow:auto;font:11.5px/1.4 var(--f-mono);white-space:pre-wrap;word-break:break-word;color:var(--muted)}.mode-chip{display:none;position:absolute;left:14px;top:14px;z-index:2;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:var(--sel,#2747D6);color:#fff;font:600 12.5px var(--f-body);pointer-events:none;box-shadow:0 2px 8px #00000040}.mode-chip svg{width:14px;height:14px}.stage.editing-layout{box-shadow:inset 0 0 0 3px var(--sel,#2747D6)}.stage.editing-layout .mode-chip{display:inline-flex}