.result-toast[data-v-5d5919cf]{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:600;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;font-size:.9rem;min-width:280px;max-width:90vw;backdrop-filter:blur(10px)}.result-toast--success[data-v-5d5919cf]{background:var(--color-success-bg);border:1px solid #bbf7d0;color:#166534}.result-toast--error[data-v-5d5919cf]{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:#991b1b}.toast-close[data-v-5d5919cf]{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px}.msg-slide-enter-active[data-v-5d5919cf]{transition:all .3s ease-out}.msg-slide-leave-active[data-v-5d5919cf]{transition:all .2s ease-in}.msg-slide-enter-from[data-v-5d5919cf]{opacity:0;transform:translate(-50%) translateY(-16px)}.msg-slide-leave-to[data-v-5d5919cf]{opacity:0;transform:translate(-50%) translateY(-8px)}.dev-tool-page[data-v-b2c47205]{display:flex;gap:0;width:100%;min-height:0;align-items:flex-start}.tool-panel[data-v-b2c47205]{flex:0 0 clamp(360px,40vw,520px);min-width:0;padding:clamp(20px,3vh,32px) clamp(12px,3vw,32px) clamp(32px,5vh,60px) clamp(12px,3vw,32px);animation:fadeUp-b2c47205 .3s ease-out}.result-panel[data-v-b2c47205]{flex:1;position:sticky;top:var(--header-height);min-width:300px;height:calc(100vh - var(--header-height));display:flex;flex-direction:column;overflow:hidden;padding:0}.action-bar[data-v-b2c47205]{text-align:center;margin:24px 0}.dev-actions[data-v-b2c47205]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn-lg[data-v-b2c47205]{padding:14px 40px;font-size:1rem;border-radius:var(--radius-lg)}[data-v-b2c47205]::deep(.preview-section){max-width:none!important;margin:0!important;height:100%}[data-v-b2c47205]::deep(.preview-container){height:100%;display:flex;flex-direction:column}[data-v-b2c47205]::deep(.preview-body){flex:1;overflow:auto}@keyframes fadeUp-b2c47205{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.dev-tool-page[data-v-b2c47205]{flex-direction:column}.tool-panel[data-v-b2c47205]{flex:none;max-width:100%;padding:24px 16px 32px}.result-panel[data-v-b2c47205]{position:static;flex:none;width:100%;max-width:100%;height:auto;min-height:300px;padding:0 0 32px}}@media (max-width: 640px){.tool-panel[data-v-b2c47205]{padding:16px 12px 24px}.dev-actions[data-v-b2c47205]{flex-direction:column}.btn-lg[data-v-b2c47205]{width:100%}}.tool-page-layout[data-v-63472296]{display:flex;flex-direction:column;width:100%;min-height:0}.breadcrumb-nav[data-v-63472296]{width:100%;padding:12px 24px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:.9rem;display:flex;align-items:center;gap:8px}.breadcrumb-link[data-v-63472296]{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-link[data-v-63472296]:hover{color:var(--color-primary-500)}.breadcrumb-sep[data-v-63472296]{color:var(--color-text-tertiary)}.breadcrumb-current[data-v-63472296]{color:var(--color-text-primary);font-weight:500}.tool-content[data-v-63472296]{flex:1;width:100%}.related-tools-section[data-v-63472296]{width:100%;padding:32px 24px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:32px}.related-tools-title[data-v-63472296]{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:20px;font-family:var(--font-display)}.related-tools-grid[data-v-63472296]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.related-tool-card[data-v-63472296]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .25s}.related-tool-card[data-v-63472296]:hover{border-color:var(--color-primary-300);box-shadow:0 4px 16px #4f6bed14;transform:translateY(-2px)}.related-tool-icon[data-v-63472296]{font-size:1.8rem;flex-shrink:0}.related-tool-info[data-v-63472296]{flex:1;min-width:0}.related-tool-name[data-v-63472296]{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.related-tool-desc[data-v-63472296]{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.breadcrumb-nav[data-v-63472296]{padding:10px 16px;font-size:.85rem}.related-tools-section[data-v-63472296]{padding:24px 16px}.related-tools-grid[data-v-63472296]{grid-template-columns:1fr}}.generic-tool-page[data-v-bd43f857]{display:flex;gap:0;width:100%;min-height:0;align-items:flex-start}.tool-panel[data-v-bd43f857]{flex:0 0 clamp(360px,40vw,520px);min-width:0;padding:clamp(20px,3vh,32px) clamp(12px,3vw,32px) clamp(32px,5vh,60px) clamp(12px,3vw,32px);animation:fadeUp-bd43f857 .3s ease-out}.section-center[data-v-bd43f857]{margin-top:20px}.section-label[data-v-bd43f857]{text-align:center;font-size:.88rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:14px}.mode-section[data-v-bd43f857]{margin-bottom:20px;padding:0}.mode-header[data-v-bd43f857]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mode-label[data-v-bd43f857]{font-size:.88rem;font-weight:700;color:var(--color-text-secondary)}.mode-selected-hint[data-v-bd43f857]{font-size:.78rem;color:var(--color-primary-500);font-weight:600}.mode-grid[data-v-bd43f857]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card-h[data-v-bd43f857]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-card);cursor:pointer;transition:all .2s;text-align:center;overflow:hidden}.mode-card-h[data-v-bd43f857]:hover{border-color:var(--color-primary-300);box-shadow:0 4px 16px #4f6bed14;transform:translateY(-2px)}.mode-card-h.selected[data-v-bd43f857]{border-color:var(--color-primary-500);background:var(--color-neon-cyan-dim);box-shadow:0 0 0 3px #00e5ff14}.mode-card-badge[data-v-bd43f857]{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:100px;box-shadow:0 1px 4px #f59e0b4d}.mode-card-icon-h[data-v-bd43f857]{font-size:1.8rem;line-height:1}.mode-card-title-h[data-v-bd43f857]{font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.mode-card-h.selected .mode-card-title-h[data-v-bd43f857]{color:var(--color-primary-600)}.mode-card-desc-h[data-v-bd43f857]{font-size:.74rem;color:var(--color-text-tertiary);line-height:1.45}.seal-preview-box[data-v-bd43f857]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.seal-preview-box canvas[data-v-bd43f857]{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.seal-img[data-v-bd43f857]{max-height:200px;border-radius:var(--radius-md)}.template-section[data-v-bd43f857]{margin-top:24px}.template-header[data-v-bd43f857]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.template-grid[data-v-bd43f857]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-card[data-v-bd43f857]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-card);cursor:pointer;transition:all .2s;text-align:center}.template-card[data-v-bd43f857]:hover{border-color:var(--color-primary-300);box-shadow:0 4px 16px #4f6bed0f;transform:translateY(-2px)}.template-card.selected[data-v-bd43f857]{border-color:var(--color-primary-500);background:var(--color-neon-cyan-dim);box-shadow:0 0 0 3px #00e5ff14}.template-icon[data-v-bd43f857]{font-size:1.6rem;line-height:1}.template-name[data-v-bd43f857]{font-size:.84rem;font-weight:700;color:var(--color-text-primary)}.template-card.selected .template-name[data-v-bd43f857]{color:var(--color-primary-600)}.template-desc[data-v-bd43f857]{font-size:.72rem;color:var(--color-text-tertiary);line-height:1.4}.action-bar[data-v-bd43f857]{text-align:center;margin:24px 0}.btn-lg[data-v-bd43f857]{padding:14px 40px;font-size:1rem;border-radius:var(--radius-lg)}.dev-section[data-v-bd43f857]{margin-top:16px}.dev-actions[data-v-bd43f857]{display:flex;gap:8px;flex-wrap:wrap}[data-v-bd43f857]::deep(.preview-section){max-width:none!important;margin:0!important;height:100%}[data-v-bd43f857]::deep(.preview-container){height:100%;display:flex;flex-direction:column}[data-v-bd43f857]::deep(.preview-body){flex:1;overflow:auto}@keyframes fadeUp-bd43f857{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.generic-tool-page[data-v-bd43f857]{flex-direction:column}.tool-panel[data-v-bd43f857]{flex:none;max-width:100%;padding:24px 16px 32px}.tool-panel[data-v-bd43f857]+::deep(.preview-section){position:static;flex:none;width:100%;max-width:100%;height:auto;min-height:300px;padding:0 0 32px}}@media (max-width: 900px){.mode-grid[data-v-bd43f857],.template-grid[data-v-bd43f857]{grid-template-columns:1fr}}@media (max-width: 640px){.tool-panel[data-v-bd43f857]{padding:16px 12px 24px}.dev-actions[data-v-bd43f857]{flex-direction:column}.btn-lg[data-v-bd43f857]{width:100%}.mode-card-h[data-v-bd43f857]{padding:14px}.mode-card-icon-h[data-v-bd43f857]{font-size:1.4rem}}