:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}#root{display:contents}:root{--bg:#ece7df;--panel:#f6f3ee;--raise:#fffdf9;--ink:#2a2521;--muted:#776d63;--line:#dad1c4;--accent:#55603f;--accent-ink:#f6f3ee;--soft:#e3ddd2;--danger:#9a4a3a;--f-display:"Gilda Display", Georgia, "Times New Roman", serif;--f-brand:"Cormorant Garamond", Georgia, "Times New Roman", serif;--f-ui:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--r:8px;--stage:transparent;--stage-ink:var(--muted);--stage-fg:var(--ink);--stage-line:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191714;--panel:#221f1b;--raise:#2a2621;--ink:#ede7dd;--muted:#a39a8e;--line:#3a352f;--accent:#a9b78a;--accent-ink:#1b1a15;--soft:#2f2b26;--danger:#d98b78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#191714;--panel:#221f1b;--raise:#2a2621;--ink:#ede7dd;--muted:#a39a8e;--line:#3a352f;--accent:#a9b78a;--accent-ink:#1b1a15;--soft:#2f2b26;--danger:#d98b78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);accent-color:var(--accent);font-size:14px;line-height:1.45}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--panel);position:fixed;inset:0 0 auto}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--panel);border-bottom:1px solid var(--line);position:sticky}.top-in{justify-content:space-between;align-items:center;gap:16px;max-width:1480px;margin:0 auto;padding-block:12px;display:flex}.brand{align-items:baseline;gap:10px;min-width:0;display:flex}.mark{font-family:var(--f-brand);letter-spacing:.015em;white-space:nowrap;font-size:30px;font-weight:500;line-height:1.1}.by{color:var(--muted);letter-spacing:.04em;white-space:nowrap;opacity:.8;font-size:11.5px}.by a{color:inherit;text-decoration:none}.by a:hover{color:var(--ink);text-underline-offset:2px;text-decoration:underline}@media (width<=620px){.brand{flex-direction:column;align-items:flex-start;gap:1px}.mark{font-size:26px}}.top-r{align-items:center;gap:14px;display:flex}.theme-btn{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid}.theme-btn:hover{color:var(--ink)}.theme-btn svg{width:16px;height:16px}.lang{align-items:center;gap:8px;display:flex}.lang button{letter-spacing:.08em;color:var(--muted);background:0 0;border:0;padding:6px 1px;font-size:12px;font-weight:600;line-height:1;position:relative}.lang button:hover{color:var(--ink)}.lang button.on{color:var(--accent)}.lang button.on:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-3px;left:-1px;right:-1px}.lang .sep{background:var(--line);width:1px;height:12px}.btn{border:1px solid var(--line);background:var(--raise);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:16px;height:16px}main{flex-direction:column;gap:24px;max-width:1480px;margin:0 auto;padding-block:24px 64px;display:flex}.deck{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;display:grid}@media (width<=980px){.deck{grid-template-columns:minmax(0,1fr)}}.block{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}h2{font-family:var(--f-display);margin:0;font-size:21px;font-weight:400}.note{color:var(--muted);font-size:12.5px}.tray{flex-wrap:wrap;gap:8px;display:flex}.still{aspect-ratio:16/9;background:var(--soft);border-radius:6px;width:96px;position:relative;overflow:hidden}.still img{object-fit:cover;width:100%;height:100%;display:block}.still .x{color:#fff;background:#14100c9e;border:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:grid;position:absolute;top:3px;right:3px}.still .res{color:#fff;text-shadow:0 1px 2px #000000b3;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:3px;left:4px}.add{aspect-ratio:16/9;border:1px dashed var(--muted);width:96px;color:var(--muted);text-align:center;white-space:pre-line;background:0 0;border-radius:6px;place-items:center;font-size:12px;line-height:1.2;display:grid}.add:hover{color:var(--ink);border-color:var(--ink)}.sample-flag{color:var(--muted);background:var(--soft);border-radius:6px;padding:8px 10px;font-size:12px}.filters{scrollbar-width:thin;gap:10px;margin:-4px -4px 0;padding:4px 4px 6px;display:flex;overflow-x:auto}.fchip{text-align:left;background:0 0;border:0;flex-direction:column;flex:none;gap:6px;width:104px;padding:0;display:flex}.fchip canvas{outline-offset:2px;border-radius:6px;outline:2px solid #0000;width:104px;height:58px;transition:outline-color .15s;display:block}.fchip span{color:var(--muted);white-space:nowrap;font-size:12.5px}.fchip.on canvas{outline-color:var(--accent)}.fchip.on span{color:var(--ink);font-weight:600}.sl3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=520px){.sl3{grid-template-columns:minmax(0,1fr)}}.ctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;display:grid}.ctl label{color:var(--muted);font-size:12.5px}.ctl output{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:3.5em;font-size:12px}.ctl input[type=range]{grid-column:1/-1;width:100%;margin:2px 0}.pair{align-items:center;gap:8px;display:flex}.split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.sel{border:1px solid var(--line);background:var(--raise);border-radius:999px;padding:7px 12px}#selCount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:28px 22px;display:grid}.card{flex-direction:column;gap:10px;min-width:0;display:flex}.thumb{background:var(--soft);border-radius:var(--r);aspect-ratio:16/9;width:100%;max-width:100%;box-shadow:0 1px 0 var(--stage-line);border:0;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.thumb:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #281e148c}.thumb canvas{width:100%;height:100%;display:block}.thumb .edited{letter-spacing:.06em;text-transform:uppercase;color:#2a2521;background:#f6f3eeeb;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.thumb .open{color:#fff;opacity:0;background:#14100c99;border-radius:999px;padding:4px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:8px;right:8px}.thumb:hover .open,.thumb:focus-visible .open{opacity:1}.card.picked .thumb{outline:2px solid var(--accent);outline-offset:3px}.meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.meta h3{font-family:var(--f-display);margin:0;font-size:17px;font-weight:400}.meta p{color:var(--muted);margin:0;font-size:12.5px}.meta-r{align-items:center;gap:6px;display:flex}.pickbox{border:1px solid var(--line);background:var(--raise);color:#0000;border-radius:8px;place-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.pickbox input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pickbox svg{width:16px;height:16px}.pickbox:hover{border-color:var(--muted);color:var(--muted)}.pickbox.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pickbox:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.icon-btn{border:1px solid var(--line);background:var(--raise);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.icon-btn:hover{border-color:var(--muted)}.icon-btn svg{width:16px;height:16px}#editView{flex-direction:column;min-height:calc(100% - 60px);display:flex}.ed-top{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.ed-top h2{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:20px;overflow:hidden}.ed-act{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.ed-body{flex:auto;grid-template-columns:minmax(0,1fr) 384px;min-height:0;display:grid}@media (width<=960px){.ed-body{grid-template-columns:minmax(0,1fr)}}.stage{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-width:0;padding-block:24px;display:flex}#edWrap{aspect-ratio:16/9;background:var(--soft);border-radius:6px;width:100%;max-width:min(1200px,100%);overflow:hidden;box-shadow:0 18px 40px -24px #281e1499}#edCanvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#edWrap{position:relative}#slotUI{pointer-events:none;position:absolute;inset:0}.swap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:auto;cursor:grab;touch-action:none;opacity:.85;background:#1814108c;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:opacity .15s,transform .15s;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.swap:hover,.swap:focus-visible{opacity:1;transform:translate(-50%)scale(1.08)}.swap.dragging{opacity:.3;cursor:grabbing}.swap svg{width:16px;height:16px}.swap-target{pointer-events:none;background:#ffffff29;border:2px dashed #fff;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #0000004d}.swap-target span{color:#fff;background:#181410b3;border-radius:999px;padding:4px 10px;font-size:12px}.swap-ghost{pointer-events:none;z-index:2;background:#cfc6b8 50%/cover;border:2px solid #fff;border-radius:6px;width:72px;height:40px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #0006}.hint{color:var(--muted);text-align:center;margin:0;font-size:12.5px}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-width:0;max-height:calc(100vh - 120px);display:flex;position:sticky;top:60px}@media (width<=960px){.panel{border-left:0;border-top:1px solid var(--line);max-height:none;position:static}}.tabs{border-bottom:1px solid var(--line);padding:0 8px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 6px;font-weight:500}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}#pb{flex-direction:column;gap:18px;padding:16px 18px 40px;display:flex;overflow:auto}.sec{flex-direction:column;gap:12px;display:flex}.sec-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.sec-h h4{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11.5px;font-weight:600}.hr{background:var(--line);height:1px}.slot{border:1px solid var(--line);background:var(--raise);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.slot.on{border-color:var(--accent)}.slot strong{font-size:13px;font-weight:600}.pick{gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.pk{aspect-ratio:16/9;background:var(--soft);border:2px solid #0000;border-radius:5px;flex:none;width:64px;padding:0;overflow:hidden}.pk img{object-fit:cover;width:100%;height:100%;display:block}.pk.on{border-color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mini{border:1px solid var(--line);background:var(--raise);border-radius:999px;padding:5px 12px;font-size:12.5px}.mini:hover{border-color:var(--muted)}.mini.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mini.danger{color:var(--danger)}.seg{border:1px solid var(--line);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.seg button{background:var(--raise);border:0;border-right:1px solid var(--line);padding:7px 4px;font-size:12px}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent);color:var(--accent-ink)}.layers{flex-direction:column;gap:6px;display:flex}.layer{border:1px solid var(--line);background:var(--raise);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.layer.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.layer .lt{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;overflow:hidden}.layer .lf{color:var(--muted);white-space:nowrap;font-size:11px}textarea{resize:vertical;border:1px solid var(--line);background:var(--raise);border-radius:8px;width:100%;min-height:58px;padding:8px 10px}.fpick{border:1px solid var(--line);background:var(--raise);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.fpick .fn{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.fpick .chev{color:var(--muted);font-size:12px}.flist{border:1px solid var(--line);background:var(--raise);border-radius:8px;max-height:340px;overflow:auto}.fgroup{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);background:var(--raise);padding:8px 12px 4px;font-size:11px;font-weight:600;position:sticky;top:0}.fopt{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:6px 12px;display:flex}.fopt:hover{background:var(--soft)}.fopt.on{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)}.fopt .fs{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:21px;overflow:hidden}.fopt .fl{color:var(--muted);white-space:nowrap;font-size:11px}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--muted);font-size:12.5px}.field select{border:1px solid var(--line);background:var(--raise);border-radius:8px;width:100%;padding:7px 10px}.sw{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swb{border:1px solid #00000026;border-radius:50%;width:26px;height:26px;padding:0}.swb.on{outline:2px solid var(--accent);outline-offset:2px}.swl{background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:56px;padding:0;display:flex}.swl i{border:1px solid #0000001f;border-radius:8px;width:34px;height:34px;display:block}.swl span{color:var(--muted);text-align:center;font-size:10.5px;line-height:1.15}.swl.on i{outline:2px solid var(--accent);outline-offset:2px}.swl.on span{color:var(--ink)}input[type=color]{border:1px solid var(--line);background:var(--raise);border-radius:8px;width:34px;height:30px;padding:2px}.texgrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.tex{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.tex canvas{aspect-ratio:3/2;outline-offset:2px;border-radius:6px;outline:2px solid #0000;width:100%;display:block}.tex span{color:var(--muted);font-size:11.5px}.tex.on canvas{outline-color:var(--accent)}.tex.on span{color:var(--ink);font-weight:600}.tog{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.tog input{width:16px;height:16px}.sub{border-left:2px solid var(--line);flex-direction:column;gap:12px;padding-left:12px;display:flex}.sub[aria-disabled=true]{opacity:.45;pointer-events:none}.bgpick{align-items:center;gap:6px;display:flex}.bgpick .lbl{color:var(--muted);white-space:nowrap;margin-right:2px;font-size:12.5px}.bgs{border:1px solid var(--line);border-radius:50%;flex:none;width:22px;height:22px;padding:0}.bgs.auto{background:linear-gradient(135deg,#f4f1ec 50%,#1f1d1a 50%)}.bgs.on{outline:2px solid var(--accent);outline-offset:2px}.bgpick input[type=color]{border-radius:6px;width:26px;height:24px;padding:1px}.bgpick input[type=color].on{outline:2px solid var(--accent);outline-offset:2px}.grid{background:var(--stage);border-radius:14px;padding:20px;transition:background .2s}.grid .meta h3{color:var(--stage-fg)}.grid .meta p{color:var(--stage-ink)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.stage{background:var(--stage);transition:background .2s}.stage .hint{color:var(--stage-ink)}.lib{flex-direction:column;gap:14px;display:flex}.lib-head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lib-head .btn{margin-left:auto}.lib-empty{border:1px dashed var(--line);text-align:center;border-radius:14px;margin:0;padding:22px}.menu{position:relative}.menu-list{z-index:20;background:var(--raise);min-width:220px;color:var(--ink);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 28px -12px #1e140a73}.menu-list button{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px}.menu-list button:hover{background:var(--soft)}.menu-list button.danger{color:var(--danger)}.ed-title{flex-direction:column;flex:auto;min-width:0;display:flex}.ed-name{font-family:var(--f-display);background:0 0;border:1px solid #0000;border-radius:6px;width:100%;min-width:0;margin-left:-7px;padding:0 6px;font-size:20px}.ed-name:hover{border-color:var(--line)}.ed-name:focus{border-color:var(--muted);background:var(--raise);outline:0}.ed-title .note{font-size:12px}.save-wrap{position:relative}.save-pop{z-index:30;background:var(--raise);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:340px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px -14px #1e140a80}.save-pop label{color:var(--muted);font-size:12.5px}.save-pop input{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px}.save-pop .row{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=620px){.save-pop{width:auto;position:fixed;top:76px;left:16px;right:16px}}#drop{z-index:50;border:2px dashed var(--accent);background:color-mix(in srgb,var(--bg) 88%,transparent);font-family:var(--f-display);pointer-events:none;border-radius:16px;place-items:center;font-size:30px;display:grid;position:fixed;inset:12px}#toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;z-index:60;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}