.tool[data-v-ed2fd67f]{max-width:1400px;margin:0 auto;padding:24px}.layout[data-v-ed2fd67f]{display:grid;grid-template-columns:480px 1fr;gap:24px;margin-top:24px}.left-panel[data-v-ed2fd67f],.right-panel[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:20px}.input-section[data-v-ed2fd67f],.params-section[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:12px}.label[data-v-ed2fd67f]{display:flex;align-items:center;gap:4px;margin-bottom:6px}.label-text[data-v-ed2fd67f]{font-size:14px;font-weight:600;color:#374151}.label-required[data-v-ed2fd67f]{color:#ef4444;font-weight:700}.input-box[data-v-ed2fd67f]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.input-box[data-v-ed2fd67f]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-box.input-error[data-v-ed2fd67f]{border-color:#ef4444}.input-box.input-error[data-v-ed2fd67f]:focus{box-shadow:0 0 0 3px #ef44441a}.error-hint[data-v-ed2fd67f]{margin:0;font-size:13px;color:#ef4444}.params-section[data-v-ed2fd67f]{border:2px solid #e5e7eb;border-radius:10px;padding:16px;background:#fafafa}.param-item[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:6px}.btn-secondary[data-v-ed2fd67f]{padding:10px 20px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-ed2fd67f]:hover{border-color:#8b5cf6;color:#8b5cf6;background:#faf5ff}.btn-example[data-v-ed2fd67f]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left}.btn-example[data-v-ed2fd67f]:hover{border-color:#8b5cf6;background:#faf5ff}.example-name[data-v-ed2fd67f]{font-size:13px;font-weight:600;color:#374151}.example-source[data-v-ed2fd67f]{font-size:12px;color:#6b7280;font-family:Consolas,Monaco,monospace}.examples-section[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-ed2fd67f]{font-size:16px;font-weight:700;color:#1f2937;margin:0}.examples-grid[data-v-ed2fd67f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-section[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:16px}.info-card[data-v-ed2fd67f]{border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.info-card.highlight[data-v-ed2fd67f]{border-color:#8b5cf6}.info-header[data-v-ed2fd67f]{display:flex;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom:2px solid #e5e7eb}.info-icon[data-v-ed2fd67f]{font-size:20px}.info-title[data-v-ed2fd67f]{margin:0;font-size:16px;font-weight:700;color:#1f2937}.info-body[data-v-ed2fd67f]{padding:16px;display:flex;flex-direction:column;gap:16px}.info-item[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-ed2fd67f]{font-size:13px;font-weight:600;color:#6b7280}.info-value[data-v-ed2fd67f]{display:block;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,monospace;color:#1f2937;word-break:break-all}.url-display[data-v-ed2fd67f]{display:flex;align-items:flex-start;gap:8px}.url-value[data-v-ed2fd67f]{flex:1;display:block;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,monospace;color:#1f2937;word-break:break-all;line-height:1.6}.params-list[data-v-ed2fd67f]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.param-row[data-v-ed2fd67f]{display:flex;align-items:center;gap:8px;font-family:Consolas,Monaco,monospace;font-size:13px}.param-key[data-v-ed2fd67f]{font-weight:600;color:#7c3aed}.param-equals[data-v-ed2fd67f]{color:#9ca3af}.param-value[data-v-ed2fd67f]{color:#059669}.error-card[data-v-ed2fd67f]{border:2px solid #fca5a5;border-radius:10px;overflow:hidden;background:#fff}.error-header[data-v-ed2fd67f]{display:flex;align-items:center;gap:8px;padding:16px;background:#fef2f2;border-bottom:2px solid #fca5a5}.error-icon[data-v-ed2fd67f]{font-size:20px}.error-title[data-v-ed2fd67f]{margin:0;font-size:16px;font-weight:700;color:#dc2626}.error-body[data-v-ed2fd67f]{padding:16px}.error-body p[data-v-ed2fd67f]{margin:0;font-size:14px;color:#6b7280;line-height:1.6}.warning-card[data-v-ed2fd67f]{border:2px solid #fcd34d;border-radius:10px;overflow:hidden;background:#fff}.warning-header[data-v-ed2fd67f]{display:flex;align-items:center;gap:8px;padding:16px;background:#fefce8;border-bottom:2px solid #fcd34d}.warning-icon[data-v-ed2fd67f]{font-size:20px}.warning-title[data-v-ed2fd67f]{margin:0;font-size:16px;font-weight:700;color:#ca8a04}.warning-body[data-v-ed2fd67f]{padding:16px}.warning-body p[data-v-ed2fd67f]{margin:0;font-size:14px;color:#6b7280;line-height:1.6}.tip-card[data-v-ed2fd67f]{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px}.tip-icon[data-v-ed2fd67f]{font-size:24px;flex-shrink:0}.tip-content h4[data-v-ed2fd67f]{margin:0 0 8px;font-size:14px;font-weight:700;color:#92400e}.tip-content p[data-v-ed2fd67f]{margin:0;font-size:13px;color:#78350f;line-height:1.6}.empty-state[data-v-ed2fd67f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px}.empty-icon[data-v-ed2fd67f]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-ed2fd67f]{font-size:15px;color:#9ca3af}.info-section[data-v-ed2fd67f]{border:2px solid #e5e7eb;border-radius:10px;background:#fff}.info-summary[data-v-ed2fd67f]{padding:14px 16px;font-weight:600;cursor:pointer;user-select:none;color:#1f2937;list-style:none}.info-summary[data-v-ed2fd67f]::-webkit-details-marker{display:none}.info-summary[data-v-ed2fd67f]:hover{background:#faf5ff}.info-content[data-v-ed2fd67f]{padding:16px;border-top:1px solid #e5e7eb}.info-content h4[data-v-ed2fd67f]{margin:16px 0 8px;font-size:14px;font-weight:700;color:#1f2937}.info-content h4[data-v-ed2fd67f]:first-child{margin-top:0}.info-content p[data-v-ed2fd67f]{margin:0 0 12px;line-height:1.6;color:#4b5563;font-size:14px}.info-content ul[data-v-ed2fd67f]{margin:0 0 12px;padding-left:20px}.info-content li[data-v-ed2fd67f]{margin:6px 0;line-height:1.6;color:#4b5563;font-size:14px}@media (max-width: 1024px){.layout[data-v-ed2fd67f],.examples-grid[data-v-ed2fd67f]{grid-template-columns:1fr}}