.canvas-wrapper[data-v-1b110246]{max-width:100%;max-height:var(--preview-height);background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin:0 auto}.canvas-wrapper canvas[data-v-1b110246]{display:block}.color-picker[data-v-e3b7997a]{display:flex;flex-direction:column;gap:6px}.color-trigger[data-v-e3b7997a]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-surface-light);border-radius:var(--radius-sm);cursor:pointer}.color-preview[data-v-e3b7997a]{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}.hex-value[data-v-e3b7997a]{font-size:13px;color:var(--color-text-muted);font-family:monospace}.palette-row[data-v-e3b7997a]{display:flex;gap:4px;overflow-x:auto;padding:6px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.palette-row[data-v-e3b7997a]::-webkit-scrollbar{height:4px}.palette-row[data-v-e3b7997a]::-webkit-scrollbar-track{background:transparent}.palette-row[data-v-e3b7997a]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.custom-color-btn[data-v-e3b7997a]{width:32px;height:32px;border-radius:6px;flex-shrink:0;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid var(--color-border);padding:0}.swatch[data-v-e3b7997a]{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);cursor:pointer;padding:0;flex-shrink:0}.swatch.saved[data-v-e3b7997a]{border:2px solid var(--color-primary);box-shadow:0 0 0 1px #7c6ef033}.swatch[data-v-e3b7997a]:hover{transform:scale(1.1);z-index:1}.swatch.active[data-v-e3b7997a]{border:2px solid var(--color-text);box-shadow:0 0 0 1px #0000001a}.mixer[data-v-e3b7997a]{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--color-surface-light);border-radius:var(--radius-sm)}.mixer-top[data-v-e3b7997a]{display:flex;gap:8px;align-items:stretch}.mixer-preview[data-v-e3b7997a]{flex:1;height:32px;border-radius:4px;border:1px solid var(--color-border)}.save-btn[data-v-e3b7997a]{padding:0 12px;border-radius:4px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.save-btn[data-v-e3b7997a]:active{opacity:.8}.slider-label[data-v-e3b7997a]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);font-weight:600}.slider-label span[data-v-e3b7997a]:first-child{width:12px;text-align:center}.slider-val[data-v-e3b7997a]{width:28px;text-align:right;font-family:monospace;font-size:11px}.slider-label input[type=range][data-v-e3b7997a]{flex:1;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px;outline:none}.slider-label input[type=range][data-v-e3b7997a]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #00000026;cursor:pointer}.hue-slider[data-v-e3b7997a]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.slider-control[data-v-c8d46b98]{display:flex;flex-direction:column;gap:4px}.slider-header[data-v-c8d46b98]{display:flex;justify-content:space-between;align-items:center}.slider-label[data-v-c8d46b98]{font-size:13px;color:var(--color-text-muted)}.slider-value[data-v-c8d46b98]{font-size:13px;font-weight:600;min-width:32px;text-align:right}.background-tab[data-v-9493b4c2]{display:flex;flex-direction:column;gap:16px}.section[data-v-9493b4c2]{display:flex;flex-direction:column;gap:8px}.section-label[data-v-9493b4c2]{font-size:13px;color:var(--color-text-muted);font-weight:600}.section-header[data-v-9493b4c2]{display:flex;justify-content:space-between;align-items:center}.btn-small[data-v-9493b4c2]{padding:4px 10px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);font-size:12px;font-weight:600;color:var(--color-text-muted);min-height:unset;min-width:unset}.btn-primary[data-v-9493b4c2]{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:10px 16px;font-size:14px;font-weight:600}.btn-primary[data-v-9493b4c2]:active{background-color:var(--color-primary-hover)}.btn-group[data-v-9493b4c2]{display:flex;gap:8px}.btn-toggle[data-v-9493b4c2]{flex:1;padding:8px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);font-size:13px;color:var(--color-text-muted)}.btn-toggle.active[data-v-9493b4c2]{background-color:var(--color-primary);color:#fff}.ratio-group[data-v-9493b4c2]{flex-wrap:wrap}.font-selector[data-v-72e69562]{display:flex;flex-direction:column;gap:8px}.font-search[data-v-72e69562]{width:100%;padding:8px 10px;background-color:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px}.font-list[data-v-72e69562]{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.font-item[data-v-72e69562]{display:flex;align-items:center;gap:8px;text-align:left;padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);min-height:unset}.font-item[data-v-72e69562]:active,.font-item.active[data-v-72e69562]{background-color:var(--color-primary);color:#fff}.font-name[data-v-72e69562]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-preview[data-v-72e69562]{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.font-item.active .font-preview[data-v-72e69562]{color:#ffffffb3}.badge[data-v-72e69562]{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;flex-shrink:0;font-family:var(--font-sans)}.badge-jp[data-v-72e69562]{background-color:#e94560;color:#fff}.badge-en[data-v-72e69562]{background-color:var(--color-surface-light);color:var(--color-text-muted)}.btn-secondary[data-v-72e69562]{width:100%;padding:8px;background-color:var(--color-surface-light);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted);border:1px dashed var(--color-border)}.segment-editor[data-v-074e09e3]{display:flex;flex-direction:column;gap:10px}.char-grid[data-v-074e09e3]{display:flex;flex-wrap:wrap;gap:2px;padding:8px;background-color:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:44px;align-items:center}.char-cell[data-v-074e09e3]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;padding:2px 4px;font-size:14px;color:var(--color-text);cursor:pointer;border-radius:3px;transition:background-color .15s}.char-cell[data-v-074e09e3]:active{opacity:.7}.char-cell.selected[data-v-074e09e3]{background-color:#3b82f633;outline:1px solid var(--color-primary)}.char-cell.split-cursor[data-v-074e09e3]{background-color:#ef44444d;outline:2px solid #ef4444}.split-marker[data-v-074e09e3]{color:var(--color-primary);font-weight:700;font-size:16px;padding:0 1px;-webkit-user-select:none;user-select:none}.segment-list[data-v-074e09e3]{display:flex;flex-direction:column;gap:4px}.segment-item[data-v-074e09e3]{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s;min-height:44px}.segment-item.active[data-v-074e09e3]{border-color:var(--color-primary);background-color:#3b82f614}.segment-index[data-v-074e09e3]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:var(--color-border);font-size:11px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.segment-item.active .segment-index[data-v-074e09e3]{background-color:var(--color-primary);color:#fff}.segment-preview[data-v-074e09e3]{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-font[data-v-074e09e3]{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.actions[data-v-074e09e3]{display:flex;flex-wrap:wrap;gap:6px}.btn-action[data-v-074e09e3]{padding:7px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);background-color:var(--color-surface-light);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-action.primary[data-v-074e09e3]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-action[data-v-074e09e3]:disabled{opacity:.4;cursor:not-allowed}.btn-action[data-v-074e09e3]:active:not(:disabled){opacity:.7}.segment-text-edit[data-v-074e09e3]{display:flex;flex-direction:column;gap:4px}.edit-label[data-v-074e09e3]{font-size:12px;color:var(--color-text-muted);font-weight:600}.segment-textarea[data-v-074e09e3]{width:100%;padding:8px;background-color:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;resize:vertical;font-family:var(--font-sans)}.text-tab[data-v-84b31a49]{display:flex;flex-direction:column;gap:16px}.section[data-v-84b31a49]{display:flex;flex-direction:column;gap:8px}.section-label[data-v-84b31a49]{font-size:13px;color:var(--color-text-muted);font-weight:600}.text-input[data-v-84b31a49]{width:100%;padding:10px;background-color:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;resize:vertical;font-family:var(--font-sans)}.btn-group[data-v-84b31a49]{display:flex;gap:8px}.btn-toggle[data-v-84b31a49]{flex:1;padding:8px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);font-size:13px;color:var(--color-text-muted)}.btn-toggle.active[data-v-84b31a49]{background-color:var(--color-primary);color:#fff}.btn-delete[data-v-84b31a49]{width:100%;padding:10px;border-radius:var(--radius-sm);background-color:#dc2626;color:#fff;font-size:13px;font-weight:600}.btn-delete[data-v-84b31a49]:active{opacity:.8}.empty-state[data-v-84b31a49]{text-align:center;color:var(--color-text-muted);padding:32px 0;font-size:14px}.toggle-switch[data-v-b0916ae4]{position:relative;width:44px;height:24px;border-radius:12px;background-color:var(--color-border);padding:2px;transition:background-color .2s;min-height:unset;min-width:unset}.toggle-switch.active[data-v-b0916ae4]{background-color:var(--color-primary)}.toggle-knob[data-v-b0916ae4]{display:block;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:transform .2s}.toggle-switch.active .toggle-knob[data-v-b0916ae4]{transform:translate(20px)}.style-tab[data-v-937d2261]{display:flex;flex-direction:column;gap:16px}.section[data-v-937d2261]{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.section[data-v-937d2261]:last-child{border-bottom:none}.section-sublabel[data-v-937d2261]{font-size:11px;color:var(--color-primary);font-weight:600}.section-header[data-v-937d2261]{display:flex;justify-content:space-between;align-items:center}.section-label[data-v-937d2261]{font-size:13px;color:var(--color-text-muted);font-weight:600}.swap-btn[data-v-937d2261]{align-self:center;padding:6px 16px;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;margin:-8px 0}.swap-btn[data-v-937d2261]:active{opacity:.7}.color-label[data-v-937d2261]{font-size:11px;color:var(--color-text-muted)}.empty-state[data-v-937d2261]{text-align:center;color:var(--color-text-muted);padding:32px 0;font-size:14px}.preset-tab[data-v-5818d57a]{display:flex;flex-direction:column;gap:8px;user-select:none;-webkit-user-select:none}.toggle-section[data-v-5818d57a]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.section-label[data-v-5818d57a]{font-size:13px;color:var(--color-text-muted);font-weight:600}.section-divider[data-v-5818d57a]{font-size:11px;font-weight:600;color:var(--color-text-muted);text-align:center;padding:4px 0;border-bottom:1px solid var(--color-border);margin-bottom:2px}.canvas-styles-section[data-v-5818d57a]{display:flex;flex-direction:column;gap:4px}.canvas-style-card[data-v-5818d57a]{border-color:var(--color-primary);border-style:dashed}.preset-list[data-v-5818d57a]{display:flex;flex-direction:column;gap:6px}.preset-card[data-v-5818d57a]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left}.preset-name[data-v-5818d57a]{font-size:12px;font-weight:600;color:var(--color-text);min-width:80px;flex-shrink:0}.preset-swatches[data-v-5818d57a]{display:flex;gap:8px;flex:1;justify-content:flex-end}.swatch-button[data-v-5818d57a]{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;transition:border-color .15s,opacity .15s}.swatch-button[data-v-5818d57a]:active{opacity:.7}.swatch-button[data-v-5818d57a]:hover:not(:disabled){border-color:var(--color-primary)}.swatch-button.disabled[data-v-5818d57a]{opacity:.4;cursor:default}.swatch-label[data-v-5818d57a]{font-size:9px;color:var(--color-text-muted);font-weight:600}.color-swatches[data-v-5818d57a]{display:flex;gap:1px}.swatch[data-v-5818d57a]{width:14px;height:14px;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.font-label[data-v-5818d57a]{font-size:8px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.hint[data-v-5818d57a]{font-size:11px;color:var(--color-text-muted);text-align:center;margin:4px 0 0}.stamp-tab[data-v-3cf22e0b]{display:flex;flex-direction:column;gap:16px}.section[data-v-3cf22e0b]{display:flex;flex-direction:column;gap:8px}.btn-primary[data-v-3cf22e0b]{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:10px 16px;font-size:14px;font-weight:600}.btn-primary[data-v-3cf22e0b]:active{background-color:var(--color-primary-hover)}.btn-delete[data-v-3cf22e0b]{width:100%;padding:10px;border-radius:var(--radius-sm);background-color:#dc2626;color:#fff;font-size:13px;font-weight:600}.btn-delete[data-v-3cf22e0b]:active{opacity:.8}.empty-state[data-v-3cf22e0b]{text-align:center;color:var(--color-text-muted);padding:32px 0;font-size:14px}.export-tab[data-v-8a7b7ced]{display:flex;flex-direction:column;gap:16px}.section[data-v-8a7b7ced]{display:flex;flex-direction:column;gap:8px}.section-label[data-v-8a7b7ced]{font-size:13px;color:var(--color-text-muted);font-weight:600}.btn-group[data-v-8a7b7ced]{display:flex;gap:8px}.btn-toggle[data-v-8a7b7ced]{flex:1;padding:8px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);font-size:13px;color:var(--color-text-muted)}.btn-toggle.active[data-v-8a7b7ced]{background-color:var(--color-primary);color:#fff}.info-row[data-v-8a7b7ced]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-8a7b7ced]{font-size:13px;color:var(--color-text-muted)}.info-value[data-v-8a7b7ced]{font-size:14px;font-weight:600}.btn-export[data-v-8a7b7ced]{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:14px;font-size:16px;font-weight:700;margin-top:8px}.btn-export[data-v-8a7b7ced]:active:not(:disabled){opacity:.8}.btn-export[data-v-8a7b7ced]:disabled{opacity:.5}.recent-section[data-v-8a7b7ced]{margin-top:8px;border-top:1px solid var(--color-border);padding-top:16px}.empty-recent[data-v-8a7b7ced]{font-size:13px;color:var(--color-text-muted);text-align:center;padding:12px}.recent-list[data-v-8a7b7ced]{display:flex;flex-direction:column;gap:8px}.recent-item[data-v-8a7b7ced]{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);cursor:pointer}.recent-item[data-v-8a7b7ced]:active{opacity:.8}.recent-thumb[data-v-8a7b7ced]{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}.recent-info[data-v-8a7b7ced]{flex:1;min-width:0}.recent-name[data-v-8a7b7ced]{font-size:13px;font-weight:600;color:var(--color-text)}.recent-delete[data-v-8a7b7ced]{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:none;font-size:14px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.recent-delete[data-v-8a7b7ced]:active{background-color:#dc26261a;color:#dc2626}.control-panel[data-v-c34ba8db]{flex:1;display:flex;flex-direction:column;background-color:var(--color-surface);overflow:hidden}.tab-bar[data-v-c34ba8db]{display:flex;justify-content:space-around;flex-shrink:0;padding:4px 8px 0}.tab-btn[data-v-c34ba8db]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;flex:1;color:var(--color-text-muted);transition:color .2s;border-bottom:2px solid transparent}.tab-btn.active[data-v-c34ba8db]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-icon[data-v-c34ba8db]{font-size:18px}.tab-label[data-v-c34ba8db]{font-size:11px;font-weight:600}.tab-content[data-v-c34ba8db]{flex:1;overflow-y:auto;padding:14px 16px}.fab[data-v-1691af56]{position:fixed;bottom:calc(45vh + 16px);right:16px;width:var(--fab-size);height:var(--fab-size);border-radius:50%;background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #69c0ff66;z-index:100}.fab[data-v-1691af56]:active{transform:scale(.92)}.fab-icon[data-v-1691af56]{font-size:20px;font-weight:700}.app-shell[data-v-0b3b01b2]{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.toolbar[data-v-0b3b01b2]{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background-color:var(--color-surface);flex-shrink:0}.toolbar-left[data-v-0b3b01b2]{display:flex;gap:8px}.toolbar-btn[data-v-0b3b01b2]{padding:4px 12px;border-radius:var(--radius-sm);background-color:var(--color-surface-light);font-size:12px;font-weight:600;color:var(--color-text);min-height:32px;min-width:unset}.toolbar-btn[data-v-0b3b01b2]:disabled{opacity:.3;cursor:default}.toolbar-btn[data-v-0b3b01b2]:not(:disabled):active{background-color:var(--color-primary);color:#fff}.toolbar-right[data-v-0b3b01b2]{display:flex;align-items:center;gap:8px}.zoom-label[data-v-0b3b01b2]{font-size:11px;font-weight:600;color:var(--color-primary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);background-color:var(--color-surface-light)}.snap-btn[data-v-0b3b01b2]{opacity:.5}.snap-btn.snap-active[data-v-0b3b01b2]{opacity:1;background-color:var(--color-primary);color:#fff}.reset-btn[data-v-0b3b01b2]{color:#dc2626}.app-footer[data-v-0b3b01b2]{flex-shrink:0;text-align:center;padding:4px 0;background-color:var(--color-surface);font-size:11px}.app-footer a[data-v-0b3b01b2]{color:var(--color-text-muted);text-decoration:none}:root{--preview-height: 55vh;--panel-height: 40vh;--fab-size: 56px;--touch-target: 44px;--color-primary: #69c0ff;--color-primary-hover: #40a9ff;--color-bg: #f0f7ff;--color-surface: #ffffff;--color-surface-light: #e6f4ff;--color-text: #1f2937;--color-text-muted: #6b7280;--color-border: #bae0ff;--color-accent: #69c0ff;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(105, 192, 255, .12);--shadow-md: 0 4px 12px rgba(105, 192, 255, .15);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100%;display:flex;flex-direction:column}button{min-height:var(--touch-target);min-width:var(--touch-target);border:none;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}input[type=range]{width:100%;accent-color:var(--color-primary)}input[type=color]{min-height:var(--touch-target);min-width:var(--touch-target);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:none;cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}