.gen-grid.svelte-whll3c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"images result" "settings result";grid-template-rows:auto 1fr;gap:20px;align-items:start}.gen-grid.svelte-whll3c>.card,.stack.svelte-whll3c>.card{margin-top:0}.area-images.svelte-whll3c{grid-area:images}.area-settings.svelte-whll3c{grid-area:settings}.area-result.svelte-whll3c{grid-area:result;position:sticky;top:calc(var(--header-h) + 16px)}@media (max-width: 900px){.gen-grid.svelte-whll3c{grid-template-columns:minmax(0,1fr);grid-template-areas:"images" "result" "settings";grid-template-rows:auto}.area-result.svelte-whll3c{position:static}}.head.svelte-whll3c{margin-bottom:12px;flex-wrap:wrap}.head.svelte-whll3c .card-title:where(.svelte-whll3c){margin:0}.count.svelte-whll3c{margin-left:4px;font-size:14px;font-weight:600;color:var(--text-3)}.dropzone.svelte-whll3c{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-3);text-align:center;transition:border-color .15s var(--ease),background .15s var(--ease)}.dropzone.active.svelte-whll3c{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text)}.dropzone.compact.svelte-whll3c{flex-direction:row;flex-wrap:wrap;padding:12px 14px;text-align:left}.dropzone.compact.svelte-whll3c .dz-text:where(.svelte-whll3c){flex:1;min-width:0}.dz-text.svelte-whll3c{display:flex;flex-direction:column;gap:2px;min-width:0}.dz-text.svelte-whll3c strong:where(.svelte-whll3c){color:var(--text);font-size:15px}.dz-text.svelte-whll3c span:where(.svelte-whll3c){font-size:12.5px;overflow-wrap:anywhere}.video-panel.svelte-whll3c{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.sub-title.svelte-whll3c{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;color:var(--text)}video.svelte-whll3c{width:100%;max-height:260px;border-radius:var(--radius-sm);background:var(--surface-3)}.hint.svelte-whll3c strong:where(.svelte-whll3c){color:var(--text-2)}.grid-hint.svelte-whll3c{margin:14px 0 10px}.tight.svelte-whll3c{margin-top:-8px}.stale.svelte-whll3c,.err.svelte-whll3c{color:var(--warning)}.frames.svelte-whll3c{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;margin:0;padding:0;list-style:none}.frame.svelte-whll3c{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease)}.frame[draggable=true].svelte-whll3c{cursor:grab}.frame.dragging.svelte-whll3c{opacity:.4}.frame.over.svelte-whll3c{border-color:var(--primary);box-shadow:var(--ring)}.frame.selected.svelte-whll3c{border-color:var(--primary);background:var(--primary-soft)}.checker.svelte-whll3c{background-color:var(--surface);background-image:linear-gradient(45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-3) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-3) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.thumb.svelte-whll3c{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:6px;overflow:hidden;cursor:zoom-in}.thumb.svelte-whll3c img:where(.svelte-whll3c){width:100%;height:100%;object-fit:contain;pointer-events:none}.thumb.svelte-whll3c:focus-visible{outline:none;box-shadow:var(--ring)}.idx.svelte-whll3c{position:absolute;left:4px;top:4px;padding:1px 6px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:700;opacity:.85}.del.svelte-whll3c{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-sm)}.del.svelte-whll3c:hover{color:var(--negative);border-color:var(--negative)}.frame-delay.svelte-whll3c{position:relative}.delay-input.svelte-whll3c{height:34px;padding:0 30px 0 8px;font-size:13px;-moz-appearance:textfield}.delay-input.svelte-whll3c::-webkit-outer-spin-button,.delay-input.svelte-whll3c::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ms.svelte-whll3c{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-3);pointer-events:none}.frame-ctrl.svelte-whll3c{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mini.svelte-whll3c{display:grid;place-items:center;height:34px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text-2)}.mini.svelte-whll3c:hover:not(:disabled){color:var(--primary-text);border-color:var(--primary)}.mini.svelte-whll3c:disabled{opacity:.35;cursor:not-allowed}@media (pointer: coarse){.mini.svelte-whll3c,.delay-input.svelte-whll3c{height:40px}.del.svelte-whll3c{width:36px;height:36px}}.preset-chips.svelte-whll3c{margin-top:8px}.link-btn.svelte-whll3c{padding:0;border:0;background:none;color:var(--primary-text);font:inherit;text-decoration:underline}.color-row.svelte-whll3c{margin-top:10px;gap:10px}.color.svelte-whll3c{width:44px;height:40px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex-shrink:0}.label.inline.svelte-whll3c{margin:0}.pos.svelte-whll3c{font-size:13px;color:var(--text-3)}.stage.svelte-whll3c{display:grid;place-items:center;min-height:220px;max-height:520px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.stage.svelte-whll3c canvas:where(.svelte-whll3c),.stage.svelte-whll3c img:where(.svelte-whll3c){display:block;max-width:100%;max-height:494px;width:auto;height:auto;object-fit:contain}.stage-btn.svelte-whll3c{display:grid;place-items:center;max-width:100%;padding:0;border:0;background:none;cursor:zoom-in}.stage.svelte-whll3c .empty:where(.svelte-whll3c){padding:24px 8px}.actions.svelte-whll3c{display:grid;gap:10px}.progress-wrap.svelte-whll3c{display:grid;gap:6px}.prog-info.svelte-whll3c{font-size:13.5px;color:var(--text-2)}.progress.svelte-whll3c{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.fill.svelte-whll3c{height:100%;border-radius:inherit;background:var(--primary);transition:width .2s var(--ease)}:is(.actions.svelte-whll3c,.dropzone.svelte-whll3c,.video-panel.svelte-whll3c) .spin{animation:svelte-whll3c-gif-spin .9s linear infinite}@keyframes svelte-whll3c-gif-spin{to{transform:rotate(360deg)}}.frames-card.svelte-whll3c{margin-top:20px}.sel.svelte-whll3c{display:flex;align-items:center;gap:6px;min-height:32px;font-size:12.5px;color:var(--text-2);cursor:pointer}.modal.svelte-whll3c{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}.modal.svelte-whll3c::backdrop{background:#0000008c}.modal-body.svelte-whll3c{padding:22px 20px 18px}.modal-body.svelte-whll3c p:where(.svelte-whll3c){margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--text-2)}.modal-actions.svelte-whll3c{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px}.viewer.svelte-whll3c{width:auto;max-width:calc(100vw - 24px);padding:8px;overflow:visible}.viewer.svelte-whll3c img:where(.svelte-whll3c){display:block;max-width:calc(100vw - 42px);max-height:calc(100dvh - 60px);object-fit:contain;border-radius:var(--radius-sm)}.viewer-close.svelte-whll3c{position:absolute;top:14px;right:14px;z-index:1;background:var(--surface);box-shadow:var(--shadow-md)}@media (max-width: 480px){.frames.svelte-whll3c{grid-template-columns:repeat(2,minmax(0,1fr))}.stage.svelte-whll3c{min-height:180px}.dropzone.compact.svelte-whll3c .btn:where(.svelte-whll3c){width:100%}}
