.toolbar[data-v-5fa44f14]{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.toolbar-left[data-v-5fa44f14]{display:flex;align-items:center;gap:var(--space-md)}.toolbar-logo[data-v-5fa44f14]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);letter-spacing:-.5px}.toolbar-name[data-v-5fa44f14]{background:transparent;border:1px solid transparent;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);color:var(--color-text);border-radius:var(--radius-sm);min-width:200px}.toolbar-name[data-v-5fa44f14]:hover{border-color:var(--color-border)}.toolbar-name[data-v-5fa44f14]:focus{border-color:var(--color-primary);background:var(--color-surface-alt)}.toolbar-actions[data-v-5fa44f14]{display:flex;gap:var(--space-sm);align-items:center}.btn[data-v-5fa44f14]{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:background .15s}.btn[data-v-5fa44f14]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-5fa44f14]{background:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-5fa44f14]:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary[data-v-5fa44f14]{background:var(--color-surface-alt);color:var(--color-text)}.btn-secondary[data-v-5fa44f14]:hover{background:var(--color-border-light)}.export-wrapper[data-v-5fa44f14]{position:relative}.export-menu[data-v-5fa44f14]{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:100;min-width:180px}.export-menu-item[data-v-5fa44f14]{display:block;width:100%;padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-text);transition:background .15s}.export-menu-item[data-v-5fa44f14]:hover:not(:disabled){background:var(--color-surface-alt)}.export-menu-item[data-v-5fa44f14]:disabled{opacity:.5;cursor:not-allowed}.picker-wrapper[data-v-5fa44f14]{position:relative}.picker-menu[data-v-5fa44f14]{position:absolute;top:100%;left:0;margin-top:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:260px;max-height:320px;display:flex;flex-direction:column}.picker-header[data-v-5fa44f14]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.picker-title[data-v-5fa44f14]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.picker-new-btn[data-v-5fa44f14]{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.picker-new-btn[data-v-5fa44f14]:hover{text-decoration:underline}.picker-empty[data-v-5fa44f14]{padding:var(--space-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.picker-list[data-v-5fa44f14]{overflow-y:auto;flex:1}.picker-item[data-v-5fa44f14]{display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.picker-item[data-v-5fa44f14]:last-child{border-bottom:none}.picker-item--active[data-v-5fa44f14]{background:var(--color-surface-alt)}.picker-item-open[data-v-5fa44f14]{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);text-align:left;transition:background .15s}.picker-item-open[data-v-5fa44f14]:hover{background:var(--color-surface-alt)}.picker-item-name[data-v-5fa44f14]{font-size:var(--font-size-sm);font-weight:500}.picker-item-date[data-v-5fa44f14]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.picker-item-delete[data-v-5fa44f14]{padding:var(--space-sm);font-size:16px;color:var(--color-text-muted);opacity:0;transition:opacity .15s,color .15s}.picker-item:hover .picker-item-delete[data-v-5fa44f14]{opacity:1}.picker-item-delete[data-v-5fa44f14]:hover{color:var(--color-danger)}.color-picker[data-v-c96a504e]{display:flex;align-items:center;gap:var(--space-sm)}.color-native[data-v-c96a504e]{width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.color-native[data-v-c96a504e]::-webkit-color-swatch-wrapper{padding:2px}.color-native[data-v-c96a504e]::-webkit-color-swatch{border:none;border-radius:2px}.color-hex[data-v-c96a504e]{width:80px;font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase}.font-selector[data-v-781abf0c]{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.font-selector[data-v-781abf0c]:focus{border-color:var(--color-primary)}.panel[data-v-c80feb45]{background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-md)}.panel-content[data-v-c80feb45]{display:flex;flex-direction:column;gap:var(--space-md)}.panel-section[data-v-c80feb45]{display:flex;flex-direction:column;gap:var(--space-sm)}.section-title[data-v-c80feb45]{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.section-body[data-v-c80feb45]{display:flex;flex-direction:column;gap:var(--space-sm)}.placeholder-text[data-v-c80feb45]{font-size:var(--font-size-sm);color:var(--color-text-muted)}.panel-empty[data-v-c80feb45]{display:flex;align-items:center;justify-content:center;height:100%}.upload-btn[data-v-c80feb45]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s}.upload-btn[data-v-c80feb45]:hover{background:var(--color-border-light)}.upload-input[data-v-c80feb45]{display:none}.remove-image-btn[data-v-c80feb45]{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-danger);transition:background .15s}.remove-image-btn[data-v-c80feb45]:hover{background:#e945601a}.toggle-row[data-v-c80feb45],.radio-row[data-v-c80feb45]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer}.frame-colors[data-v-c80feb45]{display:flex;gap:var(--space-md);padding-left:var(--space-sm)}.text-input[data-v-c80feb45]{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.text-area-input[data-v-c80feb45]{resize:vertical;font-family:inherit;line-height:1.4;min-height:2.4em}.size-buttons[data-v-c80feb45]{display:flex;gap:4px;background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:2px}.size-btn[data-v-c80feb45]{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all .15s}.size-btn.active[data-v-c80feb45]{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000001a}.size-btn[data-v-c80feb45]:hover:not(.active){color:var(--color-text)}.font-size-display[data-v-c80feb45]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.preview-container[data-v-3ffad817]{display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-lg);overflow:hidden;container-type:inline-size}.preview-wrapper[data-v-3ffad817]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-canvas[data-v-3ffad817]{aspect-ratio:9 / 16;max-height:100%;max-width:100%;height:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;container-type:inline-size}.text-area[data-v-3ffad817]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5% 5% 2%;flex-shrink:0;gap:1cqw}.text-title[data-v-3ffad817]{text-align:center;font-weight:700;word-break:break-word;white-space:pre-line;max-width:100%;overflow:hidden}.text-subtitle[data-v-3ffad817]{text-align:center;font-weight:400;word-break:break-word;white-space:pre-line;max-width:100%;overflow:hidden}.content-area[data-v-3ffad817]{width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-placeholder[data-v-3ffad817]{color:#0003;font-size:var(--font-size-lg);font-weight:600}.preview-empty[data-v-3ffad817]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.preview-image-full[data-v-3ffad817]{width:100%;height:100%;object-fit:cover;object-position:center}.frame-container[data-v-3ffad817]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5%}.frame-wrapper[data-v-3ffad817]{position:relative;height:90%;aspect-ratio:300 / 620;max-width:80%}.frame-svg[data-v-3ffad817]{width:100%;height:100%;position:relative;z-index:2;pointer-events:none}.frame-screen[data-v-3ffad817]{position:absolute;z-index:3;overflow:hidden;border-radius:4px}.frame-screen-image[data-v-3ffad817]{width:100%;height:100%;object-fit:cover;object-position:center}.card[data-v-de572346]{flex-shrink:0;width:68px;height:120px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;position:relative}.card[data-v-de572346]:hover{border-color:var(--color-border-light)}.card--selected[data-v-de572346]{border-color:var(--color-primary)}.card-preview[data-v-de572346]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-thumb[data-v-de572346]{width:100%;height:100%;object-fit:cover;object-position:center}.card-index[data-v-de572346]{position:absolute;bottom:4px;right:4px;font-size:9px;font-weight:700;color:#ffffffb3;background:#0006;border-radius:3px;padding:1px 4px;line-height:1}.card-remove[data-v-de572346]{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0009;color:var(--color-white);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.card:hover .card-remove[data-v-de572346]{opacity:1}.card-remove[data-v-de572346]:hover{background:var(--color-danger)}.strip[data-v-bdcfea84]{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);overflow:hidden}.strip-scroll[data-v-bdcfea84]{display:flex;gap:var(--space-sm);overflow-x:auto;height:100%;align-items:center;padding-bottom:var(--space-xs)}.add-btn[data-v-bdcfea84]{flex-shrink:0;width:68px;height:120px;border-radius:var(--radius-md);border:2px dashed var(--color-border-light);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.add-btn[data-v-bdcfea84]:hover{border-color:var(--color-primary);background:#e945601a}.add-icon[data-v-bdcfea84]{font-size:24px;color:var(--color-text-muted)}.add-btn:hover .add-icon[data-v-bdcfea84]{color:var(--color-primary)}.app-shell[data-v-53ff6922]{display:grid;grid-template-columns:var(--panel-width) 1fr;grid-template-rows:var(--toolbar-height) 1fr var(--strip-height);height:100vh;overflow:hidden}.shell-toolbar[data-v-53ff6922]{grid-column:1 / -1;grid-row:1}.shell-panel[data-v-53ff6922]{grid-column:1;grid-row:2}.shell-preview[data-v-53ff6922]{grid-column:2;grid-row:2}.shell-strip[data-v-53ff6922]{grid-column:1 / -1;grid-row:3}.toast-container[data-v-0fda8147]{position:fixed;bottom:var(--strip-height, 140px);right:var(--space-md);z-index:1000;display:flex;flex-direction:column-reverse;gap:var(--space-sm);pointer-events:none;margin-bottom:var(--space-md)}.toast[data-v-0fda8147]{pointer-events:auto;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-md);cursor:pointer;max-width:320px;word-break:break-word}.toast--info[data-v-0fda8147]{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.toast--success[data-v-0fda8147]{background:#1b4332;color:#d8f3dc;border:1px solid #2d6a4f}.toast--error[data-v-0fda8147]{background:#4a1220;color:#ffc2cc;border:1px solid #6b1d30}.toast-enter-active[data-v-0fda8147],.toast-leave-active[data-v-0fda8147]{transition:all .3s ease}.toast-enter-from[data-v-0fda8147]{opacity:0;transform:translateY(20px)}.toast-leave-to[data-v-0fda8147]{opacity:0;transform:translate(100px)}.loading[data-v-0f2a054f]{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-muted);font-size:var(--font-size-lg)}.loading-content[data-v-0f2a054f]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.loading-spinner[data-v-0f2a054f]{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-0f2a054f .8s linear infinite}@keyframes spin-0f2a054f{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-surface-alt: #0f3460;--color-primary: #e94560;--color-primary-hover: #d63851;--color-text: #f1f1f1;--color-text-muted: #a0a0b0;--color-border: #2a2a4a;--color-border-light: #3a3a5a;--color-success: #4caf50;--color-danger: #e94560;--color-danger-hover: #d63851;--color-white: #ffffff;--color-black: #000000;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-sans: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--toolbar-height: 56px;--panel-width: 300px;--strip-height: 140px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}