*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}@media (width<=768px){html,body,#app{height:auto;min-height:100%;overflow:auto}}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;overflow:hidden}:root{--bg-app:#f1f5f9;--bg-panel:#fff;--bg-stage:#f8fafc;--bg-preset-item:#f8fafc;--border:#e2e8f0;--border-input:#d1d5db;--text-primary:#0f172a;--text-secondary:#374151;--text-muted:#6b7280;--header-bg:#fff;--font-size-app-title:1.125rem;--font-size-panel-title:1rem;--font-size-section-title:.875rem;--font-size-label:.875rem;--font-size-body:.875rem;--font-size-small:.8125rem;--font-size-caption:.75rem;--font-weight-title:600;--font-weight-label:500;--font-weight-body:400}[data-theme=dark]{--bg-app:#0f172a;--bg-panel:#1e293b;--bg-stage:#0f172a;--bg-preset-item:#0f172a;--border:#334155;--border-input:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--header-bg:#1e293b}.type-selector[data-v-adefa076]{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.selector-btn[data-v-adefa076]{border:1.5px solid var(--border-input);background:var(--bg-panel);cursor:pointer;color:var(--text-secondary);border-radius:.5rem;flex-direction:column;align-items:center;gap:.3rem;padding:.625rem .375rem .5rem;font-family:inherit;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.selector-btn[data-v-adefa076]:not(.selector-btn--active):hover{border-color:var(--type-icon-color);background:var(--type-glow)}.selector-btn--active[data-v-adefa076]{color:#fff;box-shadow:0 2px 8px var(--type-glow)}.selector-btn__icon[data-v-adefa076]{color:var(--type-icon-color);justify-content:center;align-items:center;line-height:1;transition:color .15s;display:flex}.selector-btn__label[data-v-adefa076]{letter-spacing:.01em;font-size:.75rem;font-weight:500}.position-selector[data-v-7798d249]{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.selector-btn[data-v-7798d249]{border:1px solid var(--border-input);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:.375rem;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.4;transition:border-color .15s,color .15s,background .15s}.selector-btn[data-v-7798d249]:not(.selector-btn--active):hover{color:#6366f1;border-color:#6366f1}.selector-btn--active[data-v-7798d249]{color:#fff;background:#6366f1;border-color:#6366f1}.animation-selector[data-v-98486fad]{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.selector-btn[data-v-98486fad]{border:1px solid var(--border-input);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:.375rem;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.selector-btn[data-v-98486fad]:not(.selector-btn--active):hover{color:#6366f1;border-color:#6366f1}.selector-btn--active[data-v-98486fad]{color:#fff;background:#6366f1;border-color:#6366f1}.icon-upload[data-v-67a2edb3]{flex-direction:column;gap:.5rem;display:flex}.icon-upload__toggle[data-v-67a2edb3]{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .15s;display:flex}.icon-upload__toggle[data-v-67a2edb3]:hover{color:var(--text-primary)}.icon-upload__chevron[data-v-67a2edb3]{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.icon-upload__chevron--open[data-v-67a2edb3]{transform:rotate(90deg)}.icon-upload__body[data-v-67a2edb3]{flex-direction:column;gap:.5rem;display:flex}.icon-upload__dropzone[data-v-67a2edb3]{border:2px dashed var(--border-input);cursor:pointer;text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;min-height:120px;padding:1.75rem 1rem;transition:all .15s;display:flex}.icon-upload__dropzone[data-v-67a2edb3]:hover,.icon-upload__dropzone--dragging[data-v-67a2edb3]{background:var(--bg-stage);border-color:#6366f1}.icon-upload__upload-icon[data-v-67a2edb3]{color:var(--text-muted);margin-bottom:.125rem}.icon-upload__preview[data-v-67a2edb3]{object-fit:contain;border-radius:.25rem;width:48px;height:48px}.icon-upload__replace[data-v-67a2edb3]{color:var(--text-muted);font-size:.75rem}.icon-upload__placeholder-text[data-v-67a2edb3]{color:var(--text-primary);font-size:.875rem;font-weight:600}.icon-upload__hint[data-v-67a2edb3]{color:var(--text-muted);font-size:.75rem}.icon-upload__info[data-v-67a2edb3]{color:var(--text-muted);align-items:center;gap:.375rem;margin:0;font-size:.75rem;display:flex}.icon-upload__error[data-v-67a2edb3]{color:#ef4444;margin:0;font-size:.75rem}.icon-upload__clear[data-v-67a2edb3]{background:var(--bg-panel);color:#ef4444;cursor:pointer;border:1px solid #fecaca;border-radius:.375rem;align-self:flex-start;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s}.icon-upload__clear[data-v-67a2edb3]:hover{background:var(--bg-stage);border-color:#ef4444}.icon-upload__file-input[data-v-67a2edb3]{display:none}.config-panel[data-v-b6b46668]{background:var(--bg-panel);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:.75rem;flex-direction:column;gap:1.25rem;height:100%;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}@media (width<=768px){.config-panel[data-v-b6b46668]{height:auto;padding:1rem;overflow-y:visible}}.config-panel[data-v-b6b46668]::-webkit-scrollbar{width:4px}.config-panel[data-v-b6b46668]::-webkit-scrollbar-track{background:0 0}.config-panel[data-v-b6b46668]::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.config-panel[data-v-b6b46668]::-webkit-scrollbar-thumb:hover{background:var(--border-input)}.config-panel__title[data-v-b6b46668]{font-size:var(--font-size-panel-title);font-weight:var(--font-weight-title);color:var(--text-primary)}.config-panel__section[data-v-b6b46668]{flex-direction:column;gap:.5rem;display:flex}.config-panel__label[data-v-b6b46668]{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--text-secondary);justify-content:space-between;display:flex}.config-panel__label--section[data-v-b6b46668]{font-weight:var(--font-weight-title);color:var(--text-primary)}.config-panel__duration-value[data-v-b6b46668]{font-weight:var(--font-weight-body);color:var(--text-muted);font-size:var(--font-size-caption)}.config-panel__input[data-v-b6b46668],.config-panel__textarea[data-v-b6b46668]{border:1px solid var(--border-input);font-size:var(--font-size-body);color:var(--text-primary);background:var(--bg-panel);border-radius:.375rem;outline:none;padding:.5rem .75rem;font-family:inherit;transition:border-color .15s}.config-panel__input[data-v-b6b46668]:focus,.config-panel__textarea[data-v-b6b46668]:focus{border-color:#6366f1}.config-panel__textarea[data-v-b6b46668]{resize:vertical;min-height:80px}.config-panel__slider[data-v-b6b46668]{accent-color:#6366f1;width:100%}.config-panel__slider[data-v-b6b46668]:disabled{opacity:.4}.config-panel__checkbox-label[data-v-b6b46668]{font-size:var(--font-size-body);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;display:flex}.config-panel__colors[data-v-b6b46668]{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.config-panel__color-field[data-v-b6b46668]{flex-direction:column;gap:.375rem;display:flex}.config-panel__color-row[data-v-b6b46668]{color:var(--text-secondary);background:0 0;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.config-panel__color-row input[type=color][data-v-b6b46668]{appearance:none;border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:.375rem;outline:none;flex-shrink:0;width:2rem;height:2rem;padding:0;transition:border-color .15s;overflow:hidden}.config-panel__color-row input[type=color][data-v-b6b46668]:hover{border-color:#6366f1}.config-panel__color-row input[type=color][data-v-b6b46668]::-webkit-color-swatch-wrapper{border:none;padding:0}.config-panel__color-row input[type=color][data-v-b6b46668]::-webkit-color-swatch{border:none;border-radius:.25rem}.config-panel__color-row input[type=color][data-v-b6b46668]::-moz-color-swatch{border:none;border-radius:.25rem}.config-panel__hex-input[data-v-b6b46668]{color:var(--text-secondary);border:1px solid var(--border-input);background:var(--bg-panel);white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;outline:none;flex:1;width:0;padding:.375rem .625rem;font-family:Courier New,monospace;font-size:.8125rem;transition:border-color .15s;overflow:hidden}.config-panel__hex-input[data-v-b6b46668]:focus{color:var(--text-primary);border-color:#6366f1}.config-panel__options[data-v-b6b46668]{gap:1.5rem;display:flex}.preview-stage[data-v-59c3313e]{background:var(--bg-stage);border:1px solid var(--border);border-radius:.5rem;min-height:200px;padding:1rem;transition:align-items .3s,justify-content .3s;display:flex;overflow:hidden}.preview-stage__toast[data-v-59c3313e]{will-change:transform, opacity;border-radius:.5rem;align-items:flex-start;gap:.75rem;min-width:240px;max-width:300px;padding:.875rem 1rem 1.25rem;transition:background-color .25s,color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014}.preview-stage__icon[data-v-59c3313e]{flex-shrink:0;margin-top:.1rem;font-size:1.125rem;transition:opacity .2s}.preview-stage__icon-img[data-v-59c3313e]{object-fit:contain;width:20px;height:20px}.preview-stage__content[data-v-59c3313e]{flex-direction:column;flex:1;gap:.25rem;display:flex}.preview-stage__title[data-v-59c3313e]{font-size:.875rem;font-weight:600;line-height:1.4;transition:color .2s}.preview-stage__message[data-v-59c3313e]{opacity:.9;font-size:.8125rem;line-height:1.4;transition:color .2s}.preview-stage__close[data-v-59c3313e]{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.875rem;transition:opacity .15s}.preview-stage__close[data-v-59c3313e]:hover{opacity:1}.preview-stage__progress-track[data-v-59c3313e]{background:#0000001f;border-radius:0 0 .5rem .5rem;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.preview-stage__progress-bar[data-v-59c3313e]{border-radius:inherit;width:60%;height:100%;transition:background-color .25s}.preset-manager[data-v-171498d8]{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;min-height:0;padding-top:1rem;display:flex}.preset-manager__title[data-v-171498d8]{font-size:var(--font-size-section-title);font-weight:var(--font-weight-title);color:var(--text-primary)}.preset-manager__list[data-v-171498d8]{flex-direction:column;gap:.5rem;max-height:220px;padding-right:2px;list-style:none;display:flex;overflow-y:auto}.preset-manager__item[data-v-171498d8]{border:1px solid var(--border-input);background:var(--bg-preset-item);border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.preset-manager__dot[data-v-171498d8]{border-radius:50%;flex-shrink:0;width:10px;height:10px}.preset-manager__info[data-v-171498d8]{flex-direction:column;flex:1;gap:.125rem;display:flex}.preset-manager__name[data-v-171498d8]{font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--text-primary)}.preset-manager__meta[data-v-171498d8]{font-size:var(--font-size-caption);color:var(--text-muted)}.preset-manager__actions[data-v-171498d8]{gap:.375rem;display:flex}.preset-manager__btn[data-v-171498d8]{font-size:var(--font-size-caption);font-weight:var(--font-weight-label);border:1px solid var(--border-input);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-family:inherit;transition:all .15s}.preset-manager__btn[data-v-171498d8]:hover{background:var(--bg-stage)}.preset-manager__btn--danger[data-v-171498d8]{color:#ef4444;border-color:#fecaca}.preset-manager__btn--danger[data-v-171498d8]:hover{background:var(--bg-stage)}.preset-manager__save-row[data-v-171498d8]{gap:.5rem;display:flex}.preset-manager__input[data-v-171498d8]{border:1px solid var(--border-input);font-size:var(--font-size-body);color:var(--text-primary);background:var(--bg-panel);border-radius:.375rem;outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;transition:border-color .15s}.preset-manager__input[data-v-171498d8]:focus{border-color:#6366f1}.preset-manager__save-btn[data-v-171498d8]{color:#fff;font-size:var(--font-size-small);font-weight:var(--font-weight-label);cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;transition:background .15s}.preset-manager__save-btn[data-v-171498d8]:hover:not(:disabled){background:#4f46e5}.preset-manager__save-btn[data-v-171498d8]:disabled{opacity:.4;cursor:not-allowed}.preset-manager__empty[data-v-171498d8]{font-size:var(--font-size-body);color:var(--text-muted);text-align:center;padding:1rem 0}.code-export[data-v-e6598f85]{flex-direction:column;gap:.75rem;display:flex}.code-export__header[data-v-e6598f85]{justify-content:space-between;align-items:center;display:flex}.code-export__title[data-v-e6598f85]{font-size:var(--font-size-section-title);font-weight:var(--font-weight-title);color:var(--text-primary);margin:0}.code-export__block[data-v-e6598f85]{white-space:pre;background:#1a1a2e;border-radius:.5rem;margin:0;padding:1.25rem;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.8125rem;line-height:1.8;overflow-x:auto}.code-export__token--property[data-v-e6598f85]{color:#89ddff}.code-export__token--string[data-v-e6598f85]{color:#c3e88d}.code-export__token--boolean[data-v-e6598f85],.code-export__token--number[data-v-e6598f85]{color:#f78c6c}.code-export__token--null[data-v-e6598f85]{color:#c792ea}.code-export__token--punctuation[data-v-e6598f85]{color:#a6accd}.code-export__copy[data-v-e6598f85]{background:var(--bg-stage);border:1px solid var(--border-input);font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;align-self:flex-start;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;transition:all .15s;display:flex}.code-export__copy[data-v-e6598f85]:hover{background:var(--border)}.code-export__export-btn[data-v-e6598f85]{border:1px solid var(--border-input);background:var(--bg-stage);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-label);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.3rem .75rem;transition:all .15s;display:flex}.code-export__export-btn[data-v-e6598f85]:hover{color:#6366f1;background:#6366f10f;border-color:#6366f1}.preview-panel[data-v-d6123ff3]{background:var(--bg-panel);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}@media (width<=768px){.preview-panel[data-v-d6123ff3]{padding:1rem}}.preview-panel__title[data-v-d6123ff3]{font-size:var(--font-size-panel-title);font-weight:var(--font-weight-title);color:var(--text-primary)}.preview-panel__trigger[data-v-d6123ff3]{color:#fff;width:100%;font-size:var(--font-size-body);font-weight:var(--font-weight-label);cursor:pointer;background:#6366f1;border:none;border-radius:.5rem;padding:.75rem;font-family:inherit;transition:background .15s}.preview-panel__trigger[data-v-d6123ff3]:hover{background:#4f46e5}.toast[data-v-2187ecf3]{border-radius:.5rem;align-items:flex-start;gap:.75rem;min-width:280px;max-width:380px;padding:.875rem 1rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast__icon[data-v-2187ecf3]{flex-shrink:0;margin-top:.1rem;font-size:1.125rem}.toast__icon-img[data-v-2187ecf3]{object-fit:contain;width:20px;height:20px}.toast__content[data-v-2187ecf3]{flex-direction:column;flex:1;gap:.25rem;display:flex}.toast__title[data-v-2187ecf3]{font-size:.875rem;font-weight:600;line-height:1.4}.toast__message[data-v-2187ecf3]{opacity:.9;font-size:.8125rem;line-height:1.4}.toast__close[data-v-2187ecf3]{cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.875rem;line-height:1;transition:opacity .15s}.toast__close[data-v-2187ecf3]:hover{opacity:1}.toast__progress-track[data-v-2187ecf3]{background:#00000026;height:3px;position:absolute;bottom:0;left:0;right:0}.toast__progress-bar[data-v-2187ecf3]{height:100%;transition:width .1s linear}.toast-container[data-v-39a217b1]{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:fixed}.toast-container[data-v-39a217b1]>*{pointer-events:all}.toast-container--top-left[data-v-39a217b1]{align-items:flex-start;top:0;left:0}.toast-container--top-center[data-v-39a217b1]{align-items:center;top:0;left:50%;transform:translate(-50%)}.toast-container--top-right[data-v-39a217b1]{align-items:flex-end;top:0;right:0}.toast-container--bottom-left[data-v-39a217b1]{align-items:flex-start;bottom:0;left:0}.toast-container--bottom-center[data-v-39a217b1]{align-items:center;bottom:0;left:50%;transform:translate(-50%)}.toast-container--bottom-right[data-v-39a217b1]{align-items:flex-end;bottom:0;right:0}.toast-list-leave-active[data-v-39a217b1]{pointer-events:none;transition:opacity .22s,transform .22s;position:absolute}.toast-list-leave-to[data-v-39a217b1]{opacity:0;transform:scale(.92)translateY(-4px)}.toast-list-move[data-v-39a217b1]{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.app[data-v-de35a996]{background-color:var(--bg-app);flex-direction:column;height:100dvh;transition:background-color .2s;display:flex;overflow:hidden}.app__header[data-v-de35a996]{background-color:var(--header-bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex}.app__title[data-v-de35a996]{font-size:var(--font-size-app-title);font-weight:var(--font-weight-title);color:var(--text-primary);margin:0}.app__theme-btn[data-v-de35a996]{border:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-body);cursor:pointer;background:0 0;border-radius:.375rem;padding:.375rem .875rem;font-family:inherit;transition:all .15s}.app__theme-btn[data-v-de35a996]:hover{background:var(--border)}.app__main[data-v-de35a996]{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:1.25rem 2rem;display:grid}@media (width<=768px){.app[data-v-de35a996]{height:auto;min-height:100dvh;overflow:visible}.app__header[data-v-de35a996]{z-index:10;padding:.75rem 1.25rem;position:sticky;top:0}.app__title[data-v-de35a996]{font-size:1rem}.app__main[data-v-de35a996]{min-height:unset;grid-template-columns:1fr;align-items:start;gap:1rem;padding:1rem 1.25rem 1.25rem}}@media (width>=769px) and (width<=1024px){.app__header[data-v-de35a996]{padding:.75rem 1.5rem}.app__main[data-v-de35a996]{gap:1rem;max-width:100%;padding:1rem 1.5rem}}@media (width>=1025px) and (width<=1440px){.app__main[data-v-de35a996]{max-width:1200px;padding:1.25rem 2rem}}@media (width>=1441px){.app__main[data-v-de35a996]{gap:1.75rem;max-width:1400px;padding:1.75rem 3rem}.app__header[data-v-de35a996]{padding:1rem 3rem}}