:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-warning: #f59e0b;--color-info: #3b82f6;--color-overlay: rgba(0, 0, 0, .4);--color-bg-app: #f1f5f9;--color-bg-surface: #ffffff;--color-bg-input: #ffffff;--color-bg-input-hover: #f9fafb;--color-bg-header: #1e293b;--color-text-primary: #1f2937;--color-text-title: #111827;--color-text-secondary: #6b7280;--color-text-inverse: #ffffff;--color-text-header: #ffffff;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-border-focus: #3b82f6;--color-btn-secondary-bg: #f3f4f6;--color-btn-secondary-text: #6b7280;--color-btn-secondary-border: #e5e7eb;--color-btn-secondary-hover-bg: #e5e7eb}[data-theme=dark]{--color-bg-app: #0f172a;--color-bg-surface: #1e293b;--color-bg-input: #020617;--color-bg-input-hover: #1e293b;--color-bg-header: #020617;--color-text-primary: #f1f5f9;--color-text-title: #ffffff;--color-text-secondary: #94a3b8;--color-text-inverse: #020617;--color-text-header: #e2e8f0;--color-border: #334155;--color-border-hover: #475569;--color-btn-secondary-bg: #334155;--color-btn-secondary-text: #e2e8f0;--color-btn-secondary-border: #475569;--color-btn-secondary-hover-bg: #475569;--color-primary: #60a5fa;--color-primary-hover: #3b82f6}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#1f2937;background:#f1f5f9}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input,button,textarea,select{font:inherit}button{cursor:pointer}#app{height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-app)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.base-panel[data-v-ac2632ae]{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}.panel-title[data-v-ac2632ae]{font-size:1rem;font-weight:600;color:var(--color-text-title);margin:0 0 20px}.base-input-wrapper[data-v-c0b1d7ee]{margin-bottom:0}.input-label[data-v-c0b1d7ee]{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.base-input[data-v-c0b1d7ee]{width:100%;padding:10px 12px;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .15s ease,background-color .3s ease,color .3s ease}.base-input[data-v-c0b1d7ee]:focus{outline:none;border-color:var(--color-border-focus)}.base-input[data-v-c0b1d7ee]:disabled{background-color:var(--color-bg-input-hover);opacity:.7}.textarea-label[data-v-e0ff117e]{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.base-textarea[data-v-e0ff117e]{width:100%;padding:10px 12px;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .15s ease,background-color .3s ease,color .3s ease;resize:vertical;min-height:72px;font-family:inherit}.base-textarea[data-v-e0ff117e]:focus{outline:none;border-color:var(--color-border-focus)}.range-label[data-v-ce5405c2]{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.range-row[data-v-ce5405c2]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.base-range[data-v-ce5405c2]{flex:1;height:4px;border-radius:2px;background:var(--color-border);appearance:none;cursor:pointer}.base-range[data-v-ce5405c2]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer}.base-range[data-v-ce5405c2]:disabled{opacity:.5}.range-value[data-v-ce5405c2]{font-size:.875rem;font-weight:500;color:var(--color-text-primary);min-width:32px;text-align:right}.base-checkbox[data-v-95427754]{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer}.checkbox-input[data-v-95427754]{width:16px;height:16px;accent-color:var(--color-primary)}.color-input-wrapper[data-v-fcb04851]{display:flex;flex-direction:column;gap:6px}.color-label[data-v-fcb04851]{font-size:.75rem;color:var(--color-text-secondary)}.color-input-group[data-v-fcb04851]{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-input)}.color-picker[data-v-fcb04851]{border:1px solid var(--color-border);width:28px;height:28px;border-radius:4px;cursor:pointer;background:transparent}.color-picker[data-v-fcb04851]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-fcb04851]::-webkit-color-swatch{border:none;border-radius:4px}.color-text[data-v-fcb04851]{flex:1;border:none;font-size:.8125rem;font-family:monospace;color:var(--color-text-secondary);background:transparent;text-transform:uppercase}.color-text[data-v-fcb04851]:focus{outline:none}.base-file-upload[data-v-db784650]{position:relative;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-bg-surface);padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.base-file-upload[data-v-db784650]:hover{border-color:var(--color-primary);background:var(--color-bg-input-hover)}.base-file-upload--dragging[data-v-db784650]{border-color:var(--color-primary);background:var(--color-primary-faded, rgba(37, 99, 235, .05));transform:scale(1.01)}.hidden-input[data-v-db784650]{display:none}.upload-content[data-v-db784650]{width:100%;text-align:center}.default-placeholder[data-v-db784650]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-secondary)}.upload-icon[data-v-db784650]{font-size:1.5rem}.upload-label[data-v-db784650]{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.upload-hint[data-v-db784650]{font-size:.75rem;color:var(--color-text-tertiary)}.form-section[data-v-dd88aee9]{margin-bottom:20px}.form-section[data-v-dd88aee9]:last-child{margin-bottom:0}.form-label[data-v-dd88aee9]{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.type-selector[data-v-dd88aee9]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.type-btn[data-v-dd88aee9]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:all .15s ease}.type-btn[data-v-dd88aee9]:hover{border-color:var(--color-border-hover);background:var(--color-bg-input-hover)}.type-btn--active[data-v-dd88aee9]{border-color:transparent}.type-icon[data-v-dd88aee9]{font-size:1.25rem}.type-label[data-v-dd88aee9]{font-size:.75rem;font-weight:500}.position-grid[data-v-dd88aee9]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.position-btn[data-v-dd88aee9]{padding:10px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-btn-secondary-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .15s ease}.position-btn[data-v-dd88aee9]:hover{background:var(--color-btn-secondary-hover-bg)}.position-btn--active[data-v-dd88aee9]{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.color-row[data-v-dd88aee9]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.options-row[data-v-dd88aee9]{display:flex;gap:24px}.animation-selector[data-v-dd88aee9]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.animation-btn[data-v-dd88aee9]{padding:10px 16px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .15s ease}.animation-btn[data-v-dd88aee9]:hover{background:var(--color-bg-input-hover)}.animation-btn--active[data-v-dd88aee9]{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.icon-control-wrapper[data-v-dd88aee9]{display:flex;flex-direction:column;gap:8px}.icon-preview-card[data-v-dd88aee9]{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-surface)}.preview-image-container[data-v-dd88aee9]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-background);border-radius:6px;border:1px solid var(--color-border)}.preview-image[data-v-dd88aee9]{width:24px;height:24px;object-fit:contain}.preview-actions[data-v-dd88aee9]{flex:1;display:flex;justify-content:space-between;align-items:center}.file-info[data-v-dd88aee9]{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.remove-btn[data-v-dd88aee9]{padding:6px 12px;font-size:.75rem;font-weight:500;color:#ef4444;background:transparent;border:1px solid #ef4444;border-radius:6px;cursor:pointer;transition:all .15s ease}.remove-btn[data-v-dd88aee9]:hover{background:#ef444410}.custom-placeholder[data-v-dd88aee9]{display:flex;flex-direction:column;align-items:center;gap:4px}.custom-placeholder .icon[data-v-dd88aee9]{font-size:1.5rem;margin-bottom:4px}.custom-placeholder .primary-text[data-v-dd88aee9]{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.custom-placeholder .secondary-text[data-v-dd88aee9]{font-size:.75rem;color:var(--color-text-tertiary, #9ca3af)}.error-message[data-v-dd88aee9]{font-size:.75rem;color:#ef4444;margin-top:4px}.toast-notification[data-v-137e7cfb]{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 18px;border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;min-width:280px;max-width:380px;position:relative;overflow:hidden}.toast-clickable[data-v-137e7cfb]{cursor:pointer}.custom-icon[data-v-137e7cfb]{width:20px;height:20px}.toast-icon[data-v-137e7cfb]{flex-shrink:0;font-size:1.125rem;line-height:1;width:20px;text-align:center}.toast-content[data-v-137e7cfb]{flex:1;min-width:0}.toast-title[data-v-137e7cfb]{display:block;font-size:.875rem;font-weight:600;margin-bottom:2px;line-height:1.3}.toast-message[data-v-137e7cfb]{font-size:.8125rem;margin:0;line-height:1.4;opacity:.9}.toast-close[data-v-137e7cfb]{flex-shrink:0;background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;padding:0;cursor:pointer;opacity:.7;transition:opacity .15s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close[data-v-137e7cfb]:hover{opacity:1}.progress-bar[data-v-137e7cfb]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a}.progress-fill[data-v-137e7cfb]{height:100%;background:currentColor;opacity:.5;transition-property:width;transition-timing-function:linear}.toast-animation--fade[data-v-137e7cfb]{animation:toast-fade-137e7cfb .3s ease-out}@keyframes toast-fade-137e7cfb{0%{opacity:0}to{opacity:1}}.toast-animation--slide[data-v-137e7cfb]{animation:toast-slide-137e7cfb .3s ease-out}@keyframes toast-slide-137e7cfb{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-animation--bounce[data-v-137e7cfb]{animation:toast-bounce-137e7cfb .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes toast-bounce-137e7cfb{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.toast-container-root[data-v-d821989c]{position:fixed;inset:0;pointer-events:none;z-index:9999}.toast-position[data-v-d821989c]{position:absolute;display:flex;flex-direction:column;gap:10px;padding:20px;pointer-events:auto}.toast-position--top-left[data-v-d821989c]{top:0;left:0}.toast-position--top-center[data-v-d821989c]{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-position--top-right[data-v-d821989c]{top:0;right:0;align-items:flex-end}.toast-position--bottom-left[data-v-d821989c]{bottom:0;left:0;flex-direction:column-reverse}.toast-position--bottom-center[data-v-d821989c]{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse;align-items:center}.toast-position--bottom-right[data-v-d821989c]{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.toast-enter-active[data-v-d821989c]{transition:all .3s ease-out}.toast-leave-active[data-v-d821989c]{transition:all .2s ease-in}.toast-enter-from[data-v-d821989c]{opacity:0;transform:translateY(-10px)}.toast-leave-to[data-v-d821989c]{opacity:0;transform:translate(20px)}.toast-move[data-v-d821989c]{transition:transform .3s ease}.base-btn[data-v-62d11f07]{padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent}.base-btn[data-v-62d11f07]:disabled{opacity:.5;cursor:not-allowed}.base-btn[data-v-62d11f07]:active:not(:disabled){transform:scale(.98)}.base-btn--primary[data-v-62d11f07]{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.base-btn--primary[data-v-62d11f07]:hover:not(:disabled){background:var(--color-primary-hover)}.base-btn--secondary[data-v-62d11f07]{color:var(--color-btn-secondary-text);background:var(--color-btn-secondary-bg);border-color:var(--color-btn-secondary-border)}.base-btn--secondary[data-v-62d11f07]:hover:not(:disabled){background:var(--color-btn-secondary-hover-bg)}.base-btn--danger[data-v-62d11f07]{color:var(--color-btn-secondary-text);background:var(--color-btn-secondary-bg);border-color:var(--color-btn-secondary-border)}.base-btn--danger[data-v-62d11f07]:hover:not(:disabled){color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.base-btn--outline[data-v-62d11f07]{color:var(--color-primary);background:transparent;border-color:var(--color-primary)}.base-btn--outline[data-v-62d11f07]:hover:not(:disabled){background:#3b82f61a}.empty-state[data-v-3054b958]{color:var(--color-text-secondary);font-size:.875rem;padding:16px 0}.preset-list[data-v-3054b958]{list-style:none;margin:0 0 16px;padding:0}.preset-item[data-v-3054b958]{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.preset-item[data-v-3054b958]:last-child{border-bottom:none}.preset-indicator[data-v-3054b958]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.preset-info[data-v-3054b958]{flex:1;min-width:0}.preset-name[data-v-3054b958]{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.preset-meta[data-v-3054b958]{font-size:.75rem;color:var(--color-text-secondary)}.preset-actions[data-v-3054b958]{display:flex;gap:8px}.save-form[data-v-3054b958]{display:flex;gap:8px;align-items:flex-start}.save-input[data-v-3054b958]{flex:1;margin-bottom:0!important}[data-v-3054b958] .base-input-wrapper{margin-bottom:0;flex:1}.code-block[data-v-bb8d1c21]{background:var(--color-bg-header);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--color-border)}.code-content[data-v-bb8d1c21]{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.token.keyword[data-v-bb8d1c21]{color:#c792ea}.token.variable[data-v-bb8d1c21]{color:#82aaff}.token.operator[data-v-bb8d1c21],.token.punctuation[data-v-bb8d1c21]{color:#89ddff}.token.property[data-v-bb8d1c21]{color:#f78c6c}.token.string[data-v-bb8d1c21]{color:#c3e88d}.token.number[data-v-bb8d1c21]{color:#f78c6c}.token.boolean[data-v-bb8d1c21]{color:#ff5370}.copy-btn-full[data-v-bb8d1c21]{width:100%}.preview-area[data-v-415d889f]{background:var(--color-bg-app);border-radius:8px;padding:32px 24px;display:flex;align-items:center;min-height:200px;margin-bottom:16px;position:relative;transition:background-color .3s ease;border:1px solid var(--color-border)}.preview-placeholder[data-v-415d889f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-secondary);font-size:.875rem;text-align:center}.toast-fade-enter-active[data-v-415d889f]{animation:fade-in-415d889f .3s ease-out}.toast-fade-leave-active[data-v-415d889f]{animation:fade-out-415d889f .2s ease-in}@keyframes fade-in-415d889f{0%{opacity:0}to{opacity:1}}@keyframes fade-out-415d889f{0%{opacity:1}to{opacity:0}}.toast-slide-enter-active[data-v-415d889f]{animation:slide-in-415d889f .3s ease-out}.toast-slide-leave-active[data-v-415d889f]{animation:slide-out-415d889f .2s ease-in}@keyframes slide-in-415d889f{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-415d889f{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-bounce-enter-active[data-v-415d889f]{animation:bounce-in-415d889f .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-bounce-leave-active[data-v-415d889f]{animation:bounce-out-415d889f .2s ease-in}@keyframes bounce-in-415d889f{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce-out-415d889f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.config-summary[data-v-415d889f]{display:flex;justify-content:center;gap:16px;padding:12px;background:var(--color-bg-input-hover);border-radius:6px;margin-bottom:16px;border:1px solid var(--color-border)}.summary-item[data-v-415d889f]{display:flex;align-items:center;gap:4px;font-size:.75rem}.summary-label[data-v-415d889f]{color:var(--color-text-secondary)}.summary-value[data-v-415d889f]{color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.button-group[data-v-415d889f]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-btn[data-v-415d889f],.test-btn[data-v-415d889f]{width:100%;padding:14px 20px}.theme-toggle[data-v-56509881]{background:transparent;border:1px solid var(--color-border);color:var(--color-text-header);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle[data-v-56509881]:hover{background:#ffffff1a}.app[data-v-f55a3b72]{height:100%;background:var(--color-bg-app);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}.app-header[data-v-f55a3b72]{height:56px;background:var(--color-bg-header);padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.app-title[data-v-f55a3b72]{font-size:1rem;font-weight:600;color:var(--color-text-header);margin:0}.app-main[data-v-f55a3b72]{overflow:hidden auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 32px;margin:0 auto;height:calc(100% - 56px);width:100%}.column[data-v-f55a3b72]{display:flex;flex-direction:column;gap:24px}@media(max-width:900px){.app-main[data-v-f55a3b72]{grid-template-columns:1fr;padding:20px}}