.type-selector[data-v-3eb80caa]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.type-selector__option[data-v-3eb80caa]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--type-color);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.type-selector__option[data-v-3eb80caa]:hover{border-color:var(--type-color)}.type-selector__option--active[data-v-3eb80caa]{background:var(--type-color);border-color:var(--type-color);color:#fff}.type-selector__label[data-v-3eb80caa]{font-size:12px;font-weight:600;color:var(--color-text-muted)}.type-selector__option--active .type-selector__label[data-v-3eb80caa]{color:#fff}.text-fields[data-v-4217a5e1]{display:flex;flex-direction:column;gap:var(--space-4)}.text-fields__group[data-v-4217a5e1]{display:flex;flex-direction:column;gap:var(--space-2)}.text-fields__label[data-v-4217a5e1]{font-size:12px;font-weight:600;color:var(--color-text-muted)}.text-fields__input[data-v-4217a5e1]{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:14px;transition:border-color var(--dur-fast)}.text-fields__input[data-v-4217a5e1]::placeholder{color:var(--color-text-subtle)}.text-fields__input[data-v-4217a5e1]:focus{outline:none;border-color:var(--color-primary)}.text-fields__textarea[data-v-4217a5e1]{resize:vertical;min-height:76px;font-family:inherit;line-height:1.5}.toggle-row[data-v-a7dc882a]{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none}.toggle-row__input[data-v-a7dc882a]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-row__box[data-v-a7dc882a]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:transparent;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.toggle-row__input:checked+.toggle-row__box[data-v-a7dc882a]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.toggle-row__input:focus-visible+.toggle-row__box[data-v-a7dc882a]{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-row__label[data-v-a7dc882a]{font-size:13px;color:var(--color-text)}.duration[data-v-07352521]{display:flex;flex-direction:column;gap:var(--space-3)}.duration__header[data-v-07352521]{display:flex;align-items:baseline;justify-content:space-between}.duration__label[data-v-07352521]{font-size:12px;font-weight:600;color:var(--color-text-muted)}.duration__value[data-v-07352521]{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text)}.duration__slider[data-v-07352521]{width:100%;accent-color:var(--color-primary);cursor:pointer}.duration__slider[data-v-07352521]:disabled{opacity:.5;cursor:not-allowed}.position-grid[data-v-6f2d874e]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.position-grid__cell[data-v-6f2d874e]{padding:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.position-grid__cell[data-v-6f2d874e]:hover{border-color:var(--color-border-strong);color:var(--color-text)}.position-grid__cell--active[data-v-6f2d874e]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.color-field[data-v-061d0764]{display:flex;flex-direction:column;gap:var(--space-2)}.color-field__label[data-v-061d0764]{font-size:12px;font-weight:600;color:var(--color-text-muted)}.color-field__control[data-v-061d0764]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.color-field__control[data-v-061d0764]:focus-within{border-color:var(--color-primary)}.color-field__control--invalid[data-v-061d0764]{border-color:var(--color-danger)}.color-field__swatch[data-v-061d0764]{flex-shrink:0;width:30px;height:30px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;cursor:pointer}.color-field__swatch[data-v-061d0764]::-webkit-color-swatch-wrapper{padding:2px}.color-field__swatch[data-v-061d0764]::-webkit-color-swatch{border:none;border-radius:4px}.color-field__hex[data-v-061d0764]{flex:1 1 auto;min-width:0;border:none;background:none;color:var(--color-text);font-family:var(--font-mono);font-size:13px}.color-field__hex[data-v-061d0764]:focus{outline:none}.color-field__hint[data-v-061d0764]{margin:0;font-size:11px;color:var(--color-text-muted)}.color-field__hint--error[data-v-061d0764]{color:var(--color-danger)}.style-controls[data-v-e8e51d63]{display:flex;flex-direction:column;gap:var(--space-4)}.style-controls__colors[data-v-e8e51d63]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.style-controls__options[data-v-e8e51d63]{display:flex;flex-direction:column;gap:var(--space-3)}.style-controls__options-label[data-v-e8e51d63]{font-size:12px;font-weight:600;color:var(--color-text-muted)}.style-controls__toggles[data-v-e8e51d63]{display:flex;flex-wrap:wrap;gap:var(--space-5)}@media(max-width:520px){.style-controls__colors[data-v-e8e51d63]{grid-template-columns:1fr}}.segmented[data-v-2b8bc299]{display:flex;gap:var(--space-2)}.segmented__option[data-v-2b8bc299]{flex:1 1 0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.segmented__option[data-v-2b8bc299]:hover{border-color:var(--color-border-strong);color:var(--color-text)}.segmented__option--active[data-v-2b8bc299]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.segmented__option--active[data-v-2b8bc299]:hover{background:var(--color-primary-hover);color:var(--color-primary-text)}.config-panel[data-v-38cb1b93]{display:flex;flex-direction:column;gap:var(--space-5)}.config-panel__section[data-v-38cb1b93]{display:flex;flex-direction:column;gap:var(--space-3)}.config-panel__heading[data-v-38cb1b93]{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle)}.config-panel__divider[data-v-38cb1b93]{height:1px;margin:0;border:none;background:var(--color-border)}.preview[data-v-b995a54e]{display:flex;flex-direction:column;gap:var(--space-4)}.preview__stage[data-v-b995a54e]{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);overflow:hidden}.preview__empty[data-v-b995a54e]{margin:0;font-size:13px;color:var(--color-text-subtle)}.preview__toast[data-v-b995a54e]{position:relative;width:min(340px,100%);z-index:1}.preview__stage[data-v-b995a54e] .toast__progress{animation:none;transform:scaleX(.55)}.preview__trigger[data-v-b995a54e]{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-fast)}.preview__trigger[data-v-b995a54e]:hover{background:var(--color-primary-hover)}.presets[data-v-5b377b32]{display:flex;flex-direction:column;gap:var(--space-3)}.presets__title[data-v-5b377b32]{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle)}.presets__empty[data-v-5b377b32]{margin:0;padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-subtle);text-align:center}.presets__list[data-v-5b377b32]{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.presets__item[data-v-5b377b32]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.presets__dot[data-v-5b377b32]{flex-shrink:0;width:9px;height:9px;border-radius:50%}.presets__info[data-v-5b377b32]{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}.presets__name[data-v-5b377b32]{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presets__meta[data-v-5b377b32]{font-size:12px;color:var(--color-text-muted)}.presets__actions[data-v-5b377b32]{display:flex;gap:var(--space-2);flex-shrink:0}.presets__button[data-v-5b377b32]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.presets__button[data-v-5b377b32]:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.presets__button--ghost[data-v-5b377b32]{color:var(--color-text-muted)}.presets__button--ghost[data-v-5b377b32]:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-surface)}.save-bar[data-v-b518338f]{display:flex;flex-direction:column;gap:var(--space-2)}.save-bar__form[data-v-b518338f]{display:flex;gap:var(--space-2)}.save-bar__input[data-v-b518338f]{flex:1 1 auto;min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:14px}.save-bar__input[data-v-b518338f]::placeholder{color:var(--color-text-subtle)}.save-bar__input[data-v-b518338f]:focus{outline:none;border-color:var(--color-primary)}.save-bar__button[data-v-b518338f]{flex-shrink:0;padding:0 var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-fast),opacity var(--dur-fast)}.save-bar__button[data-v-b518338f]:hover:not(:disabled){background:var(--color-primary-hover)}.save-bar__button[data-v-b518338f]:disabled{opacity:.5;cursor:not-allowed}.save-bar__error[data-v-b518338f]{margin:0;font-size:12px;color:var(--color-danger)}.code-export[data-v-29ddf5f2]{display:flex;flex-direction:column;gap:var(--space-3)}.code-export__title[data-v-29ddf5f2]{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle)}.code-export__code[data-v-29ddf5f2]{margin:0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.code-export__copy[data-v-29ddf5f2]{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.code-export__copy[data-v-29ddf5f2]:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.app[data-v-359cd801]{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-6)}.app__header[data-v-359cd801]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.app__title[data-v-359cd801]{margin:0;font-size:20px;font-weight:700;color:var(--color-text)}.app__controls[data-v-359cd801]{display:flex;gap:var(--space-2)}.app__control[data-v-359cd801]{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:700;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.app__control[data-v-359cd801]:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.app__control--icon[data-v-359cd801]{padding:0}.app__grid[data-v-359cd801]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.card[data-v-359cd801]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.card__title[data-v-359cd801]{margin:0 0 var(--space-5);font-size:15px;font-weight:700;color:var(--color-text)}.card__stack[data-v-359cd801]{display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:880px){.app__grid[data-v-359cd801]{grid-template-columns:minmax(0,1fr)}}:root{--color-bg: #eceef3;--color-surface: #ffffff;--color-surface-2: #f7f8fa;--color-surface-3: #eef0f4;--color-border: #e2e5ec;--color-border-strong: #cfd4de;--color-text: #1f2430;--color-text-muted: #6b7280;--color-text-subtle: #9aa1ad;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-text: #ffffff;--color-danger: #ef4444;--color-code-bg: #0f1729;--color-code-text: #e2e8f0;--type-success: #22c55e;--type-error: #ef4444;--type-warning: #f59e0b;--type-info: #3b82f6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-card: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-toast: 0 12px 32px rgba(16, 24, 40, .22);--shadow-pop: 0 8px 24px rgba(16, 24, 40, .12);--z-toast: 2147483000;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur-base: .3s;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace}[data-theme=dark]{--color-bg: #0d0f14;--color-surface: #161922;--color-surface-2: #1c2029;--color-surface-3: #232834;--color-border: #2a2f3b;--color-border-strong: #3a4150;--color-text: #e8eaf0;--color-text-muted: #9aa3b2;--color-text-subtle: #6b7384;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-code-bg: #0a0e1a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .45);--shadow-toast: 0 12px 32px rgba(0, 0, 0, .55);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .4)}.toast-viewport{position:fixed;inset:0;pointer-events:none;z-index:var(--z-toast)}.toast-region{position:absolute;padding:var(--space-4);width:min(380px,100vw - 2 * var(--space-4));--enter-x: 0;--enter-y: 0}.toast-region[data-position^=top]{top:0}.toast-region[data-position^=bottom]{bottom:0}.toast-region[data-position$=-left]{left:0;--enter-x: -120%}.toast-region[data-position$=-right]{right:0;--enter-x: 120%}.toast-region[data-position$=-center]{left:50%;transform:translate(-50%)}.toast-region[data-position=top-center]{--enter-y: -120%}.toast-region[data-position=bottom-center]{--enter-y: 120%}.toast-region__list{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.toast-region[data-position$=-left] .toast-region__list{align-items:flex-start}.toast-region[data-position$=-right] .toast-region__list{align-items:flex-end}.toast-region[data-position$=-center] .toast-region__list{align-items:center}:where(.toast){--toast-bg: #333333;--toast-fg: #ffffff}:where(.toast[data-type=success]){--toast-bg: #22c55e;--toast-fg: #ffffff}:where(.toast[data-type=error]){--toast-bg: #ef4444;--toast-fg: #ffffff}:where(.toast[data-type=warning]){--toast-bg: #f59e0b;--toast-fg: #111827}:where(.toast[data-type=info]){--toast-bg: #3b82f6;--toast-fg: #ffffff}.toast{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--shadow-toast);overflow:hidden}.toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px}.toast__body{flex:1 1 auto;min-width:0}.toast__title{margin:0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.toast__message{margin:2px 0 0;font-size:13px;font-weight:400;line-height:1.45;opacity:.92;overflow-wrap:anywhere}.toast__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-2px -4px 0 0;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;opacity:.8;cursor:pointer;transition:opacity var(--dur-fast),background var(--dur-fast)}.toast__close:hover{opacity:1;background:#ffffff2e}.toast__close:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}.toast__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;background:currentColor;opacity:.35;animation:toast-progress var(--toast-duration, 3s) linear forwards}.toast[data-paused=true] .toast__progress{animation-play-state:paused}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.toast-leave-active{position:absolute;width:100%}.toast-move{transition:transform var(--dur-base) var(--ease)}.toast--fade.toast-enter-from,.toast--fade.toast-leave-to{opacity:0}.toast--slide.toast-enter-from,.toast--slide.toast-leave-to{opacity:0;transform:translate(var(--enter-x, 0),var(--enter-y, 0))}.toast--bounce.toast-enter-active{animation:toast-bounce-in var(--dur-base) var(--ease)}.toast--bounce.toast-leave-active{transition:none;animation:toast-bounce-out var(--dur-fast) ease forwards}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-bounce-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes toast-bounce-out{to{opacity:0;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.toast-enter-active,.toast-leave-active,.toast-move,.toast--bounce.toast-enter-active,.toast--bounce.toast-leave-active{animation:none!important;transition:opacity .01ms linear!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-base),color var(--dur-base)}#app{min-height:100vh}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}