.templates[data-v-c15a48b7]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.template[data-v-c15a48b7]{border:1px solid var(--line);background:var(--bg-0);color:var(--text-0);text-align:left;border-radius:6px;flex-direction:column;gap:2px;padding:8px;display:flex}.template[data-v-c15a48b7]:hover{border-color:var(--accent)}.home[data-v-c15a48b7]{flex-direction:column;height:100%;display:flex;overflow:auto}.home.dragging[data-v-c15a48b7]:after{content:"Drop files to start a new project";border:2px dashed var(--accent);pointer-events:none;background:#4f8cff14;border-radius:16px;place-items:center;font-size:18px;font-weight:600;display:grid;position:fixed;inset:12px}.top[data-v-c15a48b7]{border-bottom:1px solid var(--line);background:var(--bg-1);z-index:2;align-items:center;gap:10px;padding:14px 28px;display:flex;position:sticky;top:0}.brand[data-v-c15a48b7]{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand svg[data-v-c15a48b7]{color:var(--accent)}.spacer[data-v-c15a48b7]{flex:1}main[data-v-c15a48b7]{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px}.title-row[data-v-c15a48b7]{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.restore[data-v-c15a48b7]{margin-left:auto}h1[data-v-c15a48b7]{margin:0;font-size:22px}.grid[data-v-c15a48b7]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.card[data-v-c15a48b7]{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:border-color .12s,transform .12s;position:relative}.card[data-v-c15a48b7]:hover{border-color:var(--line-strong);transform:translateY(-1px)}.thumb[data-v-c15a48b7]{aspect-ratio:16/10;background:var(--bg-0);border-radius:10px 10px 0 0;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img[data-v-c15a48b7]{object-fit:contain;max-width:100%;max-height:100%}.card.new .thumb[data-v-c15a48b7]{color:var(--text-2);background:repeating-linear-gradient(45deg, var(--bg-1), var(--bg-1) 8px, var(--bg-0) 8px, var(--bg-0) 16px)}.card.new:hover .thumb[data-v-c15a48b7]{color:var(--accent)}.dur[data-v-c15a48b7]{font-variant-numeric:tabular-nums;background:#000000b3;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.meta[data-v-c15a48b7]{flex-direction:column;gap:2px;padding:10px 40px 12px 12px;display:flex}.meta b[data-v-c15a48b7]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.small[data-v-c15a48b7]{font-size:11.5px}.more[data-v-c15a48b7]{position:absolute;bottom:14px;right:8px}.menu[data-v-c15a48b7]{z-index:5;background:var(--bg-3);border:1px solid var(--line-strong);min-width:150px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:44px;right:8px}.menu button[data-v-c15a48b7]{text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;display:flex}.menu button[data-v-c15a48b7]:hover{background:var(--bg-4)}.menu .danger[data-v-c15a48b7]{color:var(--danger)}.empty[data-v-c15a48b7]{place-items:center;min-height:60vh;display:grid}.drop[data-v-c15a48b7]{text-align:center;border:2px dashed var(--line-strong);border-radius:18px;justify-items:center;gap:10px;padding:48px 64px;display:grid}.drop svg[data-v-c15a48b7]{color:var(--accent)}.drop p[data-v-c15a48b7]{margin:0 0 8px}.row[data-v-c15a48b7]{gap:10px;display:flex}footer[data-v-c15a48b7]{text-align:center;padding:12px}.error[data-v-c15a48b7]{color:var(--danger)}.new-form[data-v-c15a48b7]{flex-direction:column;gap:10px;display:flex}.field[data-v-c15a48b7]{flex-direction:column;gap:6px;display:flex}.presets[data-v-c15a48b7]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset[data-v-c15a48b7]{text-align:left;border:1px solid var(--line);background:var(--bg-1);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;padding:10px;display:grid}.preset .shape[data-v-c15a48b7]{border:2px solid var(--text-2);border-radius:3px;grid-row:span 2;justify-self:center}.preset.active[data-v-c15a48b7]{border-color:var(--accent);background:var(--accent-soft)}.preset.active .shape[data-v-c15a48b7]{border-color:var(--accent)}.banner[data-v-2a2641e9]{z-index:90;border:1px solid var(--line-strong);background:var(--bg-1);border-radius:8px;align-items:center;gap:10px;width:min(360px,100vw - 32px);padding:10px 12px;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 28px #00000080}.text[data-v-2a2641e9]{flex:1;min-width:0}.text b[data-v-2a2641e9]{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.small[data-v-2a2641e9]{color:var(--text-1);font-size:12px}.bar[data-v-2a2641e9]{background:var(--bg-0);border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.fill[data-v-2a2641e9]{background:var(--accent);height:100%;transition:width .15s linear}.pct[data-v-2a2641e9]{color:var(--text-1);font-variant-numeric:tabular-nums}.ok[data-v-2a2641e9]{color:var(--ok)}.err[data-v-2a2641e9]{color:var(--danger)}.spin[data-v-2a2641e9]{animation:1s linear infinite spin-2a2641e9}@keyframes spin-2a2641e9{to{transform:rotate(360deg)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b0c0f;--bg-1:#121318;--bg-2:#181a20;--bg-3:#1f222a;--bg-4:#2a2e38;--line:#262a33;--line-strong:#353a46;--text-0:#eceef3;--text-1:#b4b9c6;--text-2:#7d8394;--accent:#4f8cff;--accent-strong:#3a74e6;--accent-soft:#4f8cff29;--danger:#f05252;--warn:#f5a524;--ok:#3ccf91;--keyframe:#f5c518;--clip-media:#2d4f8a;--clip-video:#2c5d7c;--clip-audio:#1f6b55;--clip-text:#7a4fb0;--clip-solid:#6b5b2e;--radius:8px;--radius-sm:5px;--shadow:0 10px 30px #00000073;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg-0);color:var(--text-0);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-4);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-3);height:30px;color:var(--text-0);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-4)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.danger{color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--bg-3)}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-1);background:0 0;border:none;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg-3);color:var(--text-0)}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.sm{width:24px;height:24px}.input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);width:100%;min-width:0;height:28px;padding:0 8px}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;height:auto;padding:6px 8px}select.input{padding-right:4px}input[type=color].swatch{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);cursor:pointer;width:28px;height:28px;padding:2px}input[type=range]{accent-color:var(--accent)}.muted{color:var(--text-2)}.kbd{border:1px solid var(--line-strong);background:var(--bg-2);min-width:20px;font:11px var(--mono);text-align:center;color:var(--text-1);border-bottom-width:2px;border-radius:4px;padding:1px 6px;display:inline-block}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.empty-state{text-align:center;color:var(--text-2);place-items:center;gap:8px;padding:24px;display:grid}