.dialog-overlay[data-v-c8e1454f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-c8e1454f .3s ease}.login-dialog[data-v-c8e1454f]{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:400px;overflow:hidden;animation:slideUp-c8e1454f .3s ease}.dialog-header[data-v-c8e1454f]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dialog-header h3[data-v-c8e1454f]{margin:0;font-size:1.25rem;color:#1e3a8a}.dialog-close-btn[data-v-c8e1454f]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.dialog-close-btn[data-v-c8e1454f]:hover{background:#e2e8f0;color:#1e3a8a}.dialog-content[data-v-c8e1454f]{padding:2rem;text-align:center}.dialog-content p[data-v-c8e1454f]{margin:0 0 1rem;color:#374151;font-size:1rem}.countdown-text[data-v-c8e1454f]{color:#3b82f6;font-weight:600}.dialog-footer[data-v-c8e1454f]{display:flex;gap:1rem;padding:1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end}.btn-primary[data-v-c8e1454f],.btn-secondary[data-v-c8e1454f]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;font-size:.9rem;border:none;text-transform:uppercase;letter-spacing:.02em}.btn-primary[data-v-c8e1454f]{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f633}.btn-primary[data-v-c8e1454f]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary[data-v-c8e1454f]{background:white;color:#64748b;border:1px solid #e2e8f0}.btn-secondary[data-v-c8e1454f]:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}@keyframes fadeIn-c8e1454f{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c8e1454f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-header[data-v-9854759d]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);text-align:center}.tool-title-section[data-v-9854759d]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;justify-content:center}.tool-title[data-v-9854759d]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.favorite-btn[data-v-9854759d]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.favorite-btn[data-v-9854759d]:hover{background-color:var(--background-dark);transform:scale(1.1)}.favorite-btn.favorited[data-v-9854759d]{animation:heartBeat-9854759d .3s ease}@keyframes heartBeat-9854759d{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}.heart-icon[data-v-9854759d]{display:inline-block;transition:transform .2s ease}.tool-description[data-v-9854759d]{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;text-align:center}@media (max-width: 768px){.tool-title[data-v-9854759d]{font-size:1.5rem}.favorite-btn[data-v-9854759d]{font-size:1.125rem;padding:.375rem}.tool-description[data-v-9854759d]{font-size:.9375rem}}.dialog-overlay[data-v-9854759d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-container[data-v-9854759d]{background:var(--card-background);border-radius:12px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;overflow:hidden;border:1px solid var(--border-color)}.dialog-container.dialog-warning[data-v-9854759d]{border-top:4px solid var(--warning-color)}.dialog-header[data-v-9854759d]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background-color:var(--background-dark);border-bottom:1px solid var(--border-color)}.dialog-title[data-v-9854759d]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.dialog-close-btn[data-v-9854759d]{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.dialog-close-btn[data-v-9854759d]:hover{background-color:var(--background-dark);color:var(--text-secondary)}.dialog-content[data-v-9854759d]{display:flex;gap:1.5rem;padding:2rem 1.5rem;align-items:flex-start}.dialog-icon[data-v-9854759d]{font-size:2.5rem;flex-shrink:0;margin-top:-.25rem}.dialog-icon-warning[data-v-9854759d]{color:var(--warning-color)}.dialog-message[data-v-9854759d]{flex:1;font-size:1rem;color:var(--text-secondary);line-height:1.6}.dialog-footer[data-v-9854759d]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background-color:var(--background-dark);border-top:1px solid var(--border-color)}.dialog-btn[data-v-9854759d]{padding:.625rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.dialog-btn.primary[data-v-9854759d]{background-color:var(--primary-color);color:var(--text-inverse)}.dialog-btn.primary[data-v-9854759d]:hover{background-color:var(--primary-dark);box-shadow:0 2px 4px #3b82f64d}.dialog-btn.secondary[data-v-9854759d]{background-color:var(--secondary-color);color:var(--text-inverse)}.dialog-btn.secondary[data-v-9854759d]:hover{background-color:var(--secondary-dark)}@media (max-width: 640px){.dialog-container[data-v-9854759d]{margin:1rem;width:auto}.dialog-content[data-v-9854759d]{flex-direction:column;align-items:center;text-align:center;gap:1rem}.dialog-footer[data-v-9854759d]{flex-direction:column}.dialog-btn[data-v-9854759d]{width:100%}}.tool-info[data-v-173bc659]{display:flex;flex-direction:column;gap:1.5rem}.info-section[data-v-173bc659]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-173bc659]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tool-meta[data-v-173bc659]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-173bc659]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-173bc659]{color:var(--text-secondary);font-weight:500}.meta-value[data-v-173bc659]{color:var(--text-primary);font-weight:600}.tool-rating[data-v-173bc659]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-173bc659]{display:flex;gap:.25rem}.star[data-v-173bc659]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star[data-v-173bc659]:hover,.star.hover[data-v-173bc659],.star.active[data-v-173bc659]{color:#ffc107}.rating-value[data-v-173bc659]{font-size:.875rem;color:var(--text-primary);font-weight:600}@media (max-width: 768px){.meta-item[data-v-173bc659]{font-size:.875rem}.star[data-v-173bc659]{font-size:1.125rem}}.toast[data-v-173bc659]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem 2.5rem;border-radius:var(--border-radius-xl);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);z-index:2000;animation:toastFadeIn-173bc659 .3s ease-out,toastFadeOut-173bc659 .5s ease-in 2.5s;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:280px;text-align:center;display:flex;align-items:center;justify-content:center;gap:.75rem}.toast[data-v-173bc659]:before{content:"";font-size:1.5rem;display:inline-block}.toast.success[data-v-173bc659]{background:linear-gradient(135deg,#52c41a 0%,#73d13d 100%)}.toast.success[data-v-173bc659]:before{content:"✅"}.toast.error[data-v-173bc659]{background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%)}.toast.error[data-v-173bc659]:before{content:"❌"}.toast.warning[data-v-173bc659]{background:linear-gradient(135deg,#faad14 0%,#ffc53d 100%);color:#333}.toast.warning[data-v-173bc659]:before{content:"⚠️"}@keyframes toastFadeIn-173bc659{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastFadeOut-173bc659{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.calculator[data-v-dcd5c6d0]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa;min-height:100vh}.page-header[data-v-dcd5c6d0]{text-align:center;padding:2rem 0;background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.page-header h1[data-v-dcd5c6d0]{font-size:2rem;color:#333;margin-bottom:.5rem}.page-header p[data-v-dcd5c6d0]{font-size:1rem;color:#666;margin:0}.converter-container[data-v-dcd5c6d0]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.settings-panel[data-v-dcd5c6d0],.main-panel[data-v-dcd5c6d0],.feature-panel[data-v-dcd5c6d0]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.settings-panel[data-v-dcd5c6d0],.main-panel[data-v-dcd5c6d0],.feature-panel[data-v-dcd5c6d0]{display:flex;flex-direction:column}.converter-section[data-v-dcd5c6d0]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-dcd5c6d0]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-dcd5c6d0]{font-size:1.25rem;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.calculator-container[data-v-dcd5c6d0]{background:#1e293b;border-radius:16px;padding:2rem;max-width:400px;margin:0 auto;box-shadow:0 4px 20px #00000026}.calculator-display[data-v-dcd5c6d0]{background:#0f172a;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:right;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.display-history[data-v-dcd5c6d0]{color:#94a3b8;font-size:1rem;margin-bottom:.5rem;min-height:1.5rem}.display-current[data-v-dcd5c6d0]{color:#fff;font-size:2.5rem;font-weight:600;font-family:Courier New,Courier,monospace;word-break:break-all;line-height:1.2}.calculator-keypad[data-v-dcd5c6d0]{display:flex;flex-direction:column;gap:1rem}.keypad-row[data-v-dcd5c6d0]{display:flex;gap:1rem}.keypad-row button[data-v-dcd5c6d0]{flex:1;padding:1.5rem;border:none;border-radius:8px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-number[data-v-dcd5c6d0]{background:#334155;color:#fff}.btn-number[data-v-dcd5c6d0]:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-zero[data-v-dcd5c6d0]{flex:2.25}.btn-function[data-v-dcd5c6d0]{background:#64748b;color:#fff;font-size:1rem}.btn-function[data-v-dcd5c6d0]:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-operator[data-v-dcd5c6d0]{background:#f59e0b;color:#fff}.btn-operator[data-v-dcd5c6d0]:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-equals[data-v-dcd5c6d0]{background:#10b981;color:#fff}.btn-equals[data-v-dcd5c6d0]:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.feature-card[data-v-dcd5c6d0]{background:transparent;border-radius:0;box-shadow:none;border:none;padding:0;height:auto}.tool-rating[data-v-dcd5c6d0]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-dcd5c6d0]{display:flex;gap:.25rem}.star[data-v-dcd5c6d0]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-dcd5c6d0],.star.hover[data-v-dcd5c6d0]{color:#ffc107}.rating-value[data-v-dcd5c6d0]{font-size:.875rem;color:#666}.info-section[data-v-dcd5c6d0]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-dcd5c6d0]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-dcd5c6d0]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-dcd5c6d0]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-dcd5c6d0]{color:#6b7280;font-weight:500}.meta-value[data-v-dcd5c6d0]{color:#374151;font-weight:600}.feature-list[data-v-dcd5c6d0]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-dcd5c6d0]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-dcd5c6d0]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-dcd5c6d0]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-dcd5c6d0]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-dcd5c6d0]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-dcd5c6d0]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-dcd5c6d0]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-dcd5c6d0]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-dcd5c6d0]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-dcd5c6d0]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-dcd5c6d0]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-dcd5c6d0]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-dcd5c6d0]:hover{color:#0056b3;text-decoration:underline}@media (max-width: 1200px){.converter-container[data-v-dcd5c6d0]{grid-template-columns:1fr;gap:1.5rem}.settings-panel[data-v-dcd5c6d0],.feature-panel[data-v-dcd5c6d0]{order:2}.main-panel[data-v-dcd5c6d0]{order:1}}@media (max-width: 768px){.calculator[data-v-dcd5c6d0]{padding:2rem 0}.page-header[data-v-dcd5c6d0]{margin-bottom:2rem}.page-header h1[data-v-dcd5c6d0]{font-size:2rem}.converter-card[data-v-dcd5c6d0],.feature-card[data-v-dcd5c6d0],.calculator-container[data-v-dcd5c6d0]{padding:1.5rem}.display-current[data-v-dcd5c6d0]{font-size:2rem}.keypad-row button[data-v-dcd5c6d0]{padding:1.25rem;font-size:1.125rem}}@media (max-width: 480px){.converter-container[data-v-dcd5c6d0]{padding:0 1rem}.converter-card[data-v-dcd5c6d0],.feature-card[data-v-dcd5c6d0]{padding:1.25rem}.calculator-container[data-v-dcd5c6d0]{padding:1rem}.keypad-row[data-v-dcd5c6d0]{gap:.5rem}.keypad-row button[data-v-dcd5c6d0]{padding:1rem;font-size:1rem}.display-current[data-v-dcd5c6d0]{font-size:1.75rem}}.json-document[data-v-d11e41a8]{white-space:pre-wrap;background-color:#fff;padding:1rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);max-height:400px;overflow:auto;line-height:1.6;font-size:.9rem;font-family:Courier New,Courier,monospace;background-color:var(--background-color);color:var(--text-primary);transition:all var(--transition-base);box-shadow:inset 0 1px 3px #0000000d}.json-document[data-v-d11e41a8],[data-v-d11e41a8] ul.json-dict,[data-v-d11e41a8] ol.json-array,[data-v-d11e41a8] ul,[data-v-d11e41a8] ol{list-style-type:none!important;list-style:none!important;margin:0!important;padding:0!important}[data-v-d11e41a8] ul.json-dict,[data-v-d11e41a8] ol.json-array{border-left:1px solid #e1e4e8;padding-left:24px!important}[data-v-d11e41a8] ul.json-dict li,[data-v-d11e41a8] ol.json-array li{position:relative;margin:0!important;padding:0!important;list-style-type:none!important;list-style:none!important}[data-v-d11e41a8] .json-key{color:#d73a49;font-weight:700}[data-v-d11e41a8] .json-string{color:#0550ae;font-weight:500}[data-v-d11e41a8] .json-number{color:#22863a;font-weight:500}[data-v-d11e41a8] .json-boolean{color:#6f42c1;font-weight:500}[data-v-d11e41a8] .json-null{color:#6a737d;font-weight:500}[data-v-d11e41a8] .json-date{color:#22863a;font-weight:500}[data-v-d11e41a8] .json-literal{color:#1a73e8;font-weight:500}[data-v-d11e41a8] a.json-toggle{position:absolute;left:-24px;top:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#718096;text-decoration:none;font-size:.7rem;cursor:pointer;transition:all .2s ease;z-index:10;background:transparent;border:none;padding:0}[data-v-d11e41a8] a.json-toggle:before{content:"-";font-size:1rem;font-weight:700;transition:transform .2s ease}[data-v-d11e41a8] a.json-toggle.collapsed:before{content:"+"}[data-v-d11e41a8] a.json-toggle:hover{color:#1a73e8;background:rgba(59,130,246,.1);border-radius:4px}[data-v-d11e41a8] a.json-placeholder{color:#718096;padding:0 8px;text-decoration:none;font-size:.8rem;background-color:#f7fafc;border-radius:4px;margin-left:8px;transition:all .2s ease}[data-v-d11e41a8] a.json-placeholder:hover{background-color:#edf2f7;color:#1a73e8}[data-v-d11e41a8] ul.json-dict[style*="display: none"],[data-v-d11e41a8] ol.json-array[style*="display: none"]{display:none!important}[data-v-d11e41a8] ul.json-dict>li,[data-v-d11e41a8] ol.json-array>li{margin-left:0!important;padding-left:0!important}[data-v-d11e41a8] ul.json-dict li+li,[data-v-d11e41a8] ol.json-array li+li{margin-top:0!important}.json-format[data-v-52524ca3]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-52524ca3]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-52524ca3]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-52524ca3]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.header-with-favorite[data-v-52524ca3]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.favorite-btn-title[data-v-52524ca3]{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all .3s ease;color:#999;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.favorite-btn-title[data-v-52524ca3]:hover{background-color:#0000000d;transform:scale(1.1)}.favorite-btn-title span[data-v-52524ca3]{transition:all .3s ease}.favorite-btn-title:hover span[data-v-52524ca3]{transform:scale(1.2)}.converter-container[data-v-52524ca3]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-52524ca3],.main-panel[data-v-52524ca3],.feature-panel[data-v-52524ca3]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-52524ca3]{display:flex;flex-direction:column;gap:2rem;position:sticky;top:20px}.main-panel[data-v-52524ca3]{min-height:600px;display:flex;flex-direction:column;gap:1rem;padding:.5rem;height:100%}.feature-panel[data-v-52524ca3]{display:flex;flex-direction:column;position:sticky;top:20px}.option-section[data-v-52524ca3]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-52524ca3]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.format-options-vertical[data-v-52524ca3]{display:flex;flex-direction:column;gap:.75rem}.button-section[data-v-52524ca3]{display:flex;flex-direction:column;gap:.875rem}.algorithm-option[data-v-52524ca3]{display:flex;align-items:center;gap:.75rem;padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:#ffffff;cursor:pointer;transition:all .3s;font-weight:500;color:#495057;font-size:.9rem;min-width:80px;max-width:180px;width:auto;box-shadow:0 2px 6px #0000000d}.algorithm-option[data-v-52524ca3]:hover{border-color:#409eff;color:#409eff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff26}.algorithm-option.active[data-v-52524ca3]{background-color:#409eff;color:#fff;border-color:#409eff;box-shadow:0 4px 12px #409eff33;transform:translateY(-1px)}.input-output-wrapper[data-v-52524ca3]{background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;align-items:stretch;min-height:250px}.input-output-wrapper[data-v-52524ca3]:nth-child(1){flex:4}.input-output-wrapper[data-v-52524ca3]:nth-child(2){flex:6}.input-output-wrapper[data-v-52524ca3]:hover{box-shadow:var(--shadow-md)}.section-label[data-v-52524ca3]{display:flex;align-items:center;gap:.25rem;padding:.75rem;background:rgba(64,158,255,.05);border-right:1px solid #e2e8f0;writing-mode:vertical-lr;text-orientation:mixed;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);font-weight:600;color:var(--primary-color);font-size:.875rem}.section-label .section-icon[data-v-52524ca3]{font-size:1.25rem;margin-right:0;color:var(--primary-color)}.section-label .section-title[data-v-52524ca3]{margin:0;font-size:.875rem;color:var(--primary-color);font-weight:600}.input-content[data-v-52524ca3]{flex:1;padding:.75rem;width:calc(100% - 80px);display:flex;flex-direction:column;gap:.75rem}.output-content[data-v-52524ca3]{width:100%;height:100%;min-height:250px;display:flex;flex-direction:column}.section-actions[data-v-52524ca3]{display:flex;gap:.75rem;align-self:flex-start}.json-textarea[data-v-52524ca3]{width:100%;height:100%;min-height:250px;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;resize:vertical;background:var(--background-color);color:var(--text-primary);transition:all var(--transition-base);box-shadow:inset 0 1px 3px #0000000d}.json-textarea[data-v-52524ca3]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.btn-primary[data-v-52524ca3],.btn-secondary[data-v-52524ca3]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s;font-weight:600;min-width:120px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-52524ca3]{background-color:#409eff;color:#fff}.btn-primary[data-v-52524ca3]:hover:not(:disabled){background-color:#66b1ff;transform:translateY(-2px);box-shadow:0 6px 16px #409eff4d}.btn-primary[data-v-52524ca3]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary[data-v-52524ca3]{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary[data-v-52524ca3]:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;color:#343a40;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-secondary[data-v-52524ca3]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-52524ca3]{font-size:1rem}.result-container[data-v-52524ca3]{min-height:250px;max-height:400px;overflow:auto;padding:1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;flex:1}.json-renderer[data-v-52524ca3]{width:100%;height:100%;overflow:auto}.empty-result[data-v-52524ca3]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic;background:var(--background-light);border:1px dashed var(--border-color);border-radius:var(--border-radius-md)}.tool-info[data-v-52524ca3]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.tool-info-label[data-v-52524ca3]{font-size:.75rem;color:#666}.tool-info-value[data-v-52524ca3]{font-size:1rem;font-weight:600;color:#333}.tool-rating[data-v-52524ca3]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-52524ca3]{display:flex;gap:.25rem}.star[data-v-52524ca3]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-52524ca3],.star.hover[data-v-52524ca3]{color:#ffc107}.rating-value[data-v-52524ca3]{font-size:.875rem;color:#666}.info-section[data-v-52524ca3]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-52524ca3]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-52524ca3]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-52524ca3]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-52524ca3]{color:#6b7280;font-weight:500}.meta-value[data-v-52524ca3]{color:#374151;font-weight:600}.feature-list[data-v-52524ca3]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-52524ca3]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-52524ca3]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-52524ca3]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-52524ca3]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-52524ca3]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-52524ca3]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-52524ca3]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-52524ca3]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-52524ca3]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-52524ca3]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-52524ca3]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-52524ca3]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-52524ca3]:hover{color:#0056b3;text-decoration:underline}.feature-card[data-v-52524ca3]{display:flex;flex-direction:column;gap:2rem;padding:0;background:transparent;box-shadow:none;border:none}.toast[data-v-52524ca3]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:fadeIn-52524ca3 .3s ease-out,fadeOut-52524ca3 .3s ease-in 2.7s;box-shadow:var(--shadow-lg);max-width:300px;text-align:center}.toast.success[data-v-52524ca3]{background:var(--success-color);border-left:4px solid #15803d}.toast.error[data-v-52524ca3]{background:var(--error-color);border-left:4px solid #b91c1c}.toast.warning[data-v-52524ca3]{background:var(--warning-color);border-left:4px solid #b45309}@keyframes fadeIn-52524ca3{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut-52524ca3{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 1024px){.converter-container[data-v-52524ca3]{grid-template-columns:1fr;padding:0 var(--spacing-md)}.settings-panel[data-v-52524ca3],.feature-panel[data-v-52524ca3]{position:static}}@media (max-width: 768px){.json-format[data-v-52524ca3]{padding:2rem 0}.converter-container[data-v-52524ca3]{gap:1.5rem}.settings-panel[data-v-52524ca3],.main-panel[data-v-52524ca3],.feature-panel[data-v-52524ca3]{padding:1.5rem;gap:1.5rem}.feature-card[data-v-52524ca3]{padding:1.5rem}.button-section[data-v-52524ca3]{gap:.75rem}.btn-primary[data-v-52524ca3],.btn-secondary[data-v-52524ca3]{width:100%;justify-content:center}.toast[data-v-52524ca3]{right:10px;left:10px;max-width:none}}@media (max-width: 480px){.page-header h1[data-v-52524ca3]{font-size:2rem}.converter-container[data-v-52524ca3]{padding:0 1rem;gap:15px}.settings-panel[data-v-52524ca3],.main-panel[data-v-52524ca3],.feature-panel[data-v-52524ca3],.feature-card[data-v-52524ca3]{padding:1.25rem}}.timestamp-converter[data-v-498bf0f9]{background:#f8fafc;min-height:calc(100vh - var(--header-height, 150px));padding:3rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-498bf0f9]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-498bf0f9]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-498bf0f9]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-498bf0f9]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2;width:100%;box-sizing:border-box;overflow:hidden}.settings-panel[data-v-498bf0f9],.converter-panel[data-v-498bf0f9],.feature-panel[data-v-498bf0f9]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-498bf0f9]{display:flex;flex-direction:column;gap:2rem;position:sticky;top:20px}.current-time-section h3[data-v-498bf0f9]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600;text-align:center}.current-time-display[data-v-498bf0f9]{display:flex;flex-direction:column;gap:1rem}.current-time-item[data-v-498bf0f9]{background:#f8fafc;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.current-time-item[data-v-498bf0f9]:hover{background:#eff6ff;border-color:#bfdbfe}.time-actions[data-v-498bf0f9]{display:flex;gap:.5rem;align-items:center}.item-input-btn[data-v-498bf0f9]{background:transparent;border:none;color:#64748b;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.item-input-btn[data-v-498bf0f9]:hover{background:#e2e8f0;color:#3b82f6}.converter-panel[data-v-498bf0f9]{min-height:600px;overflow:hidden;box-sizing:border-box}.feature-panel[data-v-498bf0f9]{position:sticky;top:20px;display:flex;flex-direction:column}.converter-card[data-v-498bf0f9]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem}.converter-section[data-v-498bf0f9]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-498bf0f9]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-header[data-v-498bf0f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2[data-v-498bf0f9]{font-size:1.25rem;color:#1e293b;margin:0;font-weight:600}.section-copy-btn[data-v-498bf0f9]{background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.section-copy-btn[data-v-498bf0f9]:hover:not(:disabled){background:#e2e8f0;color:#3b82f6}.section-copy-btn[data-v-498bf0f9]:disabled{opacity:.5;cursor:not-allowed}.section-copy-btn span[data-v-498bf0f9]{display:block}.current-time-display[data-v-498bf0f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.current-time-item[data-v-498bf0f9]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.time-item-header[data-v-498bf0f9],.result-item-header[data-v-498bf0f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.time-label[data-v-498bf0f9]{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.time-value[data-v-498bf0f9]{font-size:1.25rem;color:#1e293b;font-weight:600;word-break:break-all}.result-value[data-v-498bf0f9]{font-size:1rem;color:#1e293b;font-weight:600;word-break:break-all;line-height:1.5;flex:1}.item-copy-btn[data-v-498bf0f9]{background:transparent;border:none;color:#64748b;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.item-copy-btn[data-v-498bf0f9]:hover{background:#e2e8f0;color:#3b82f6}.item-copy-btn span[data-v-498bf0f9]{display:block}.converter-inputs[data-v-498bf0f9]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.converter-controls[data-v-498bf0f9]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.btn-primary[data-v-498bf0f9]{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary[data-v-498bf0f9]:hover{background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.input-group[data-v-498bf0f9]{flex:1;min-width:250px}.input-label[data-v-498bf0f9]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.input-with-btn[data-v-498bf0f9],.input-with-buttons[data-v-498bf0f9]{display:flex;gap:.5rem;margin-bottom:.75rem}.input-with-buttons[data-v-498bf0f9]{flex-wrap:wrap;display:flex;flex-direction:column}.input-group:nth-child(1) .input-with-buttons[data-v-498bf0f9]{flex-direction:row;align-items:flex-start}.input-group:nth-child(1) .input-with-buttons .input-field[data-v-498bf0f9]{flex:1;width:auto;margin-right:.75rem}.input-group:nth-child(1) .input-with-buttons .btn-primary[data-v-498bf0f9],.input-group:nth-child(1) .input-with-buttons .btn-secondary[data-v-498bf0f9]{margin-top:0;align-self:stretch;white-space:nowrap}.datetime-input-group[data-v-498bf0f9]{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.datetime-main-input[data-v-498bf0f9]{flex:1;width:auto;margin-right:0;padding-right:0;min-width:200px}.datetime-picker-btn[data-v-498bf0f9]{padding:.75rem;min-width:auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.datetime-picker-container[data-v-498bf0f9]{position:relative;margin-top:.75rem;width:100%;display:flex;justify-content:flex-start}.datetime-picker-input[data-v-498bf0f9]{position:relative;opacity:1;pointer-events:auto;cursor:pointer;z-index:auto;width:auto;height:auto;padding:.75rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease}.datetime-input-group .btn-secondary[data-v-498bf0f9],.datetime-input-group .btn-primary[data-v-498bf0f9]{margin-top:0;align-self:flex-start}.input-group:nth-child(2) .input-with-buttons .input-field[data-v-498bf0f9]{width:100%}.input-group:nth-child(2) .input-with-buttons .btn-primary[data-v-498bf0f9],.input-group:nth-child(2) .input-with-buttons .btn-secondary[data-v-498bf0f9]{margin-top:.75rem;align-self:flex-start}.input-field[data-v-498bf0f9]{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.input-field[data-v-498bf0f9]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.input-field[type=datetime-local][data-v-498bf0f9]{background:#ffffff;cursor:pointer}.time-unit-selector[data-v-498bf0f9]{display:flex;gap:1.5rem}.time-unit-selector label[data-v-498bf0f9]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;cursor:pointer}.time-unit-selector input[type=radio][data-v-498bf0f9]{accent-color:#3b82f6}.time-format-info[data-v-498bf0f9]{font-size:.75rem;color:#94a3b8}.converter-arrow[data-v-498bf0f9]{font-size:2rem;color:#3b82f6;opacity:.7;flex-shrink:0}.result-grid[data-v-498bf0f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.result-item[data-v-498bf0f9]{background:#f8fafc;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.result-item[data-v-498bf0f9]:hover{background:#eff6ff;border-color:#bfdbfe}.result-label[data-v-498bf0f9]{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.result-value[data-v-498bf0f9]{font-size:1rem;color:#1e293b;font-weight:600;line-height:1.5;word-break:break-all;flex:1}.empty-result[data-v-498bf0f9]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.feature-card[data-v-498bf0f9]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem;height:fit-content}.tool-info[data-v-498bf0f9]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tool-info-item[data-v-498bf0f9]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.tool-info-label[data-v-498bf0f9]{font-size:.875rem;color:#64748b;font-weight:500}.tool-info-value[data-v-498bf0f9]{font-size:1rem;color:#1e293b;font-weight:600}.tool-rating[data-v-498bf0f9]{display:flex;align-items:center;gap:1rem}.star[data-v-498bf0f9]{font-size:1.5rem;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.star[data-v-498bf0f9]:hover,.star.hover[data-v-498bf0f9],.star.active[data-v-498bf0f9]{color:#fbbf24;transform:scale(1.1)}.rating-value[data-v-498bf0f9]{font-size:1rem;color:#1e293b;font-weight:600;min-width:30px}.tool-info[data-v-498bf0f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.tool-info-label[data-v-498bf0f9]{font-size:.75rem;color:#666}.tool-info-value[data-v-498bf0f9]{font-size:1rem;font-weight:600;color:#333}.tool-rating[data-v-498bf0f9]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-498bf0f9]{display:flex;gap:.25rem}.star[data-v-498bf0f9]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-498bf0f9],.star.hover[data-v-498bf0f9]{color:#ffc107}.rating-value[data-v-498bf0f9]{font-size:.875rem;color:#666}.info-section[data-v-498bf0f9]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-498bf0f9]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-498bf0f9]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-498bf0f9]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-498bf0f9]{color:#6b7280;font-weight:500}.meta-value[data-v-498bf0f9]{color:#374151;font-weight:600}.feature-list[data-v-498bf0f9]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-498bf0f9]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-498bf0f9]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;margin-bottom:0}.feature-item[data-v-498bf0f9]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-498bf0f9]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0;color:#3b82f6}.feature-item .feature-content[data-v-498bf0f9]{flex:1;color:#666;line-height:1.7;font-size:.95rem}.feature-content h4[data-v-498bf0f9]{font-size:.875rem;color:#1e293b;margin-bottom:.5rem;font-weight:600}.feature-content p[data-v-498bf0f9]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-498bf0f9]{display:flex;flex-direction:column;gap:.75rem;padding-top:0;border-top:none}.related-tools h3[data-v-498bf0f9]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-498bf0f9]{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.related-tools li[data-v-498bf0f9]{font-size:.875rem;background:transparent;border:none;border-radius:6px;transition:all .3s ease;padding:0;display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-498bf0f9]{color:#007bff;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;display:block}.related-tools a[data-v-498bf0f9]:hover{color:#0056b3;text-decoration:underline}.related-tools li[data-v-498bf0f9]:hover{transform:none;border-color:transparent}.feature-card[data-v-498bf0f9]{display:flex;flex-direction:column;gap:2rem;padding:0;background:transparent;box-shadow:none;border:none;height:auto}.btn-secondary[data-v-498bf0f9]{padding:.625rem 1.25rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-498bf0f9]:hover{background:#475569}@media (max-width: 1024px){.converter-container[data-v-498bf0f9]{grid-template-columns:1fr}.feature-card[data-v-498bf0f9]{order:-1}.current-time-display[data-v-498bf0f9]{grid-template-columns:1fr}}@media (max-width: 768px){.timestamp-converter[data-v-498bf0f9]{padding:2rem 0}.page-header[data-v-498bf0f9]{margin-bottom:2rem}.page-header h1[data-v-498bf0f9]{font-size:2rem}.converter-card[data-v-498bf0f9],.feature-card[data-v-498bf0f9]{padding:1.5rem}.converter-inputs[data-v-498bf0f9]{flex-direction:column;gap:1.5rem}.converter-arrow[data-v-498bf0f9]{transform:rotate(90deg)}.result-grid[data-v-498bf0f9]{grid-template-columns:1fr}}@media (max-width: 480px){.converter-container[data-v-498bf0f9]{padding:0 1rem}.converter-card[data-v-498bf0f9],.feature-card[data-v-498bf0f9]{padding:1.25rem}.input-with-btn[data-v-498bf0f9]{flex-direction:column}}.http-status-codes[data-v-5254a251]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-5254a251]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-5254a251]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-5254a251]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.filter-section[data-v-5254a251]{max-width:1300px;margin:0 auto 2.5rem;background:#ffffff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem}.search-box[data-v-5254a251]{position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;min-width:350px}.search-box[data-v-5254a251]:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f11a}.search-icon[data-v-5254a251]{padding:0 1rem;color:var(--text-muted);font-size:1.125rem;transition:all .3s ease}.search-input[data-v-5254a251]{flex:1;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:500;outline:none;transition:all .3s ease}.search-input[data-v-5254a251]::placeholder{color:var(--text-muted);font-weight:400}.search-input:focus+.search-icon[data-v-5254a251]{color:var(--primary-color)}.category-filter[data-v-5254a251]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-item[data-v-5254a251]{padding:.75rem 1.5rem;border:1px solid #e2e8f0;background:#f8fafc;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:600;white-space:nowrap}.filter-item[data-v-5254a251]:hover{color:var(--primary-color);background:rgba(99,102,241,.05);border-color:#6366f133;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.filter-item.active[data-v-5254a251]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #6366f140}.status-codes-list[data-v-5254a251]{max-width:1300px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.status-card[data-v-5254a251]{background:#ffffff;padding:2rem;border-radius:12px;transition:all .3s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 2px 12px #00000014}.status-card[data-v-5254a251]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f}.status-card.info[data-v-5254a251]{border-left:4px solid #3b82f6}.status-card.success[data-v-5254a251]{border-left:4px solid #10b981}.status-card.redirect[data-v-5254a251]{border-left:4px solid #f59e0b}.status-card.client-error[data-v-5254a251]{border-left:4px solid #ef4444}.status-card.server-error[data-v-5254a251]{border-left:4px solid #8b5cf6}.status-header[data-v-5254a251]{display:flex;justify-content:space-between;align-items:center}.status-code[data-v-5254a251]{font-size:2rem;font-weight:700;color:var(--text-primary)}.status-type[data-v-5254a251]{font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.status-card.info .status-type[data-v-5254a251]{background:rgba(59,130,246,.1);color:#3b82f6}.status-card.success .status-type[data-v-5254a251]{background:rgba(16,185,129,.1);color:#10b981}.status-card.redirect .status-type[data-v-5254a251]{background:rgba(245,158,11,.1);color:#f59e0b}.status-card.client-error .status-type[data-v-5254a251]{background:rgba(239,68,68,.1);color:#ef4444}.status-card.server-error .status-type[data-v-5254a251]{background:rgba(139,92,246,.1);color:#8b5cf6}.status-content[data-v-5254a251]{display:flex;flex-direction:column;gap:1rem}.status-name[data-v-5254a251]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.status-description[data-v-5254a251]{color:var(--text-secondary);line-height:1.6;margin:0}.status-details[data-v-5254a251],.status-example[data-v-5254a251]{display:flex;flex-direction:column;gap:.5rem}.status-details h4[data-v-5254a251],.status-example h4[data-v-5254a251]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.status-details p[data-v-5254a251]{color:var(--text-secondary);line-height:1.6;margin:0}.status-example pre[data-v-5254a251]{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;color:var(--text-primary);overflow-x:auto;margin:0;line-height:1.5}.empty-state[data-v-5254a251]{text-align:center;padding:3.5rem 2rem;background:#ffffff;border-radius:12px;max-width:1300px;margin:2rem auto;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb}.empty-icon[data-v-5254a251]{font-size:4.5rem;margin-bottom:1.25rem;color:var(--primary-color);display:block}.empty-state h3[data-v-5254a251]{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.empty-state p[data-v-5254a251]{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0 auto;max-width:500px;font-weight:400}.category-info[data-v-5254a251]{max-width:1300px;margin:3rem auto;background:#ffffff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.category-info h3[data-v-5254a251]{text-align:center;font-size:1.75rem;color:var(--text-primary);margin-bottom:2rem;font-weight:700}.category-list[data-v-5254a251]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.category-item[data-v-5254a251]{padding:1.5rem;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.category-item[data-v-5254a251]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.category-item.info[data-v-5254a251]{background:rgba(59,130,246,.05);border-left:4px solid #3b82f6}.category-item.success[data-v-5254a251]{background:rgba(16,185,129,.05);border-left:4px solid #10b981}.category-item.redirect[data-v-5254a251]{background:rgba(245,158,11,.05);border-left:4px solid #f59e0b}.category-item.client-error[data-v-5254a251]{background:rgba(239,68,68,.05);border-left:4px solid #ef4444}.category-item.server-error[data-v-5254a251]{background:rgba(139,92,246,.05);border-left:4px solid #8b5cf6}.category-header[data-v-5254a251]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-code[data-v-5254a251]{font-size:1.25rem;font-weight:700}.category-name[data-v-5254a251]{font-size:.95rem;font-weight:600}.category-item p[data-v-5254a251]{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 1200px){.status-codes-list[data-v-5254a251]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}}@media (max-width: 768px){.http-status-codes[data-v-5254a251]{padding:2rem 0}.page-header h1[data-v-5254a251]{font-size:2rem}.page-header p[data-v-5254a251]{font-size:1rem}.filter-section[data-v-5254a251]{padding:1rem;margin-bottom:2rem}.search-box[data-v-5254a251]{min-width:auto}.category-filter[data-v-5254a251]{gap:.75rem}.filter-item[data-v-5254a251]{padding:.65rem 1.25rem;font-size:.9rem}.status-codes-list[data-v-5254a251]{grid-template-columns:1fr;padding:0 var(--spacing-md);gap:1.5rem}.status-card[data-v-5254a251]{padding:1.5rem}.category-info[data-v-5254a251]{padding:1.5rem;margin:2rem auto}.category-list[data-v-5254a251]{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.status-header[data-v-5254a251]{flex-direction:column;align-items:flex-start;gap:.5rem}.status-code[data-v-5254a251]{font-size:1.75rem}}.yaml-converter[data-v-015c5e4f]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;--spacing-lg: 2rem;--gradient-secondary: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);background:#ffffff;padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-015c5e4f]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-015c5e4f]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-015c5e4f]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.conversion-options[data-v-015c5e4f]{max-width:1300px;margin:0 auto 2rem;background:#ffffff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.option-group[data-v-015c5e4f]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.option-label[data-v-015c5e4f]{font-size:.95rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}.direction-options[data-v-015c5e4f]{display:flex;gap:.75rem;background:var(--secondary-bg);padding:.5rem;border-radius:10px;border:1px solid var(--border-color)}.direction-option[data-v-015c5e4f]{padding:.75rem 1.5rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;white-space:nowrap}.direction-option[data-v-015c5e4f]:hover{color:var(--primary-color);background:rgba(66,153,225,.05);border-color:#4299e133;transform:translateY(-2px) scale(1.02)}.direction-option.active[data-v-015c5e4f]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 2px 8px #4299e14d;transform:translateY(-2px)}.format-options[data-v-015c5e4f]{display:flex;gap:.75rem;background:var(--secondary-bg);padding:.5rem;border-radius:10px;border:1px solid var(--border-color)}.format-option[data-v-015c5e4f]{padding:.75rem 1.5rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;white-space:nowrap}.format-option[data-v-015c5e4f]:hover{color:var(--primary-color);background:rgba(66,153,225,.05);border-color:#4299e133;transform:translateY(-2px) scale(1.02)}.format-option.active[data-v-015c5e4f]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 2px 8px #4299e14d;transform:translateY(-2px)}.indent-select[data-v-015c5e4f]{padding:.75rem 1.25rem;border:1px solid var(--border-color);background:#ffffff;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #0000000d}.indent-select[data-v-015c5e4f]:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #4299e11a}.conversion-area[data-v-015c5e4f]{max-width:1300px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start}.conversion-panel[data-v-015c5e4f]{background:#ffffff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-015c5e4f]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.panel-header h3[data-v-015c5e4f]{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.panel-actions[data-v-015c5e4f]{display:flex;gap:.75rem}.panel-content[data-v-015c5e4f]{padding:1.5rem;flex:1}.conversion-textarea[data-v-015c5e4f]{width:100%;min-height:400px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .3s ease}.conversion-textarea[data-v-015c5e4f]:focus{outline:none;border-color:var(--primary-color);background:#ffffff;box-shadow:0 0 0 3px #4299e11a}.conversion-textarea[data-v-015c5e4f]:readonly{background:var(--background-light);cursor:not-allowed}.conversion-controls[data-v-015c5e4f]{display:flex;align-items:center;justify-content:center;padding:1rem}.convert-btn[data-v-015c5e4f]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 16px #4299e14d;background:var(--gradient-secondary);border:none;color:#fff;cursor:pointer;position:relative;overflow:hidden}.convert-btn[data-v-015c5e4f]:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #4299e166}.convert-icon[data-v-015c5e4f]{font-size:1.25rem;transition:transform .3s ease}.convert-btn:hover .convert-icon[data-v-015c5e4f]{transform:translate(5px)}.message[data-v-015c5e4f]{max-width:1300px;margin:2rem auto;padding:1rem 1.5rem;border-radius:8px;font-size:.95rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #00000014}.error-message[data-v-015c5e4f]{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.success-message[data-v-015c5e4f]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message-icon[data-v-015c5e4f]{font-size:1.125rem}.examples-section[data-v-015c5e4f]{max-width:1300px;margin:3rem auto;background:#ffffff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.examples-section h3[data-v-015c5e4f]{text-align:center;font-size:1.75rem;color:var(--text-primary);margin-bottom:2rem;font-weight:700}.examples-grid[data-v-015c5e4f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.example-card[data-v-015c5e4f]{background:#ffffff;padding:1.5rem;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.example-card[data-v-015c5e4f]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.example-header[data-v-015c5e4f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.example-card h4[data-v-015c5e4f]{font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;margin:0}.copy-icon-btn[data-v-015c5e4f]{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:.35rem .5rem;border-radius:6px;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000014}.copy-icon-btn[data-v-015c5e4f]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.example-code[data-v-015c5e4f]{background:var(--input-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;margin-bottom:1rem;max-height:200px;white-space:pre-wrap;word-wrap:break-word}.btn-primary[data-v-015c5e4f]{background:var(--primary-color);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 2px 6px #4299e133}.btn-primary[data-v-015c5e4f]:hover{background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-secondary[data-v-015c5e4f]{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-015c5e4f]:hover{background:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark);color:#fff}.btn-small[data-v-015c5e4f]{padding:.5rem 1rem;font-size:.85rem}.btn-large[data-v-015c5e4f]{padding:1rem 2rem;font-size:1.125rem;font-weight:700}@media (max-width: 1200px){.conversion-area[data-v-015c5e4f]{grid-template-columns:1fr}.conversion-controls[data-v-015c5e4f]{grid-column:1;padding:0}.convert-btn[data-v-015c5e4f]{width:100%;justify-content:center}}@media (max-width: 768px){.yaml-converter[data-v-015c5e4f]{padding:2rem 0}.page-header h1[data-v-015c5e4f]{font-size:2rem}.page-header p[data-v-015c5e4f]{font-size:1rem}.conversion-options[data-v-015c5e4f]{padding:1rem;gap:1.5rem}.option-group[data-v-015c5e4f]{width:100%}.conversion-area[data-v-015c5e4f]{padding:0 var(--spacing-md);gap:1.5rem}.panel-header[data-v-015c5e4f]{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.panel-actions[data-v-015c5e4f]{justify-content:flex-end}.panel-content[data-v-015c5e4f]{padding:1rem}.conversion-textarea[data-v-015c5e4f]{min-height:300px}.examples-section[data-v-015c5e4f]{padding:1.5rem;margin:2rem auto}.examples-grid[data-v-015c5e4f]{grid-template-columns:1fr;gap:1.5rem}.example-card[data-v-015c5e4f]{padding:1.25rem}}@media (max-width: 480px){.conversion-options[data-v-015c5e4f],.option-group[data-v-015c5e4f]{flex-direction:column;align-items:stretch}.direction-options[data-v-015c5e4f],.format-options[data-v-015c5e4f]{flex-direction:column}.direction-option[data-v-015c5e4f],.format-option[data-v-015c5e4f]{text-align:center}.panel-actions[data-v-015c5e4f]{flex-direction:column;gap:.75rem}.btn-primary[data-v-015c5e4f],.btn-secondary[data-v-015c5e4f]{width:100%}}.sql-formatter[data-v-1a776e8d]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);min-height:calc(100vh - var(--header-height, 150px));padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-1a776e8d]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-1a776e8d]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-1a776e8d]{color:#64748b;font-size:1rem;line-height:1.6}.sql-container[data-v-1a776e8d]{display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;align-items:start}.input-panel[data-v-1a776e8d]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:20px;display:flex;flex-direction:column;gap:1.5rem}.output-panel[data-v-1a776e8d]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem;min-height:600px}.feature-panel[data-v-1a776e8d]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem;height:fit-content;position:sticky;top:20px}.input-section[data-v-1a776e8d]{margin-bottom:0}.generator-inputs[data-v-1a776e8d]{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.panel-title[data-v-1a776e8d]{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color);text-align:left}.generator-controls[data-v-1a776e8d]{display:flex;gap:1rem;flex-direction:column;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;align-items:center}.btn-primary[data-v-1a776e8d]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;position:relative;overflow:hidden;box-shadow:0 2px 6px #4299e133}.btn-primary[data-v-1a776e8d]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-1a776e8d]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-1a776e8d]{padding:.625rem 1.25rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-1a776e8d]:hover{background:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark);color:#fff}.input-group[data-v-1a776e8d]{flex:1;min-width:250px}.input-label[data-v-1a776e8d]{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.input-with-buttons[data-v-1a776e8d]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;position:relative}.input-field[data-v-1a776e8d]{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;background:var(--input-bg)}.sql-textarea[data-v-1a776e8d]{min-height:250px;resize:vertical;font-family:Courier New,Courier,monospace;line-height:1.5;padding:1rem}.input-field[data-v-1a776e8d]:focus{outline:none;border-color:var(--primary-color);background:#ffffff;box-shadow:0 0 0 3px #4299e11a}.textarea-actions[data-v-1a776e8d]{display:flex;justify-content:flex-end;gap:.75rem}.format-options[data-v-1a776e8d]{display:flex;flex-direction:column;gap:1.25rem;background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.format-option-item[data-v-1a776e8d]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:0;background:transparent;border:none;border-radius:8px;transition:all .2s ease;min-width:auto;margin-right:0}.clear-input-container[data-v-1a776e8d]{display:flex;justify-content:center;margin-top:1rem}.clear-input-container .btn-secondary[data-v-1a776e8d]{width:100%;max-width:200px}.sql-output[data-v-1a776e8d]{font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:#ffffff;overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre}.sql-keyword[data-v-1a776e8d]{color:var(--primary-color);font-weight:600}.sql-string[data-v-1a776e8d]{color:#10b981}.sql-number[data-v-1a776e8d]{color:#f59e0b}.format-option-item[data-v-1a776e8d]:hover{background:var(--background-color);border-color:var(--primary-color);box-shadow:0 2px 4px #4299e11a}.format-option-item input[type=checkbox][data-v-1a776e8d]{accent-color:var(--primary-color);width:18px;height:18px;flex-shrink:0}.format-option-label[data-v-1a776e8d]{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:color .3s ease;flex:1}.format-option-item:hover .format-option-label[data-v-1a776e8d]{color:var(--text-primary)}.format-option-item input[type=checkbox]:checked+.format-option-label[data-v-1a776e8d]{color:var(--primary-color);font-weight:600}.format-option-item input[type=checkbox]:checked+.format-option-label .format-option-text[data-v-1a776e8d]{color:var(--primary-color)}.format-option-text[data-v-1a776e8d]{margin-left:.25rem}.result-tabs[data-v-1a776e8d]{display:flex;gap:1rem;margin-bottom:1.5rem;background:#f8fafc;padding:.5rem;border-radius:8px;border:1px solid #e2e8f0}.tab-btn[data-v-1a776e8d]{flex:1;padding:.75rem 1.5rem;background:transparent;color:#64748b;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.tab-btn[data-v-1a776e8d]:hover{background:rgba(59,130,246,.05);color:#3b82f6}.tab-btn.active[data-v-1a776e8d]{background:#ffffff;color:#3b82f6;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a;font-weight:600}.result-section[data-v-1a776e8d]{display:flex;flex-direction:column;gap:1rem;height:100%}.result-header[data-v-1a776e8d]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.result-label[data-v-1a776e8d]{font-size:.875rem;color:#1e293b;font-weight:600;margin:0}.result-stats[data-v-1a776e8d]{display:flex;align-items:center;gap:1rem}.result-stats span[data-v-1a776e8d]{font-size:.75rem;color:#64748b;font-weight:500}.result-content[data-v-1a776e8d]{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:inset 0 1px 3px #00000014;flex:1;min-height:400px}.sql-output[data-v-1a776e8d]{margin:0;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:#ffffff;overflow-x:auto;max-height:600px;overflow-y:auto;white-space:pre}.empty-result[data-v-1a776e8d]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;height:100%;display:flex;align-items:center;justify-content:center}.top-right-copy-btn[data-v-1a776e8d]{position:relative;background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0 2px 4px #00000014}.top-right-copy-btn[data-v-1a776e8d]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.top-right-copy-btn[data-v-1a776e8d]:active{transform:scale(.95)}.feature-card[data-v-1a776e8d]{display:flex;flex-direction:column;gap:2rem;padding:0;background:transparent;box-shadow:none;border:none}.feature-title[data-v-1a776e8d]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left;padding-bottom:0;border-bottom:none}.tool-info[data-v-1a776e8d]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:0;margin-bottom:0}.tool-info-item[data-v-1a776e8d]{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border-radius:0;border:none;margin-bottom:10px}.tool-info-label[data-v-1a776e8d]{font-size:.9rem;color:#6b7280;font-weight:500}.tool-info-value[data-v-1a776e8d]{font-size:.9rem;color:#374151;font-weight:600}.tool-rating[data-v-1a776e8d]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-1a776e8d]{display:flex;gap:.25rem}.star[data-v-1a776e8d]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s;transform:none}.star[data-v-1a776e8d]:hover,.star.hover[data-v-1a776e8d],.star.active[data-v-1a776e8d]{color:#ffc107;transform:none}.rating-value[data-v-1a776e8d]{font-size:.875rem;color:#666;min-width:auto;font-weight:400}.feature-list[data-v-1a776e8d]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-item[data-v-1a776e8d]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-1a776e8d]:hover{transform:translate(4px);background:var(--secondary-hover)}.feature-icon[data-v-1a776e8d]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-1a776e8d]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-1a776e8d]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-1a776e8d]{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0}.related-tools[data-v-1a776e8d]{display:flex;flex-direction:column;gap:.75rem;padding-top:0;border-top:none}.related-tools h3[data-v-1a776e8d]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-1a776e8d]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-1a776e8d]{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:none;font-size:.875rem}.related-tools a[data-v-1a776e8d]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease;display:inline}.related-tools a[data-v-1a776e8d]:hover{color:var(--primary-dark);text-decoration:underline}.related-tools li[data-v-1a776e8d]:hover{border-color:transparent;transform:none}.input-panel[data-v-1a776e8d]::-webkit-scrollbar{width:8px}.input-panel[data-v-1a776e8d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.input-panel[data-v-1a776e8d]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.input-panel[data-v-1a776e8d]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1200px){.sql-container[data-v-1a776e8d]{grid-template-columns:1fr 2fr}.feature-panel[data-v-1a776e8d]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 992px){.sql-container[data-v-1a776e8d]{grid-template-columns:1fr;gap:20px}.feature-panel[data-v-1a776e8d]{grid-column:span 1;max-width:none}.input-panel[data-v-1a776e8d]{position:static;max-height:none;order:-1}}@media (max-width: 768px){.sql-formatter[data-v-1a776e8d]{padding:2rem 0}.page-header[data-v-1a776e8d]{margin-bottom:2rem}.page-header h1[data-v-1a776e8d]{font-size:2rem}.input-panel[data-v-1a776e8d],.output-panel[data-v-1a776e8d],.feature-panel[data-v-1a776e8d]{padding:1.5rem}.generator-inputs[data-v-1a776e8d]{gap:1.5rem}.generator-controls[data-v-1a776e8d]{flex-direction:column}}@media (max-width: 480px){.sql-container[data-v-1a776e8d]{padding:0 1rem}.input-panel[data-v-1a776e8d],.output-panel[data-v-1a776e8d],.feature-panel[data-v-1a776e8d]{padding:1.25rem}.input-with-buttons[data-v-1a776e8d]{flex-direction:column}.result-header[data-v-1a776e8d]{flex-direction:column;align-items:flex-start;gap:1rem}.result-stats[data-v-1a776e8d]{width:100%;justify-content:space-between}.generator-controls[data-v-1a776e8d]{flex-direction:column}}.mime-type-query[data-v-436ccd74]{background:#f8fafc;min-height:calc(100vh - var(--header-height, 150px));padding:3rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-436ccd74]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-436ccd74]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-436ccd74]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-436ccd74]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.converter-card[data-v-436ccd74]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem}.converter-section[data-v-436ccd74]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-436ccd74]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-436ccd74]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600}.generator-inputs[data-v-436ccd74]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.generator-controls[data-v-436ccd74]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}.btn-primary[data-v-436ccd74]{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary[data-v-436ccd74]:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-primary[data-v-436ccd74]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-436ccd74]{padding:.625rem 1.25rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-436ccd74]:hover{background:#475569}.input-group[data-v-436ccd74]{flex:1;min-width:250px}.input-label[data-v-436ccd74]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.input-with-buttons[data-v-436ccd74]{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.input-field[data-v-436ccd74]{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.input-field[data-v-436ccd74]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.radio-group[data-v-436ccd74]{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-item[data-v-436ccd74]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.radio-item input[type=radio][data-v-436ccd74]{accent-color:#3b82f6;width:18px;height:18px}.radio-label[data-v-436ccd74]{font-size:.875rem;color:#64748b;transition:color .2s ease}.radio-item:hover .radio-label[data-v-436ccd74]{color:#1e293b}.quick-buttons[data-v-436ccd74]{display:flex;flex-wrap:wrap;gap:.75rem}.quick-btn[data-v-436ccd74]{padding:.5rem 1rem;font-size:.75rem;min-width:auto;flex:0 0 auto}.result-section[data-v-436ccd74]{display:flex;flex-direction:column;gap:1rem}.result-header[data-v-436ccd74]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.result-label[data-v-436ccd74]{font-size:.875rem;color:#1e293b;font-weight:600;margin:0}.result-stats[data-v-436ccd74]{display:flex;align-items:center;gap:1rem}.result-stats span[data-v-436ccd74]{font-size:.75rem;color:#64748b;font-weight:500}.result-content[data-v-436ccd74]{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.mime-type-list[data-v-436ccd74]{max-height:500px;overflow-y:auto;background:#ffffff}.mime-type-item[data-v-436ccd74]{padding:1rem;border-bottom:1px solid #e2e8f0;transition:all .2s ease}.mime-type-item[data-v-436ccd74]:hover{background:#f8fafc;box-shadow:inset 4px 0 #3b82f6}.mime-type-item[data-v-436ccd74]:last-child{border-bottom:none}.mime-type-header[data-v-436ccd74]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mime-type-info[data-v-436ccd74]{flex:1}.mime-type-extension[data-v-436ccd74]{font-size:1rem;color:#1e293b;font-weight:600;margin-bottom:.25rem;font-family:Courier New,Courier,monospace}.mime-type-value[data-v-436ccd74]{font-size:.875rem;color:#64748b;font-family:Courier New,Courier,monospace}.top-right-copy-btn[data-v-436ccd74]{position:relative;background:#ffffff;border:1px solid #e2e8f0;color:#64748b;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;margin-top:.25rem}.top-right-copy-btn[data-v-436ccd74]:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.top-right-copy-btn[data-v-436ccd74]:active{transform:scale(.95)}.empty-result[data-v-436ccd74]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc}.feature-panel[data-v-436ccd74]{display:flex;flex-direction:column;background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:20px;overflow-y:auto;max-height:calc(100vh - 8rem)}.feature-card[data-v-436ccd74]{height:fit-content;width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none}.feature-card h2[data-v-436ccd74]{display:none}.feature-list[data-v-436ccd74]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-436ccd74]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-436ccd74]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-436ccd74]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-436ccd74]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem}.feature-content[data-v-436ccd74]{flex:1;display:flex;flex-direction:column;gap:.25rem}.feature-content h4[data-v-436ccd74]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-436ccd74]{font-size:.75rem;color:#666;line-height:1.4;margin:0}.related-tools[data-v-436ccd74]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:0;border-top:none}.related-tools h3[data-v-436ccd74]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-436ccd74]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-436ccd74]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-436ccd74]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-436ccd74]:hover{color:#5b67d8;text-decoration:underline}.info-section[data-v-436ccd74]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-436ccd74]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-436ccd74]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-436ccd74]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:0;background:transparent;border-radius:0;border:none}.meta-label[data-v-436ccd74]{color:#6b7280;font-weight:500;font-size:.9rem}.meta-value[data-v-436ccd74]{color:#374151;font-weight:600;font-size:.9rem}.tool-rating[data-v-436ccd74]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-436ccd74]{display:flex;gap:.25rem}.star[data-v-436ccd74]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-436ccd74],.star.hover[data-v-436ccd74]{color:#ffc107;transform:none}.rating-value[data-v-436ccd74]{font-size:.875rem;color:#666;font-weight:400}.tool-info[data-v-436ccd74]{display:none}@media (max-width: 1024px){.converter-container[data-v-436ccd74]{grid-template-columns:1fr}.feature-card[data-v-436ccd74]{order:-1}}@media (max-width: 768px){.mime-type-query[data-v-436ccd74]{padding:2rem 0}.page-header[data-v-436ccd74]{margin-bottom:2rem}.page-header h1[data-v-436ccd74]{font-size:2rem}.converter-card[data-v-436ccd74],.feature-card[data-v-436ccd74]{padding:1.5rem}.generator-inputs[data-v-436ccd74]{gap:1.5rem}.radio-group[data-v-436ccd74]{flex-direction:column;gap:1rem}}@media (max-width: 480px){.converter-container[data-v-436ccd74]{padding:0 1rem}.converter-card[data-v-436ccd74],.feature-card[data-v-436ccd74]{padding:1.25rem}.input-with-buttons[data-v-436ccd74]{flex-direction:column}.result-header[data-v-436ccd74]{flex-direction:column;align-items:flex-start;gap:1rem}.result-stats[data-v-436ccd74]{width:100%;justify-content:space-between}.mime-type-header[data-v-436ccd74]{flex-direction:column;align-items:flex-start;gap:.5rem}.quick-buttons[data-v-436ccd74]{justify-content:center}}.xml-json-converter[data-v-142b379b]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);min-height:calc(100vh - var(--header-height, 150px));padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-142b379b]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-142b379b]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-142b379b]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-142b379b]{display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;align-items:start}.settings-panel[data-v-142b379b]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px}.converter-card[data-v-142b379b]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem}.feature-panel[data-v-142b379b]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;position:sticky;top:20px}.converter-section[data-v-142b379b]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-142b379b]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-142b379b]{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color);text-align:left}.section-header[data-v-142b379b]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;transition:all .2s ease}.section-header[data-v-142b379b]:hover{color:var(--primary-color)}.section-header h2[data-v-142b379b]{margin:0;display:inline}.toggle-icon[data-v-142b379b]{font-size:.875rem;color:var(--text-secondary);transition:all .3s ease;margin-left:1rem;-webkit-user-select:none;user-select:none}.section-header:hover .toggle-icon[data-v-142b379b]{color:var(--primary-color)}.generator-inputs[data-v-142b379b]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.generator-controls[data-v-142b379b]{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;align-items:center;width:100%}.btn-primary[data-v-142b379b]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;position:relative;overflow:hidden;box-shadow:0 2px 6px #4299e133}.btn-primary[data-v-142b379b]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-142b379b]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-142b379b]{padding:.625rem 1.25rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-142b379b]:hover{background:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark);color:#fff}.input-group[data-v-142b379b]{flex:1;min-width:250px}.input-label[data-v-142b379b]{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.input-with-buttons[data-v-142b379b]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;position:relative}.input-field[data-v-142b379b]{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;background:var(--input-bg)}.converter-textarea[data-v-142b379b]{min-height:200px;resize:vertical;font-family:Courier New,Courier,monospace;line-height:1.5;padding:1rem}.input-field[data-v-142b379b]:focus{outline:none;border-color:var(--primary-color);background:#ffffff;box-shadow:0 0 0 3px #4299e11a}.textarea-actions[data-v-142b379b]{display:flex;justify-content:flex-end;gap:.75rem}.radio-group[data-v-142b379b]{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-item[data-v-142b379b]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.radio-item input[type=radio][data-v-142b379b]{accent-color:var(--primary-color);width:18px;height:18px}.radio-label[data-v-142b379b]{font-size:.875rem;color:var(--text-secondary);transition:color .3s ease}.radio-item:hover .radio-label[data-v-142b379b]{color:var(--text-primary)}.checkbox-group[data-v-142b379b]{display:flex;flex-direction:column;gap:1rem}.checkbox-item[data-v-142b379b]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-item input[type=checkbox][data-v-142b379b]{accent-color:var(--primary-color);width:18px;height:18px}.checkbox-label[data-v-142b379b]{font-size:.875rem;color:var(--text-secondary);transition:color .3s ease}.checkbox-item:hover .checkbox-label[data-v-142b379b]{color:var(--text-primary)}.format-options[data-v-142b379b]{display:flex;flex-direction:column;gap:1rem;flex-wrap:wrap}.format-option-item[data-v-142b379b]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;min-width:180px}.format-option-item[data-v-142b379b]:hover{background:var(--background-color);border-color:var(--primary-color);box-shadow:0 2px 4px #4299e11a}.format-option-item input[type=checkbox][data-v-142b379b]{accent-color:var(--primary-color);width:18px;height:18px;flex-shrink:0}.format-option-label[data-v-142b379b]{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:color .3s ease;flex:1}.format-option-item:hover .format-option-label[data-v-142b379b]{color:var(--text-primary)}.format-option-item input[type=checkbox]:checked+.format-option-label[data-v-142b379b]{color:var(--primary-color);font-weight:600}.format-option-item input[type=checkbox]:checked+.format-option-label .format-option-text[data-v-142b379b]{color:var(--primary-color)}.format-option-text[data-v-142b379b]{margin-left:.25rem}.result-section[data-v-142b379b]{display:flex;flex-direction:column;gap:1rem}.result-header[data-v-142b379b]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.result-label[data-v-142b379b]{font-size:.875rem;color:#1e293b;font-weight:600;margin:0}.result-stats[data-v-142b379b]{display:flex;align-items:center;gap:1rem}.result-stats span[data-v-142b379b]{font-size:.75rem;color:#64748b;font-weight:500}.result-content[data-v-142b379b]{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.converter-output[data-v-142b379b]{margin:0;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:#ffffff;overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre}.error-result[data-v-142b379b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#ef4444;background:#fef2f2}.error-icon[data-v-142b379b]{font-size:2rem}.error-message[data-v-142b379b]{font-size:.875rem;text-align:center;max-width:400px}.empty-result[data-v-142b379b]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc}.top-right-copy-btn[data-v-142b379b]{position:relative;background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0 2px 4px #00000014}.top-right-copy-btn[data-v-142b379b]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.top-right-copy-btn[data-v-142b379b]:active{transform:scale(.95)}.feature-card[data-v-142b379b]{background:transparent;border-radius:0;box-shadow:none;border:none;padding:0;height:fit-content}.feature-card h2[data-v-142b379b]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:20px 0 12px;padding-top:15px;border-top:1px solid var(--border-color);text-align:left}.tool-info[data-v-142b379b]{display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding:0;border:none;background:transparent}.tool-info-item[data-v-142b379b]{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border-radius:0;border:none}.tool-info-label[data-v-142b379b]{font-size:.9rem;color:#6b7280;font-weight:500}.tool-info-value[data-v-142b379b]{font-size:.9rem;color:#374151;font-weight:600}.tool-rating[data-v-142b379b]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-142b379b]{display:flex;gap:.25rem}.star[data-v-142b379b]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s;transform:none}.star[data-v-142b379b]:hover,.star.hover[data-v-142b379b],.star.active[data-v-142b379b]{color:#ffc107;transform:none}.rating-value[data-v-142b379b]{font-size:.875rem;color:#666;min-width:auto;font-weight:400}.feature-list[data-v-142b379b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-item[data-v-142b379b]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-142b379b]:hover{transform:translate(4px);background:var(--secondary-hover)}.feature-icon[data-v-142b379b]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-142b379b]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-142b379b]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-142b379b]{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0}.related-tools[data-v-142b379b]{display:flex;flex-direction:column;gap:.75rem;padding-top:0;border-top:none}.related-tools h3[data-v-142b379b]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-142b379b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-142b379b]{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:none;font-size:.875rem}.related-tools a[data-v-142b379b]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease;display:inline}.related-tools a[data-v-142b379b]:hover{color:var(--primary-dark);text-decoration:underline}.related-tools li[data-v-142b379b]:hover{border-color:transparent;transform:none}@media (max-width: 1200px){.converter-container[data-v-142b379b]{grid-template-columns:1fr 2fr}.feature-panel[data-v-142b379b]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 992px){.converter-container[data-v-142b379b]{grid-template-columns:1fr;gap:1.5rem}.feature-panel[data-v-142b379b]{grid-column:span 1;max-width:none}.settings-panel[data-v-142b379b],.feature-panel[data-v-142b379b]{position:static;max-height:none}.settings-panel[data-v-142b379b]{order:-1}}@media (max-width: 768px){.xml-json-converter[data-v-142b379b]{padding:2rem 0}.page-header[data-v-142b379b]{margin-bottom:2rem}.page-header h1[data-v-142b379b]{font-size:2rem}.converter-card[data-v-142b379b],.settings-panel[data-v-142b379b],.feature-panel[data-v-142b379b]{padding:1.5rem}.generator-inputs[data-v-142b379b]{gap:1.5rem}.radio-group[data-v-142b379b]{flex-direction:column;gap:1rem}}@media (max-width: 480px){.converter-container[data-v-142b379b]{padding:0 1rem;gap:1rem}.converter-card[data-v-142b379b],.settings-panel[data-v-142b379b],.feature-panel[data-v-142b379b]{padding:1.25rem}.input-with-buttons[data-v-142b379b]{flex-direction:column}.result-header[data-v-142b379b]{flex-direction:column;align-items:flex-start;gap:1rem}.result-stats[data-v-142b379b]{width:100%;justify-content:space-between}.generator-controls[data-v-142b379b]{flex-direction:column}}.ascii-control[data-v-e989f39c]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.converter-container[data-v-e989f39c]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem;position:relative;z-index:2}.converter-card[data-v-e989f39c]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;display:flex;flex-direction:column}.converter-section[data-v-e989f39c]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.converter-section[data-v-e989f39c]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-e989f39c]{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:20px}.generator-inputs[data-v-e989f39c]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-e989f39c]{margin-bottom:15px}.input-label[data-v-e989f39c]{display:block;font-size:14px;font-weight:500;color:#64748b;margin-bottom:8px}.input-with-buttons[data-v-e989f39c]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input-field[data-v-e989f39c]{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;min-width:200px}.input-field[data-v-e989f39c]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.btn-primary[data-v-e989f39c],.btn-secondary[data-v-e989f39c]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.btn-primary[data-v-e989f39c]{background-color:#007bff;color:#fff}.btn-primary[data-v-e989f39c]:hover{background-color:#0056b3}.btn-secondary[data-v-e989f39c]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-e989f39c]:hover{background-color:#5a6268}.btn-small[data-v-e989f39c]{padding:6px 12px;font-size:12px}.result-container[data-v-e989f39c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.result-header[data-v-e989f39c]{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.result-stats[data-v-e989f39c]{font-size:14px;color:#64748b}.result-content[data-v-e989f39c]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;min-height:200px}.ascii-table-wrapper[data-v-e989f39c]{overflow-x:auto;max-height:500px;overflow-y:auto}.ascii-table[data-v-e989f39c]{width:100%;border-collapse:collapse;font-size:14px}.ascii-table th[data-v-e989f39c],.ascii-table td[data-v-e989f39c]{padding:10px;text-align:left;border-bottom:1px solid #e2e8f0}.ascii-table th[data-v-e989f39c]{background-color:#f1f5f9;font-weight:600;color:#334155;position:sticky;top:0;z-index:1}.ascii-table tr[data-v-e989f39c]:hover{background-color:#f8fafc}.char-display[data-v-e989f39c]{font-family:monospace;font-size:16px;text-align:center;width:80px}.char-name[data-v-e989f39c]{font-weight:600;width:120px}.char-description[data-v-e989f39c]{width:auto;color:#64748b}.char-action[data-v-e989f39c]{width:80px;text-align:center}.empty-result[data-v-e989f39c]{text-align:center;padding:40px 20px;color:#94a3b8}.feature-panel[data-v-e989f39c]{display:flex;flex-direction:column;background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:20px;overflow-y:auto;max-height:calc(100vh - 8rem)}.feature-card[data-v-e989f39c]{height:fit-content;width:100%;padding:0;background:transparent;border-radius:0;box-shadow:none}.feature-list[data-v-e989f39c]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.feature-list h3[data-v-e989f39c]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-e989f39c]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-e989f39c]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-e989f39c]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem}.feature-content[data-v-e989f39c]{flex:1;display:flex;flex-direction:column;gap:.25rem}.feature-content h4[data-v-e989f39c]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-e989f39c]{font-size:.75rem;color:#666;line-height:1.4;margin:0}.related-tools[data-v-e989f39c]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.related-tools h3[data-v-e989f39c]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-e989f39c]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-e989f39c]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-e989f39c]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-e989f39c]:hover{color:#5b67d8;text-decoration:underline}.feature-card h2[data-v-e989f39c]{display:none}@media (max-width: 768px){.converter-container[data-v-e989f39c]{flex-direction:column}.input-with-buttons[data-v-e989f39c]{flex-direction:column;align-items:stretch}.btn-primary[data-v-e989f39c],.btn-secondary[data-v-e989f39c]{width:100%}.ascii-table[data-v-e989f39c]{font-size:12px}.ascii-table th[data-v-e989f39c],.ascii-table td[data-v-e989f39c]{padding:8px}.char-display[data-v-e989f39c]{width:60px}.char-name[data-v-e989f39c]{width:100px}.char-action[data-v-e989f39c]{width:60px}}.url-encoder[data-v-a14783d1]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-a14783d1]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-a14783d1]{font-size:2.5rem;color:var(--text-primary, #1e293b);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-a14783d1]{color:var(--text-secondary, #64748b);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.converter-container[data-v-a14783d1]{display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;align-items:start}.settings-panel[data-v-a14783d1]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px;display:flex;flex-direction:column;gap:2rem}.converter-card[data-v-a14783d1]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem}.feature-panel[data-v-a14783d1]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;position:sticky;top:20px}.option-section[data-v-a14783d1]{margin-bottom:1.5rem}.option-section h2[data-v-a14783d1]{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary, #1e293b);font-weight:600;text-align:center}.direction-options[data-v-a14783d1]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.direction-option[data-v-a14783d1]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:.95rem;font-weight:500;text-align:center;box-shadow:0 2px 6px #0000000d;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:45px}.direction-option[data-v-a14783d1]:hover{border-color:#409eff;color:#409eff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff26;background-color:#fff}.direction-option.active[data-v-a14783d1]{background:#409eff;color:#fff;border-color:#409eff;box-shadow:0 4px 12px #409eff33;transform:translateY(-1px)}.button-section[data-v-a14783d1]{display:flex;flex-direction:column;gap:.875rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #f0f0f0}.btn-primary[data-v-a14783d1],.btn-secondary[data-v-a14783d1]{padding:1rem 1.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;width:100%;box-shadow:0 2px 8px #4299e133;border:1px solid transparent}.btn-primary[data-v-a14783d1]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary[data-v-a14783d1]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-secondary[data-v-a14783d1]{background:var(--secondary-bg);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-a14783d1]:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark)}.btn-primary[data-v-a14783d1]:disabled,.btn-secondary[data-v-a14783d1]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.feature-panel h2[data-v-a14783d1]{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color, #3b82f6)}.converter-inputs[data-v-a14783d1]{display:flex;flex-direction:column;gap:1.5rem}.input-group[data-v-a14783d1]{display:flex;flex-direction:column;gap:.5rem;position:relative}.input-label[data-v-a14783d1]{font-weight:600;color:var(--text-primary);font-size:.875rem}.input-field[data-v-a14783d1]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary)}.input-textarea[data-v-a14783d1]{resize:vertical;min-height:120px;font-family:inherit}.input-field[data-v-a14783d1]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.input-field[data-v-a14783d1]:hover{border-color:var(--primary-color)}.copy-btn[data-v-a14783d1]{position:absolute;right:1rem;bottom:1rem;padding:.5rem 1rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.copy-btn[data-v-a14783d1]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px #4299e14d}.copy-btn[data-v-a14783d1]:disabled{opacity:.6;cursor:not-allowed}.tool-info[data-v-a14783d1]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tool-info-item[data-v-a14783d1]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.tool-info-label[data-v-a14783d1]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tool-info-value[data-v-a14783d1]{font-size:1rem;font-weight:700;color:var(--primary-color)}.tool-rating[data-v-a14783d1]{display:flex;align-items:center;gap:1rem}.star[data-v-a14783d1]{font-size:1.25rem;color:#e0e0e0;cursor:pointer;transition:all .3s ease}.rating-value[data-v-a14783d1]{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:30px}.feature-list[data-v-a14783d1]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-a14783d1]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.feature-item[data-v-a14783d1]{display:flex;gap:1rem;padding:.75rem;background:var(--background-light);border-radius:6px;transition:transform .3s ease;align-items:flex-start;border:1px solid transparent}.feature-item[data-v-a14783d1]:hover{transform:translate(4px);background:var(--secondary-hover);border-color:var(--border-color);box-shadow:0 2px 4px #00000014}.feature-icon[data-v-a14783d1]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-a14783d1]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-a14783d1]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-a14783d1]{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0}.related-tools[data-v-a14783d1]{display:flex;flex-direction:column;gap:.75rem;padding-top:0;border-top:none}.related-tools h3[data-v-a14783d1]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-a14783d1]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-a14783d1]{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:none}.related-tools a[data-v-a14783d1]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:all .3s ease;display:inline}.related-tools a[data-v-a14783d1]:hover{color:var(--primary-dark);text-decoration:underline}.related-tools li[data-v-a14783d1]:hover{border-color:transparent;transform:none}.tool-info-section[data-v-a14783d1]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.tool-info-section h3[data-v-a14783d1]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px;text-align:left}.tool-meta[data-v-a14783d1]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-a14783d1]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-a14783d1]{color:#6b7280;font-weight:500}.meta-value[data-v-a14783d1]{color:#374151;font-weight:600}.tool-rating[data-v-a14783d1]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-a14783d1]{display:flex;gap:.25rem}.star[data-v-a14783d1]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-a14783d1],.star.hover[data-v-a14783d1]{color:#ffc107}.rating-value[data-v-a14783d1]{font-size:.875rem;color:#666;min-width:auto;font-weight:400}.toast[data-v-a14783d1]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #0003}.toast.success[data-v-a14783d1]{background:#4caf50}.toast.error[data-v-a14783d1]{background:#f44336}.toast.info[data-v-a14783d1]{background:#2196f3}.toast.warning[data-v-a14783d1]{background:#ff9800}@media (max-width: 1200px){.converter-container[data-v-a14783d1]{grid-template-columns:1fr 2fr}.feature-panel[data-v-a14783d1]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 992px){.converter-container[data-v-a14783d1]{grid-template-columns:1fr;gap:1.5rem}.feature-panel[data-v-a14783d1]{grid-column:span 1;max-width:none}.settings-panel[data-v-a14783d1],.feature-panel[data-v-a14783d1]{position:static;max-height:none}.settings-panel[data-v-a14783d1]{order:-1}}@media (max-width: 768px){.url-encoder[data-v-a14783d1]{padding:2rem 0}.page-header[data-v-a14783d1]{margin-bottom:2rem}.page-header h1[data-v-a14783d1]{font-size:2rem}.converter-card[data-v-a14783d1],.settings-panel[data-v-a14783d1],.feature-panel[data-v-a14783d1]{padding:1.5rem}.toast[data-v-a14783d1]{top:1rem;right:1rem;left:1rem;text-align:center}}@media (max-width: 480px){.converter-container[data-v-a14783d1]{padding:0 1rem;gap:1rem}.converter-card[data-v-a14783d1],.settings-panel[data-v-a14783d1],.feature-panel[data-v-a14783d1]{padding:1.25rem}}.settings-panel[data-v-a14783d1]::-webkit-scrollbar{width:8px}.settings-panel[data-v-a14783d1]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.settings-panel[data-v-a14783d1]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.settings-panel[data-v-a14783d1]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rsa-tool[data-v-5a9f025f]{background:#ffffff;padding:2rem 2rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.converter-container[data-v-5a9f025f]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-5a9f025f],.converter-card[data-v-5a9f025f],.feature-panel[data-v-5a9f025f]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-5a9f025f]{display:flex;flex-direction:column;gap:2rem;position:sticky;top:20px}.converter-card[data-v-5a9f025f]{min-height:100%}.feature-panel[data-v-5a9f025f]{position:sticky;top:20px;display:flex;flex-direction:column}.feature-card[data-v-5a9f025f]{display:flex;flex-direction:column;gap:1.5rem}.page-header[data-v-5a9f025f]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-5a9f025f]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-5a9f025f]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.tab-container[data-v-5a9f025f]{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.tab[data-v-5a9f025f]{padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .3s ease;background:transparent;border:none;outline:none;border-radius:0;box-shadow:none}.tab[data-v-5a9f025f]:hover{color:var(--primary-color);background:transparent}.tab.active[data-v-5a9f025f]{color:var(--primary-color);border-bottom-color:var(--primary-color);background:transparent}.sub-tab-container[data-v-5a9f025f]{display:flex;gap:.75rem;margin:-1rem 1rem 1.5rem}.sub-tab[data-v-5a9f025f]{padding:.5rem 1.25rem;cursor:pointer;font-size:.95rem;font-weight:600;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;background:#ffffff;outline:none}.sub-tab[data-v-5a9f025f]:hover{border-color:var(--primary-color);color:var(--primary-color);background:#eff6ff}.sub-tab.active[data-v-5a9f025f]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #6366f14d}.option-section[data-v-5a9f025f]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-5a9f025f]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.direction-options[data-v-5a9f025f]{display:flex;flex-direction:column;gap:.75rem}.direction-option[data-v-5a9f025f]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#ffffff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#64748b;font-size:.875rem}.direction-option[data-v-5a9f025f]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05);color:var(--primary-color);transform:translateY(-1px)}.direction-option.active[data-v-5a9f025f]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 16px #6366f14d;transform:translateY(-1px)}.tab-style-options[data-v-5a9f025f]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;width:100%}.tab-style-option[data-v-5a9f025f]{padding:10px 15px;background:#ffffff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 6px #0000000d;height:auto;min-height:60px;box-sizing:border-box}.tab-style-option[data-v-5a9f025f]:hover{border-color:#409eff;color:#409eff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff26;background:transparent}.tab-style-option.active[data-v-5a9f025f]{background:#409eff;color:#fff;border-color:#409eff;box-shadow:0 4px 12px #409eff33;transform:translateY(-1px)}.algorithm-options-vertical[data-v-5a9f025f]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;width:80%;align-self:center}.algorithm-options-horizontal[data-v-5a9f025f]{display:flex;flex-direction:row;gap:.75rem;margin-bottom:1.5rem;width:90%;align-self:center}.algorithm-option[data-v-5a9f025f]{padding:10px 20px;background:#ffffff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;text-align:center;box-shadow:0 2px 6px #0000000d;color:#333;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1}.algorithm-option[data-v-5a9f025f]:hover{border-color:#409eff;color:#409eff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff26}.algorithm-option.active[data-v-5a9f025f]{background:#409eff;color:#fff;border-color:#409eff;box-shadow:0 4px 12px #409eff33;transform:translateY(-1px)}.input-label-with-copy[data-v-5a9f025f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.copy-btn[data-v-5a9f025f]{padding:6px 12px;background:#409eff;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #409eff33}.copy-btn.small[data-v-5a9f025f]{padding:4px 10px;font-size:.75rem;background:#66b1ff;box-shadow:0 1px 3px #409eff26}.copy-btn[data-v-5a9f025f]:hover{background:#66b1ff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff4d}.copy-btn.small[data-v-5a9f025f]:hover{background:#89cff0;box-shadow:0 2px 8px #409eff40}.option-section h2[data-v-5a9f025f]{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.button-section[data-v-5a9f025f]{display:flex;flex-direction:column;gap:.875rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #f0f0f0}.converter-section[data-v-5a9f025f]{margin-bottom:2rem}.converter-inputs[data-v-5a9f025f]{display:flex;flex-direction:column;gap:1.5rem}.input-group[data-v-5a9f025f]{display:flex;flex-direction:column;gap:.5rem;position:relative}.input-label[data-v-5a9f025f]{font-weight:600;color:var(--text-primary);font-size:.875rem}.input-field[data-v-5a9f025f]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary)}.input-textarea[data-v-5a9f025f]{resize:vertical;min-height:120px;font-family:inherit}.input-field[data-v-5a9f025f]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.button-group[data-v-5a9f025f]{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary[data-v-5a9f025f],.btn-secondary[data-v-5a9f025f]{padding:1rem 1.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;width:100%;box-shadow:0 2px 8px #00000026;border:1px solid transparent}.btn-primary[data-v-5a9f025f]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary[data-v-5a9f025f]:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.btn-secondary[data-v-5a9f025f]{background:#f8f9fa;color:#495057;border-color:#dee2e6}.btn-secondary[data-v-5a9f025f]:hover{background:#e9ecef;color:#212529;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#adb5bd}.btn-primary[data-v-5a9f025f]:disabled,.btn-secondary[data-v-5a9f025f]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.copy-btn[data-v-5a9f025f]{position:absolute;right:1rem;bottom:1rem;padding:.5rem 1rem;background:var(--secondary-bg);color:var(--text-primary);border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.copy-btn[data-v-5a9f025f]:hover:not(:disabled){background:var(--secondary-hover)}.copy-btn[data-v-5a9f025f]:disabled{opacity:.6;cursor:not-allowed}.encrypt-decrypt-section[data-v-5a9f025f],.sign-verify-section[data-v-5a9f025f]{margin-bottom:2rem}.encrypt-decrypt-section h3[data-v-5a9f025f],.sign-verify-section h3[data-v-5a9f025f]{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.full-width[data-v-5a9f025f]{width:100%;margin-bottom:1.5rem}.full-height[data-v-5a9f025f]{min-height:200px;height:100%;resize:vertical}.verify-result[data-v-5a9f025f]{padding:1rem;border-radius:8px;font-weight:600;margin-top:.5rem}.verify-result.success[data-v-5a9f025f]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.verify-result.error[data-v-5a9f025f]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.feature-list[data-v-5a9f025f]{margin-bottom:2rem}.feature-list h2[data-v-5a9f025f]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600;letter-spacing:-.5px}.feature-item[data-v-5a9f025f]{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.feature-icon[data-v-5a9f025f]{font-size:1.5rem;color:var(--primary-color);margin-top:.25rem}.feature-content[data-v-5a9f025f]{flex:1;display:flex;flex-direction:column;gap:.5rem}.feature-content h4[data-v-5a9f025f]{font-size:1rem;color:var(--text-primary);font-weight:600;margin:0}.feature-content p[data-v-5a9f025f]{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.related-tools h3[data-v-5a9f025f]{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600;letter-spacing:-.5px}.related-tools ul[data-v-5a9f025f]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.related-tools li[data-v-5a9f025f]{padding:.75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;transition:all .3s ease}.related-tools a[data-v-5a9f025f]{color:var(--primary-color);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.related-tools a[data-v-5a9f025f]:hover{color:var(--primary-dark);text-decoration:underline}.related-tools li[data-v-5a9f025f]:hover{border-color:var(--primary-color);transform:translate(4px)}.toast[data-v-5a9f025f]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #0003}.toast.success[data-v-5a9f025f]{background:#4caf50}.toast.error[data-v-5a9f025f]{background:#f44336}.toast.info[data-v-5a9f025f]{background:#2196f3}.toast.warning[data-v-5a9f025f]{background:#ff9800}.info-section[data-v-5a9f025f]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.info-title[data-v-5a9f025f]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.tool-meta[data-v-5a9f025f]{display:flex;flex-direction:column;gap:.875rem}.meta-item[data-v-5a9f025f]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.meta-label[data-v-5a9f025f]{color:var(--text-secondary)}.meta-value[data-v-5a9f025f]{font-weight:600;color:var(--text-primary)}.tool-rating[data-v-5a9f025f]{display:flex;align-items:center;gap:.75rem}.rating-stars[data-v-5a9f025f]{display:flex;gap:.25rem}.star[data-v-5a9f025f]{font-size:1.25rem;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.star.active[data-v-5a9f025f],.star.hover[data-v-5a9f025f]{color:#fbbf24;transform:scale(1.1)}.star[data-v-5a9f025f]:hover{color:#fbbf24}.rating-value[data-v-5a9f025f]{font-weight:600;color:var(--text-primary);font-size:1rem}@media (max-width: 1024px){.converter-container[data-v-5a9f025f]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}@media (max-width: 768px){.rsa-tool[data-v-5a9f025f]{padding:2rem 0}.converter-container[data-v-5a9f025f]{gap:1.5rem}.settings-panel[data-v-5a9f025f],.converter-card[data-v-5a9f025f],.feature-panel[data-v-5a9f025f]{padding:1.5rem;gap:1.5rem;position:static}.key-pair-container[data-v-5a9f025f],.encrypt-layout[data-v-5a9f025f],.sign-layout[data-v-5a9f025f],.verify-layout[data-v-5a9f025f],.button-group[data-v-5a9f025f]{flex-direction:column}.toast[data-v-5a9f025f]{top:1rem;right:1rem;left:1rem;text-align:center}}.encryption-tool[data-v-f85cd630]{background:#f8fafc;min-height:calc(100vh - var(--header-height, 150px));padding:3rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-f85cd630]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-f85cd630]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-f85cd630]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-f85cd630]{max-width:1300px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.converter-card[data-v-f85cd630]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem}.converter-section[data-v-f85cd630]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-f85cd630]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-f85cd630]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600}.mode-selector[data-v-f85cd630]{display:flex;gap:1rem;margin-bottom:1.5rem;background:#f8fafc;padding:.5rem;border-radius:8px;border:1px solid #e2e8f0}.mode-btn[data-v-f85cd630]{flex:1;padding:.75rem 1.5rem;background:transparent;color:#64748b;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.mode-btn[data-v-f85cd630]:hover{background:#e2e8f0;color:#374151}.mode-btn.active[data-v-f85cd630]{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.algorithm-selector[data-v-f85cd630]{margin-top:.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.algorithm-group[data-v-f85cd630]{margin-bottom:1.5rem}.algorithm-group[data-v-f85cd630]:last-child{margin-bottom:0}.algorithm-group-title[data-v-f85cd630]{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.algorithm-items[data-v-f85cd630]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.algorithm-item[data-v-f85cd630]{padding:1rem;background:#ffffff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:.25rem;min-height:80px}.algorithm-item[data-v-f85cd630]:hover{background:#e2e8f0;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.algorithm-item.active[data-v-f85cd630]{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.algorithm-item-label[data-v-f85cd630]{font-size:.9375rem;font-weight:600}.algorithm-item-desc[data-v-f85cd630]{font-size:.75rem;opacity:.8}.generator-inputs[data-v-f85cd630]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.input-group[data-v-f85cd630]{flex:1;min-width:250px}.input-label[data-v-f85cd630]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.input-field[data-v-f85cd630],.input-select[data-v-f85cd630]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.input-textarea[data-v-f85cd630]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;resize:vertical;font-family:inherit;min-height:150px}.input-field[data-v-f85cd630]:focus,.input-select[data-v-f85cd630]:focus,.input-textarea[data-v-f85cd630]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.input-with-buttons[data-v-f85cd630]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.file-upload-section[data-v-f85cd630]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.file-input[data-v-f85cd630]{display:none}.file-upload-btn[data-v-f85cd630]{cursor:pointer}.btn-remove[data-v-f85cd630]{padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-remove[data-v-f85cd630]:hover{background:#dc2626}.file-hint[data-v-f85cd630]{font-size:.75rem;color:#94a3b8;margin:0;line-height:1.5}.generator-controls[data-v-f85cd630]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.btn-primary[data-v-f85cd630]{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-f85cd630]:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-primary[data-v-f85cd630]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-f85cd630]{padding:.625rem 1.25rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary[data-v-f85cd630]:hover{background:#475569}.result-container[data-v-f85cd630]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.result-item-header[data-v-f85cd630]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.result-label[data-v-f85cd630]{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0}.result-actions[data-v-f85cd630]{display:flex;gap:.5rem}.result-display-container[data-v-f85cd630]{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.result-display-wrapper[data-v-f85cd630]{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;max-height:400px;overflow-y:auto}.result-display[data-v-f85cd630]{display:flex;flex-direction:column;align-items:center}.text-result[data-v-f85cd630]{font-family:Courier New,Courier,monospace;font-size:.875rem;color:#1e293b;line-height:1.6;white-space:pre-wrap;word-break:break-all;text-align:left;width:100%}.result-info[data-v-f85cd630]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.info-item[data-v-f85cd630]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px}.info-label[data-v-f85cd630]{font-size:.875rem;color:#64748b;font-weight:500}.info-value[data-v-f85cd630]{font-size:.875rem;color:#1e293b;font-weight:600}.empty-result[data-v-f85cd630]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.feature-card[data-v-f85cd630]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem;height:fit-content}.feature-card h2[data-v-f85cd630]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600}.tool-info[data-v-f85cd630]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tool-info-item[data-v-f85cd630]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.tool-info-label[data-v-f85cd630]{font-size:.875rem;color:#64748b;font-weight:500}.tool-info-value[data-v-f85cd630]{font-size:1rem;color:#1e293b;font-weight:600}.tool-rating[data-v-f85cd630]{display:flex;align-items:center;gap:1rem}.rating-stars[data-v-f85cd630]{display:flex;gap:.25rem}.star[data-v-f85cd630]{font-size:1.5rem;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.star[data-v-f85cd630]:hover,.star.hover[data-v-f85cd630],.star.active[data-v-f85cd630]{color:#fbbf24;transform:scale(1.1)}.rating-value[data-v-f85cd630]{font-size:1rem;color:#1e293b;font-weight:600;min-width:30px}.feature-list[data-v-f85cd630]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.feature-item[data-v-f85cd630]{display:flex;gap:1rem;align-items:flex-start}.feature-icon[data-v-f85cd630]{font-size:1.25rem;color:#3b82f6;margin-top:.25rem;flex-shrink:0}.feature-content[data-v-f85cd630]{flex:1}.feature-content h4[data-v-f85cd630]{font-size:.875rem;color:#1e293b;margin-bottom:.5rem;font-weight:600}.feature-content p[data-v-f85cd630]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.related-tools[data-v-f85cd630]{padding-top:1.5rem;border-top:1px solid #e2e8f0}.related-tools h3[data-v-f85cd630]{font-size:.875rem;color:#1e293b;margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.related-tools ul[data-v-f85cd630]{list-style:none;display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0}.related-tools li[data-v-f85cd630]{font-size:.875rem}.related-tools a[data-v-f85cd630]{color:#3b82f6;text-decoration:none;transition:all .2s ease}.related-tools a[data-v-f85cd630]:hover{color:#2563eb;text-decoration:underline}@media (max-width: 1024px){.converter-container[data-v-f85cd630]{grid-template-columns:1fr}.feature-card[data-v-f85cd630]{order:-1}}@media (max-width: 768px){.encryption-tool[data-v-f85cd630]{padding:2rem 0}.page-header[data-v-f85cd630]{margin-bottom:2rem}.page-header h1[data-v-f85cd630]{font-size:2rem}.converter-card[data-v-f85cd630],.feature-card[data-v-f85cd630]{padding:1.5rem}.generator-inputs[data-v-f85cd630]{gap:1.5rem}.mode-selector[data-v-f85cd630]{flex-direction:column}.input-with-buttons[data-v-f85cd630],.file-upload-section[data-v-f85cd630]{flex-direction:column;align-items:stretch}.generator-controls[data-v-f85cd630]{flex-direction:column}.btn-primary[data-v-f85cd630],.btn-secondary[data-v-f85cd630]{width:100%}.result-item-header[data-v-f85cd630]{flex-direction:column;align-items:stretch}.result-actions[data-v-f85cd630]{justify-content:center}}@media (max-width: 480px){.converter-container[data-v-f85cd630]{padding:0 1rem}.converter-card[data-v-f85cd630],.feature-card[data-v-f85cd630]{padding:1.25rem}.result-display-wrapper[data-v-f85cd630]{padding:1rem;max-height:300px}}.regex-tester[data-v-a5b54d35]{background:#f8fafc;min-height:calc(100vh - var(--header-height, 150px));padding:3rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-a5b54d35]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-a5b54d35]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-a5b54d35]{color:#64748b;font-size:1rem;line-height:1.6}.regex-container[data-v-a5b54d35]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;align-items:start;background-color:#f5f7fa}.input-panel[data-v-a5b54d35]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:1.5rem;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px}.result-panel[data-v-a5b54d35]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;padding:2rem}.feature-panel[data-v-a5b54d35]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;display:flex;flex-direction:column;height:fit-content;position:sticky;top:20px;border:none}.generator-inputs[data-v-a5b54d35]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.input-group[data-v-a5b54d35]{flex:1;min-width:250px}.input-label[data-v-a5b54d35]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.input-field[data-v-a5b54d35]{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.input-field[data-v-a5b54d35]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.input-textarea[data-v-a5b54d35]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;resize:vertical;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input-textarea[data-v-a5b54d35]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.input-with-buttons[data-v-a5b54d35]{display:flex;gap:.5rem;margin-bottom:.75rem;position:relative}.template-selector[data-v-a5b54d35]{position:relative;display:inline-block}.template-toggle[data-v-a5b54d35]{width:auto}.template-dropdown[data-v-a5b54d35]{position:absolute;top:100%;right:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;max-height:300px;overflow-y:auto;z-index:100;margin-top:.25rem}.template-item[data-v-a5b54d35]{padding:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.template-item[data-v-a5b54d35]:last-child{border-bottom:none}.template-item[data-v-a5b54d35]:hover{background:#f1f5f9;color:#1e293b}.template-name[data-v-a5b54d35]{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.template-preview[data-v-a5b54d35]{font-size:.75rem;color:#64748b;font-family:Courier New,Courier,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-group[data-v-a5b54d35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.checkbox-item[data-v-a5b54d35]{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-item input[type=checkbox][data-v-a5b54d35]{accent-color:#3b82f6;width:18px;height:18px}.checkbox-label[data-v-a5b54d35]{font-size:.875rem;color:#64748b;transition:color .2s ease}.checkbox-item:hover .checkbox-label[data-v-a5b54d35]{color:#1e293b}.generator-controls[data-v-a5b54d35]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.btn-primary[data-v-a5b54d35]{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary[data-v-a5b54d35]:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-primary[data-v-a5b54d35]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-a5b54d35]{padding:.625rem 1.25rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary[data-v-a5b54d35]:hover{background:#475569}.result-container[data-v-a5b54d35]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.result-item-header[data-v-a5b54d35]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.result-label[data-v-a5b54d35]{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0}.result-count[data-v-a5b54d35]{font-size:.875rem;color:#3b82f6;font-weight:600}.match-details[data-v-a5b54d35]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.match-item[data-v-a5b54d35]{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.match-index[data-v-a5b54d35]{font-size:.875rem;color:#64748b;font-weight:600;margin-bottom:.5rem}.match-content[data-v-a5b54d35]{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;font-family:Courier New,Courier,monospace;background:#f1f5f9;padding:.5rem;border-radius:4px;display:inline-block}.match-info[data-v-a5b54d35]{font-size:.875rem;color:#64748b;display:flex;flex-direction:column;gap:.25rem}.match-position[data-v-a5b54d35]{margin-right:1rem}.code-section[data-v-a5b54d35]{margin-top:2rem}.code-section h3[data-v-a5b54d35]{font-size:1rem;color:#1e293b;margin-bottom:1rem;font-weight:600}.code-display-wrapper[data-v-a5b54d35]{position:relative;margin:.5rem 0;width:100%}.code-display[data-v-a5b54d35]{font-size:.875rem;font-weight:500;color:#1e293b;background:#f1f5f9;padding:1.5rem 3rem 1.5rem 1.5rem;border-radius:8px;border:1px solid #e2e8f0;word-break:break-all;font-family:Courier New,Courier,monospace;white-space:pre-wrap;box-shadow:inset 0 1px 3px #00000014;transition:all .2s ease}.code-display[data-v-a5b54d35]:hover{border-color:#3b82f6;background:#ffffff;box-shadow:inset 0 1px 3px #0000001a}.top-right-copy-btn[data-v-a5b54d35]{position:absolute;top:.75rem;right:.75rem;background:#ffffff;border:1px solid #e2e8f0;color:#64748b;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-shadow:0 1px 3px #0000001a;z-index:10}.top-right-copy-btn[data-v-a5b54d35]:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.top-right-copy-btn[data-v-a5b54d35]:active{transform:scale(.95)}.empty-result[data-v-a5b54d35]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.regex-error[data-v-a5b54d35]{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start}.error-icon[data-v-a5b54d35]{font-size:2rem;color:#ef4444;margin-top:-.25rem;flex-shrink:0}.error-message[data-v-a5b54d35]{flex:1;font-size:1rem;color:#dc2626;line-height:1.6}.validation-summary[data-v-a5b54d35]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item[data-v-a5b54d35]{display:flex;flex-direction:column;gap:.25rem}.summary-label[data-v-a5b54d35]{font-size:.875rem;color:#64748b;font-weight:500}.summary-value[data-v-a5b54d35]{font-size:1.125rem;color:#1e293b;font-weight:600}.summary-value.code[data-v-a5b54d35]{font-family:Courier New,Courier,monospace;background:#ffffff;padding:.5rem;border-radius:4px;border:1px solid #e2e8f0;font-size:.875rem;word-break:break-all}.match-success[data-v-a5b54d35]{color:#10b981}.match-failed[data-v-a5b54d35]{color:#ef4444}.highlighted-text[data-v-a5b54d35]{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 4px #0000000d}.highlighted-text h3[data-v-a5b54d35]{font-size:1rem;color:#1e293b;margin-bottom:1rem;font-weight:600}.highlight-content[data-v-a5b54d35]{font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.8;white-space:pre-wrap;word-break:break-all}.highlight-match[data-v-a5b54d35]{background-color:#fbbf24;color:#1e293b;padding:.25rem .5rem;border-radius:4px;font-weight:600;animation:highlight-pulse-a5b54d35 1s ease-in-out}@keyframes highlight-pulse-a5b54d35{0%{background-color:#fde68a}50%{background-color:#fbbf24}to{background-color:#fbbf24}}.no-match[data-v-a5b54d35]{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:2rem;margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-match-icon[data-v-a5b54d35]{font-size:3rem;color:#ef4444}.no-match-message[data-v-a5b54d35]{font-size:1.125rem;color:#dc2626;font-weight:600}.match-details[data-v-a5b54d35]{margin:1.5rem 0}.match-details h3[data-v-a5b54d35]{font-size:1rem;color:#1e293b;margin-bottom:1rem;font-weight:600}@media (max-width: 768px){.validation-summary[data-v-a5b54d35]{grid-template-columns:1fr}.regex-error[data-v-a5b54d35]{flex-direction:column;align-items:center;text-align:center}.error-icon[data-v-a5b54d35]{margin-top:0}}.feature-card[data-v-a5b54d35]{background:transparent;border:none;box-shadow:none;padding:0;margin:0;flex:none;width:100%;display:flex;flex-direction:column;gap:1.5rem}.feature-list[data-v-a5b54d35]{display:flex;flex-direction:column;gap:1rem;margin-bottom:0}.feature-list h3[data-v-a5b54d35]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-a5b54d35]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-a5b54d35]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-a5b54d35]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;color:#3b82f6;flex-shrink:0}.feature-content[data-v-a5b54d35]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-a5b54d35]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-a5b54d35]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-a5b54d35]{display:flex;flex-direction:column;gap:.75rem;padding-top:0;border-top:none}.related-tools h3[data-v-a5b54d35]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-a5b54d35]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-a5b54d35]{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.related-tools a[data-v-a5b54d35]{color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-a5b54d35]:hover{color:#0056b3;text-decoration:underline}.info-section[data-v-a5b54d35]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-a5b54d35]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-a5b54d35]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-a5b54d35]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-a5b54d35]{color:#6b7280;font-weight:500}.meta-value[data-v-a5b54d35]{color:#374151;font-weight:600}.tool-rating[data-v-a5b54d35]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-a5b54d35]{display:flex;gap:.25rem}.star[data-v-a5b54d35]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-a5b54d35],.star.hover[data-v-a5b54d35]{color:#ffc107}.rating-value[data-v-a5b54d35]{font-size:.875rem;color:#666;min-width:30px}@media (max-width: 1200px){.regex-container[data-v-a5b54d35]{grid-template-columns:1fr 2fr;gap:1.5rem}.feature-panel[data-v-a5b54d35]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 992px){.regex-container[data-v-a5b54d35]{grid-template-columns:1fr;gap:1.5rem}.feature-panel[data-v-a5b54d35]{grid-column:span 1;max-width:none}.input-panel[data-v-a5b54d35],.feature-panel[data-v-a5b54d35]{position:static;max-height:none}.input-panel[data-v-a5b54d35]{order:-1}}@media (max-width: 768px){.regex-tester[data-v-a5b54d35]{padding:2rem 0}.page-header[data-v-a5b54d35]{margin-bottom:2rem}.page-header h1[data-v-a5b54d35]{font-size:2rem}.input-panel[data-v-a5b54d35],.result-panel[data-v-a5b54d35],.feature-panel[data-v-a5b54d35]{padding:1.5rem}.generator-inputs[data-v-a5b54d35]{gap:1.5rem}.checkbox-group[data-v-a5b54d35]{grid-template-columns:1fr}}@media (max-width: 480px){.regex-container[data-v-a5b54d35]{padding:0 1rem;gap:1rem}.input-panel[data-v-a5b54d35],.result-panel[data-v-a5b54d35],.feature-panel[data-v-a5b54d35]{padding:1.25rem}.input-with-buttons[data-v-a5b54d35],.generator-controls[data-v-a5b54d35]{flex-direction:column}.result-item-header[data-v-a5b54d35]{flex-direction:column;align-items:stretch}}.nginx-log-parser[data-v-fe144723]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.converter-container[data-v-fe144723]{display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;position:relative;z-index:2;width:100%;box-sizing:border-box;overflow:hidden}.settings-panel[data-v-fe144723]{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:20px}.converter-card[data-v-fe144723]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;border:1px solid #e5e7eb;min-height:600px;overflow:hidden;box-sizing:border-box}.feature-panel[data-v-fe144723]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;border:1px solid #e5e7eb;height:fit-content;position:sticky;top:20px}.page-header[data-v-fe144723]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-fe144723]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-fe144723]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.option-section[data-v-fe144723]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-fe144723]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.file-upload-area[data-v-fe144723]{display:flex;flex-direction:column;gap:1rem}.file-label[data-v-fe144723]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.file-label[data-v-fe144723]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05)}.file-info-item[data-v-fe144723]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.file-info-item[data-v-fe144723]:last-child{border-bottom:none}.info-label[data-v-fe144723]{font-weight:500;color:var(--text-secondary);font-size:.875rem}.info-value[data-v-fe144723]{color:var(--text-primary);font-size:.875rem;font-weight:600;word-break:break-all}.status-parsed[data-v-fe144723]{color:#22c55e}.status-ready[data-v-fe144723]{color:#3b82f6}.upload-icon[data-v-fe144723]{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.upload-text[data-v-fe144723]{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.upload-hint[data-v-fe144723]{font-size:.875rem;color:var(--text-secondary);margin:0}.setting-item[data-v-fe144723]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.input-label[data-v-fe144723]{font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-field[data-v-fe144723]{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.input-field[data-v-fe144723]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input-textarea[data-v-fe144723]{resize:vertical;min-height:100px;font-family:inherit}.stats-grid[data-v-fe144723]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item[data-v-fe144723]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;min-height:auto}.stat-label[data-v-fe144723]{font-size:.75rem;color:var(--text-secondary);font-weight:500}.stat-value[data-v-fe144723]{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.search-section[data-v-fe144723]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:2rem}.search-container[data-v-fe144723]{display:flex;flex-direction:column;gap:1rem}.search-input-group[data-v-fe144723]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input[data-v-fe144723]{flex:1;min-width:250px;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.search-input[data-v-fe144723]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-field-select[data-v-fe144723]{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary);min-width:150px}.search-field-select[data-v-fe144723]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-actions[data-v-fe144723]{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.btn-secondary[data-v-fe144723]{padding:.75rem 1.5rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.btn-secondary[data-v-fe144723]:hover:not(:disabled){background:#475569;box-shadow:0 2px 4px #64748b4d}.btn-secondary[data-v-fe144723]:disabled{opacity:.5;cursor:not-allowed}.search-footer[data-v-fe144723]{display:flex;justify-content:flex-start;align-items:center;gap:2rem;padding-top:.75rem;border-top:1px solid #e2e8f0;flex-wrap:nowrap}.search-stats[data-v-fe144723]{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary);font-weight:500;margin:0}.download-dropdown[data-v-fe144723]{position:relative;display:inline-block}.download-btn[data-v-fe144723]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;white-space:nowrap}.download-btn[data-v-fe144723]:hover,.download-btn.active[data-v-fe144723]{background:var(--primary-dark);box-shadow:0 4px 12px #6366f133}.download-btn .dropdown-arrow[data-v-fe144723]{font-size:.625rem;transition:transform .3s ease;display:inline-block}.download-btn .dropdown-arrow.rotate[data-v-fe144723]{transform:rotate(180deg)}.dropdown-menu[data-v-fe144723]{position:absolute;right:0;top:calc(100% + .5rem);background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:100;overflow:hidden;animation:dropdownSlideIn-fe144723 .2s ease-out}@keyframes dropdownSlideIn-fe144723{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-fe144723]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;width:100%;text-align:left;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.dropdown-item[data-v-fe144723]:hover{background:var(--primary-color);color:#fff}.dropdown-item .item-icon[data-v-fe144723]{font-size:1rem;flex-shrink:0}.dropdown-item .item-text[data-v-fe144723]{flex:1}@media (max-width: 768px){.search-footer[data-v-fe144723]{flex-wrap:wrap;justify-content:flex-start}.download-dropdown[data-v-fe144723]{margin-left:auto}}.result-section[data-v-fe144723]{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.table-container[data-v-fe144723]{overflow-x:auto;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;max-height:500px;min-height:300px;width:100%;box-sizing:border-box;position:relative}.log-table[data-v-fe144723]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto;min-width:800px;box-sizing:border-box}.log-table th[data-v-fe144723],.log-table td[data-v-fe144723]{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-table th[data-v-fe144723]{background:#f8fafc;font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10;min-width:120px}.log-table tr[data-v-fe144723]:hover{background:rgba(99,102,241,.05)}.log-table th[data-v-fe144723]:nth-child(1){width:60px;min-width:60px}.log-table th[data-v-fe144723]:nth-child(2){width:150px;min-width:150px}.log-table th[data-v-fe144723]:nth-child(3){width:200px;min-width:200px}.log-table th[data-v-fe144723]:nth-child(4){width:100px;min-width:100px}.log-table th[data-v-fe144723]:nth-child(5){width:250px;min-width:250px;max-width:300px}.log-table th[data-v-fe144723]:nth-child(6){width:80px;min-width:80px}.log-table th[data-v-fe144723]:nth-child(7){width:100px;min-width:100px}.log-table th[data-v-fe144723]:nth-child(8){width:200px;min-width:200px;max-width:300px}.upload-area-container[data-v-fe144723]{display:flex;justify-content:center;align-items:center;min-height:600px}.upload-area[data-v-fe144723]{border:2px dashed #e5e7eb;border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;max-width:600px;width:100%;box-shadow:0 2px 10px #0000000d}.upload-area[data-v-fe144723]:hover,.upload-area.dragover[data-v-fe144723]{border-color:var(--primary-color);background:rgba(99,102,241,.05);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.upload-content[data-v-fe144723]{display:flex;flex-direction:column;align-items:center;gap:20px}.upload-icon[data-v-fe144723]{font-size:6rem;color:var(--primary-color)}.upload-content h3[data-v-fe144723]{font-size:1.5rem;color:var(--text-primary);margin:0}.upload-content p[data-v-fe144723]{color:var(--text-secondary);margin:0;max-width:400px;line-height:1.6}.file-input[data-v-fe144723]{display:none}.empty-state[data-v-fe144723]{text-align:center;padding:4rem 2rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon[data-v-fe144723]{font-size:4rem;color:var(--primary-color)}.empty-state h3[data-v-fe144723]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p[data-v-fe144723]{font-size:1rem;color:var(--text-secondary);margin:0;max-width:400px}.loading-indicator[data-v-fe144723]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.spinner[data-v-fe144723]{width:50px;height:50px;border:4px solid rgba(99,102,241,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin-fe144723 1s linear infinite}@keyframes spin-fe144723{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator p[data-v-fe144723]{font-size:1rem;color:var(--text-primary);margin:0}.error-section[data-v-fe144723]{text-align:center;padding:4rem 2rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon[data-v-fe144723]{font-size:4rem;color:#ef4444}.error-section h3[data-v-fe144723]{font-size:1.5rem;font-weight:600;color:#dc2626;margin:0}.error-section p[data-v-fe144723]{font-size:1rem;color:#b91c1c;margin:0;max-width:400px}.pagination[data-v-fe144723]{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.pagination-btn[data-v-fe144723]{padding:.75rem 1.25rem;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-fe144723]:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn[data-v-fe144723]:disabled{opacity:.5;cursor:not-allowed}.pagination-pages[data-v-fe144723]{display:flex;gap:.5rem}.pagination-page[data-v-fe144723]{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:#ffffff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center}.pagination-page[data-v-fe144723]:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active[data-v-fe144723]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-ellipsis[data-v-fe144723]{padding:.5rem 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.table-container[data-v-fe144723]{overflow:auto;border:1px solid #e5e7eb;border-radius:8px;max-height:500px;min-height:300px;width:100%;box-sizing:border-box}.log-table[data-v-fe144723]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto;min-width:800px}.info-section[data-v-fe144723]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-fe144723]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-fe144723]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-fe144723]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-fe144723]{color:#6b7280;font-weight:500}.meta-value[data-v-fe144723]{color:#374151;font-weight:600}.tool-rating[data-v-fe144723]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-fe144723]{display:flex;gap:.25rem}.star[data-v-fe144723]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-fe144723],.star.hover[data-v-fe144723]{color:#ffc107}.rating-value[data-v-fe144723]{font-size:.875rem;color:#666}.feature-card[data-v-fe144723]{display:flex;flex-direction:column;gap:2rem;padding:0;background:transparent;box-shadow:none;border:none}.feature-list[data-v-fe144723]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h2[data-v-fe144723]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-fe144723]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-fe144723]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-fe144723]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-fe144723]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-fe144723]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-fe144723]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-fe144723]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-fe144723]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-fe144723]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-fe144723]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-fe144723]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-fe144723]:hover{color:#0056b3;text-decoration:underline}.btn-primary[data-v-fe144723]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary[data-v-fe144723]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 4px #6366f14d}.btn-primary[data-v-fe144723]:disabled{opacity:.5;cursor:not-allowed}.ready-to-parse[data-v-fe144723]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;text-align:center;min-height:500px}.ready-icon[data-v-fe144723]{font-size:4rem;color:var(--primary-color);margin-bottom:1rem}.ready-to-parse h3[data-v-fe144723]{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.ready-to-parse p[data-v-fe144723]{color:var(--text-secondary);margin:0 0 .5rem;max-width:500px}.file-size[data-v-fe144723]{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem}.ready-actions[data-v-fe144723]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.ready-tips[data-v-fe144723]{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;max-width:500px;width:100%;text-align:left}.ready-tips h4[data-v-fe144723]{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem;font-weight:600}.ready-tips ul[data-v-fe144723]{list-style:none;padding:0;margin:0}.ready-tips li[data-v-fe144723]{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.875rem}.ready-tips li[data-v-fe144723]:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0;top:.5rem}@media (max-width: 1024px){.converter-container[data-v-fe144723]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}@media (max-width: 768px){.nginx-log-parser[data-v-fe144723]{padding:2rem 0}.converter-container[data-v-fe144723]{gap:1.5rem}.settings-panel[data-v-fe144723],.converter-card[data-v-fe144723],.feature-panel[data-v-fe144723]{padding:1.5rem;gap:1.5rem;position:static}.table-container[data-v-fe144723]{overflow-x:auto}.log-table th[data-v-fe144723],.log-table td[data-v-fe144723]{padding:.75rem .5rem;font-size:.75rem}}.sql-debug-log-parser[data-v-ce526ee2]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa;min-height:100vh;padding:2rem 20px 0;position:relative;color:var(--text-primary)}.converter-container[data-v-ce526ee2]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-ce526ee2],.converter-card[data-v-ce526ee2],.feature-panel[data-v-ce526ee2]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-ce526ee2]{display:flex;flex-direction:column;gap:2rem}.converter-card[data-v-ce526ee2]{min-height:600px;overflow:hidden;display:flex;flex-direction:column}.feature-panel[data-v-ce526ee2]{display:flex;flex-direction:column}.page-header[data-v-ce526ee2]{text-align:center;padding:2rem 0;background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.page-header h1[data-v-ce526ee2]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-ce526ee2]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.option-section[data-v-ce526ee2]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-ce526ee2]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.file-upload-area[data-v-ce526ee2]{display:flex;flex-direction:column;gap:1rem}.file-label[data-v-ce526ee2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8fafc}.file-label[data-v-ce526ee2]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05)}.upload-icon[data-v-ce526ee2]{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.upload-text[data-v-ce526ee2]{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.upload-hint[data-v-ce526ee2]{font-size:.875rem;color:var(--text-secondary);margin:0}.setting-item[data-v-ce526ee2]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.input-label[data-v-ce526ee2]{font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-field[data-v-ce526ee2]{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.input-field[data-v-ce526ee2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input-textarea[data-v-ce526ee2]{resize:vertical;min-height:100px;font-family:inherit}.file-info-item[data-v-ce526ee2]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.file-info-item[data-v-ce526ee2]:last-child{border-bottom:none}.info-label[data-v-ce526ee2]{font-weight:500;color:var(--text-secondary);font-size:.875rem}.info-value[data-v-ce526ee2]{color:var(--text-primary);font-size:.875rem;font-weight:600;word-break:break-all}.status-parsed[data-v-ce526ee2]{color:#22c55e}.status-ready[data-v-ce526ee2]{color:#3b82f6}.stats-grid[data-v-ce526ee2]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item[data-v-ce526ee2]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;min-height:auto}.stat-label[data-v-ce526ee2]{font-size:.75rem;color:var(--text-secondary);font-weight:500}.stat-value[data-v-ce526ee2]{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.ready-to-parse[data-v-ce526ee2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;text-align:center;min-height:500px}.ready-icon[data-v-ce526ee2]{font-size:4rem;color:var(--primary-color);margin-bottom:1rem}.ready-to-parse h3[data-v-ce526ee2]{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.ready-to-parse p[data-v-ce526ee2]{color:var(--text-secondary);margin:0 0 .5rem;max-width:500px}.file-size[data-v-ce526ee2]{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem}.ready-actions[data-v-ce526ee2]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.ready-tips[data-v-ce526ee2]{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;max-width:500px;width:100%;text-align:left}.ready-tips h4[data-v-ce526ee2]{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem;font-weight:600}.ready-tips ul[data-v-ce526ee2]{list-style:none;padding:0;margin:0}.ready-tips li[data-v-ce526ee2]{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.875rem}.ready-tips li[data-v-ce526ee2]:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0;top:.5rem}.search-section[data-v-ce526ee2]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:2rem}.search-container[data-v-ce526ee2]{display:flex;flex-direction:column;gap:1rem}.search-input-group[data-v-ce526ee2]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input[data-v-ce526ee2]{flex:1;min-width:250px;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.search-input[data-v-ce526ee2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-field-select[data-v-ce526ee2]{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary);min-width:150px}.search-field-select[data-v-ce526ee2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-actions[data-v-ce526ee2]{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.btn-secondary[data-v-ce526ee2]{padding:.75rem 1.5rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.btn-secondary[data-v-ce526ee2]:hover:not(:disabled){background:#475569;box-shadow:0 2px 4px #64748b4d}.btn-secondary[data-v-ce526ee2]:disabled{opacity:.5;cursor:not-allowed}.search-footer[data-v-ce526ee2]{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0;flex-wrap:nowrap}.search-stats[data-v-ce526ee2]{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary);font-weight:500;margin:0}.download-dropdown[data-v-ce526ee2]{position:relative;display:inline-block}.download-btn[data-v-ce526ee2]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;white-space:nowrap}.download-btn[data-v-ce526ee2]:hover,.download-btn.active[data-v-ce526ee2]{background:var(--primary-dark);box-shadow:0 4px 12px #6366f133}.download-btn .dropdown-arrow[data-v-ce526ee2]{font-size:.625rem;transition:transform .3s ease;display:inline-block}.download-btn .dropdown-arrow.rotate[data-v-ce526ee2]{transform:rotate(180deg)}.dropdown-menu[data-v-ce526ee2]{position:absolute;right:0;top:calc(100% + .5rem);background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:100;overflow:hidden;animation:dropdownSlideIn-ce526ee2 .2s ease-out}@keyframes dropdownSlideIn-ce526ee2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-ce526ee2]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;width:100%;text-align:left;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.dropdown-item[data-v-ce526ee2]:hover{background:var(--primary-color);color:#fff}.dropdown-item .item-icon[data-v-ce526ee2]{font-size:1rem;flex-shrink:0}.dropdown-item .item-text[data-v-ce526ee2]{flex:1}@media (max-width: 768px){.search-footer[data-v-ce526ee2]{flex-wrap:wrap;justify-content:flex-start}.download-dropdown[data-v-ce526ee2]{margin-left:auto}}.result-section[data-v-ce526ee2]{display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.table-container[data-v-ce526ee2]{overflow-x:auto;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;max-height:500px;min-height:300px;width:100%;box-sizing:border-box;position:relative}.log-table[data-v-ce526ee2]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto;min-width:800px;box-sizing:border-box}.log-table th[data-v-ce526ee2],.log-table td[data-v-ce526ee2]{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-table th[data-v-ce526ee2]{background:#f8fafc;font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10;min-width:120px}.log-table tr[data-v-ce526ee2]:hover{background:rgba(99,102,241,.05)}.log-table th[data-v-ce526ee2]:nth-child(1){width:60px;min-width:60px}.log-table th[data-v-ce526ee2]:nth-child(2){width:200px;min-width:200px}.log-table th[data-v-ce526ee2]:nth-child(3){width:100px;min-width:100px}.log-table th[data-v-ce526ee2]:nth-child(4){width:150px;min-width:150px}.log-table th[data-v-ce526ee2]:nth-child(5){width:120px;min-width:120px}.log-table th[data-v-ce526ee2]:nth-child(6){width:300px;min-width:300px;max-width:500px}.log-table th[data-v-ce526ee2]:nth-child(7){width:150px;min-width:150px}.sql-content[data-v-ce526ee2]{font-family:Courier New,Courier,monospace;font-size:.8rem;color:#333}.slow-query[data-v-ce526ee2]{color:#dc2626;font-weight:600}.sql-type-tag[data-v-ce526ee2]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.sql-type-tag.select[data-v-ce526ee2]{background:#dbeafe;color:#1d4ed8}.sql-type-tag.update[data-v-ce526ee2]{background:#fef3c7;color:#d97706}.sql-type-tag.insert[data-v-ce526ee2]{background:#d1fae5;color:#059669}.sql-type-tag.delete[data-v-ce526ee2]{background:#fee2e2;color:#dc2626}.sql-type-tag.create[data-v-ce526ee2]{background:#e0e7ff;color:#4f46e5}.sql-type-tag.alter[data-v-ce526ee2]{background:#f3e8ff;color:#7c3aed}.sql-type-tag.drop[data-v-ce526ee2]{background:#fce7f3;color:#db2777}.sql-type-tag.unknown[data-v-ce526ee2]{background:#f1f5f9;color:#64748b}.upload-area-container[data-v-ce526ee2]{display:flex;justify-content:center;align-items:center;min-height:600px}.upload-area[data-v-ce526ee2]{border:2px dashed #e5e7eb;border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;max-width:600px;width:100%;box-shadow:0 2px 10px #0000000d}.upload-area[data-v-ce526ee2]:hover,.upload-area.dragover[data-v-ce526ee2]{border-color:var(--primary-color);background:rgba(99,102,241,.05);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.upload-content[data-v-ce526ee2]{display:flex;flex-direction:column;align-items:center;gap:20px}.upload-icon[data-v-ce526ee2]{font-size:6rem;color:var(--primary-color)}.upload-content h3[data-v-ce526ee2]{font-size:1.5rem;color:var(--text-primary);margin:0}.upload-content p[data-v-ce526ee2]{color:var(--text-secondary);margin:0;max-width:400px;line-height:1.6}.file-input[data-v-ce526ee2]{display:none}.empty-state[data-v-ce526ee2]{text-align:center;padding:4rem 2rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon[data-v-ce526ee2]{font-size:4rem;color:var(--primary-color)}.empty-state h3[data-v-ce526ee2]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p[data-v-ce526ee2]{font-size:1rem;color:var(--text-secondary);margin:0;max-width:400px}.loading-indicator[data-v-ce526ee2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.spinner[data-v-ce526ee2]{width:50px;height:50px;border:4px solid rgba(99,102,241,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin-ce526ee2 1s linear infinite}@keyframes spin-ce526ee2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator p[data-v-ce526ee2]{font-size:1rem;color:var(--text-primary);margin:0}.error-section[data-v-ce526ee2]{text-align:center;padding:4rem 2rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon[data-v-ce526ee2]{font-size:4rem;color:#ef4444}.error-section h3[data-v-ce526ee2]{font-size:1.5rem;font-weight:600;color:#dc2626;margin:0}.error-section p[data-v-ce526ee2]{font-size:1rem;color:#b91c1c;margin:0;max-width:400px}.pagination[data-v-ce526ee2]{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.pagination-btn[data-v-ce526ee2]{padding:.75rem 1.25rem;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-ce526ee2]:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn[data-v-ce526ee2]:disabled{opacity:.5;cursor:not-allowed}.pagination-pages[data-v-ce526ee2]{display:flex;gap:.5rem}.pagination-page[data-v-ce526ee2]{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:#ffffff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center}.pagination-page[data-v-ce526ee2]:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active[data-v-ce526ee2]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-ellipsis[data-v-ce526ee2]{padding:.5rem 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.tool-info[data-v-ce526ee2]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.tool-info-item[data-v-ce526ee2]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tool-info-label[data-v-ce526ee2]{font-size:.75rem;color:#666}.tool-info-value[data-v-ce526ee2]{font-size:1rem;font-weight:600;color:#333}.tool-rating[data-v-ce526ee2]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-ce526ee2]{display:flex;gap:.25rem}.star[data-v-ce526ee2]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-ce526ee2],.star.hover[data-v-ce526ee2]{color:#ffc107}.rating-value[data-v-ce526ee2]{font-size:.875rem;color:#666}.info-section[data-v-ce526ee2]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-ce526ee2]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-ce526ee2]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-ce526ee2]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-ce526ee2]{color:#6b7280;font-weight:500}.meta-value[data-v-ce526ee2]{color:#374151;font-weight:600}.feature-list[data-v-ce526ee2]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-ce526ee2]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-ce526ee2]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-ce526ee2]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-ce526ee2]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-ce526ee2]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-ce526ee2]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-ce526ee2]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-ce526ee2]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-ce526ee2]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-ce526ee2]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-ce526ee2]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-ce526ee2]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-ce526ee2]:hover{color:#0056b3;text-decoration:underline}.feature-card[data-v-ce526ee2]{display:flex;flex-direction:column;gap:2rem;padding:0;background:transparent;box-shadow:none;border:none}.btn-primary[data-v-ce526ee2]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary[data-v-ce526ee2]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 4px #6366f14d}.btn-primary[data-v-ce526ee2]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.converter-container[data-v-ce526ee2]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}@media (max-width: 768px){.sql-debug-log-parser[data-v-ce526ee2]{padding:2rem 0}.converter-container[data-v-ce526ee2]{gap:1.5rem}.settings-panel[data-v-ce526ee2],.converter-card[data-v-ce526ee2],.feature-panel[data-v-ce526ee2]{padding:1.5rem;gap:1.5rem;position:static}.table-container[data-v-ce526ee2]{overflow-x:auto}.log-table th[data-v-ce526ee2],.log-table td[data-v-ce526ee2]{padding:.75rem .5rem;font-size:.75rem}}.crontab-generator[data-v-5d4f5ef8]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.converter-container[data-v-5d4f5ef8]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-5d4f5ef8]{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:20px}.converter-card[data-v-5d4f5ef8]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;min-height:600px}.feature-panel[data-v-5d4f5ef8]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;height:fit-content;position:sticky;top:20px;display:flex;flex-direction:column}.page-header[data-v-5d4f5ef8]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-5d4f5ef8]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-5d4f5ef8]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.option-section[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-5d4f5ef8]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.template-options[data-v-5d4f5ef8]{margin-bottom:1rem;display:flex;justify-content:flex-end;align-items:center}.memory-option[data-v-5d4f5ef8]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.memory-option input[type=checkbox][data-v-5d4f5ef8]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary-color)}.template-grid[data-v-5d4f5ef8]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.template-btn[data-v-5d4f5ef8]{padding:.75rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:left}.template-btn[data-v-5d4f5ef8]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05);transform:translateY(-1px)}.time-field-selector[data-v-5d4f5ef8]{margin-bottom:1.5rem}.time-field-buttons[data-v-5d4f5ef8]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.time-field-btn[data-v-5d4f5ef8]{padding:.75rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:left;color:var(--text-primary)}.time-field-btn[data-v-5d4f5ef8]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05);transform:translateY(-1px)}.time-field-btn.active[data-v-5d4f5ef8]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:500}.time-field-options[data-v-5d4f5ef8]{margin-bottom:1.5rem}.setting-item[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.setting-label[data-v-5d4f5ef8]{font-size:.875rem;font-weight:500;color:var(--text-primary)}.setting-content[data-v-5d4f5ef8]{display:flex;gap:1rem;align-items:center}.options-grid[data-v-5d4f5ef8]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.option-btn[data-v-5d4f5ef8]{padding:.75rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-btn[data-v-5d4f5ef8]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05);transform:translateY(-1px)}.option-btn.active[data-v-5d4f5ef8]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:500}.sub-options-indicator[data-v-5d4f5ef8]{margin-left:.5rem;font-size:.75rem;opacity:.7}.sub-options[data-v-5d4f5ef8]{margin-top:1rem;padding:1rem;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.sub-options-label[data-v-5d4f5ef8]{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.sub-options-grid[data-v-5d4f5ef8]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.sub-option-btn[data-v-5d4f5ef8]{padding:.625rem .875rem;background:#ffffff;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:left;color:var(--text-primary)}.sub-option-btn[data-v-5d4f5ef8]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05);transform:translateY(-1px)}.sub-option-btn.active[data-v-5d4f5ef8]{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:500}.custom-interval-section[data-v-5d4f5ef8]{margin-top:1rem;padding:.75rem;background:#f0f4f8;border-radius:6px;border:1px solid #e2e8f0}.custom-interval-label[data-v-5d4f5ef8]{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.custom-interval-container[data-v-5d4f5ef8]{display:flex;gap:.5rem}.custom-interval-input[data-v-5d4f5ef8]{flex:1;padding:.625rem .875rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;transition:all .3s ease}.custom-interval-input[data-v-5d4f5ef8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.apply-interval-btn[data-v-5d4f5ef8]{padding:.625rem 1rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.apply-interval-btn[data-v-5d4f5ef8]:hover{background:var(--primary-dark);transform:translateY(-1px)}.custom-input-section[data-v-5d4f5ef8]{margin-top:1rem;padding:.75rem;background:#f0f4f8;border-radius:6px;border:1px solid #e2e8f0}.custom-input-label[data-v-5d4f5ef8]{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.custom-input-container[data-v-5d4f5ef8]{display:flex;gap:.5rem}.custom-cron-input[data-v-5d4f5ef8]{flex:1;padding:.625rem .875rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;font-family:Courier New,Courier,monospace;transition:all .3s ease}.custom-cron-input[data-v-5d4f5ef8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.apply-custom-btn[data-v-5d4f5ef8]{padding:.625rem 1rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.apply-custom-btn[data-v-5d4f5ef8]:hover{background:var(--primary-dark);transform:translateY(-1px)}.custom-values[data-v-5d4f5ef8]{margin-top:1rem;padding:.75rem;background:#f0f4f8;border-radius:6px;border:1px solid #e2e8f0}.custom-values-label[data-v-5d4f5ef8]{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.custom-values-display[data-v-5d4f5ef8]{font-size:.875rem;color:var(--primary-color);font-family:Courier New,Courier,monospace;background:#ffffff;padding:.5rem;border-radius:4px;border:1px solid #e2e8f0}.setting-select[data-v-5d4f5ef8]{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.setting-select[data-v-5d4f5ef8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.command-input[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:.5rem}.command-text-input[data-v-5d4f5ef8]{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary);font-family:Courier New,Courier,monospace}.command-text-input[data-v-5d4f5ef8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.result-section[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.result-header[data-v-5d4f5ef8]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.result-header h2[data-v-5d4f5ef8]{font-size:1.5rem;color:var(--text-primary);margin:0}.btn-primary[data-v-5d4f5ef8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-5d4f5ef8]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 4px #6366f14d}.btn-primary[data-v-5d4f5ef8]:disabled{opacity:.5;cursor:not-allowed}.copy-icon[data-v-5d4f5ef8]{font-size:1rem}.result-content[data-v-5d4f5ef8]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;min-height:120px;display:flex;align-items:center;justify-content:center}.crontab-expression[data-v-5d4f5ef8]{width:100%;text-align:center}.crontab-expression code[data-v-5d4f5ef8]{font-size:1.5rem;font-weight:700;color:var(--primary-color);font-family:Courier New,Courier,monospace;background:#ffffff;padding:1rem 2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state[data-v-5d4f5ef8]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon[data-v-5d4f5ef8]{font-size:3rem;color:var(--text-secondary)}.empty-state p[data-v-5d4f5ef8]{color:var(--text-secondary);font-size:1rem;margin:0}.crontab-explanation[data-v-5d4f5ef8]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.crontab-explanation h3[data-v-5d4f5ef8]{font-size:1.125rem;color:var(--text-primary);margin:0;font-weight:600}.explanation-content[data-v-5d4f5ef8]{font-size:1rem;color:var(--text-primary);line-height:1.6}.command-preview[data-v-5d4f5ef8]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.command-preview h3[data-v-5d4f5ef8]{font-size:1.125rem;color:var(--text-primary);margin:0;font-weight:600}.command-preview-content[data-v-5d4f5ef8]{background:#ffffff;padding:1rem;border-radius:8px;overflow-x:auto}.command-preview-content code[data-v-5d4f5ef8]{font-family:Courier New,Courier,monospace;color:var(--text-primary);font-size:.875rem}.preview-section[data-v-5d4f5ef8]{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.preview-section h2[data-v-5d4f5ef8]{font-size:1.5rem;color:var(--text-primary);margin:0}.preview-grid[data-v-5d4f5ef8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.preview-item[data-v-5d4f5ef8]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.preview-item[data-v-5d4f5ef8]:hover{border-color:var(--primary-color);background:rgba(99,102,241,.05)}.preview-time[data-v-5d4f5ef8]{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.preview-date[data-v-5d4f5ef8]{font-size:.875rem;color:var(--text-secondary)}.feature-card[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:1.5rem;padding:0;background:transparent;box-shadow:none;border:none}.feature-list[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-5d4f5ef8]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-5d4f5ef8]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-5d4f5ef8]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-5d4f5ef8]{font-size:1.25rem;color:var(--primary-color);margin-top:.125rem;flex-shrink:0}.feature-content[data-v-5d4f5ef8]{flex:1;display:flex;flex-direction:column;gap:.25rem}.feature-content h4[data-v-5d4f5ef8]{font-size:.875rem;color:#333;margin:0;font-weight:600}.feature-content p[data-v-5d4f5ef8]{font-size:.75rem;color:#666;line-height:1.4;margin:0}.related-tools[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-5d4f5ef8]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-5d4f5ef8]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-5d4f5ef8]{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;border-radius:0;transition:none}.related-tools a[data-v-5d4f5ef8]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-5d4f5ef8]:hover{color:#0056b3;text-decoration:underline}.info-section[data-v-5d4f5ef8]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-5d4f5ef8]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-5d4f5ef8]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-5d4f5ef8]{color:#6b7280;font-weight:500}.meta-value[data-v-5d4f5ef8]{color:#374151;font-weight:600}.crontab-info[data-v-5d4f5ef8]{background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.crontab-info h3[data-v-5d4f5ef8]{font-size:1.125rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600;text-align:center;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.info-content[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:1rem}.info-item[data-v-5d4f5ef8]{display:flex;flex-direction:column;gap:.5rem}.info-item code[data-v-5d4f5ef8]{font-family:Courier New,Courier,monospace;background:#ffffff;padding:.5rem 1rem;border-radius:6px;border:1px solid #e5e7eb;font-size:.875rem;color:var(--primary-color)}.info-description[data-v-5d4f5ef8]{font-size:.875rem;color:var(--text-secondary);margin-left:.5rem}@media (max-width: 1200px){.converter-container[data-v-5d4f5ef8]{grid-template-columns:1fr;gap:1.5rem}.settings-panel[data-v-5d4f5ef8],.feature-panel[data-v-5d4f5ef8]{order:2}.converter-card[data-v-5d4f5ef8]{order:1}}@media (max-width: 768px){.crontab-generator[data-v-5d4f5ef8]{padding:2rem 0}.page-header[data-v-5d4f5ef8]{padding:1.5rem 0}.page-header h1[data-v-5d4f5ef8]{font-size:1.5rem}.page-header p[data-v-5d4f5ef8]{font-size:.875rem}.converter-container[data-v-5d4f5ef8]{padding:0 1rem 1.5rem;gap:1rem}.settings-panel[data-v-5d4f5ef8],.converter-card[data-v-5d4f5ef8],.feature-panel[data-v-5d4f5ef8]{padding:1rem;gap:1rem;position:static}.template-grid[data-v-5d4f5ef8]{grid-template-columns:1fr}.preview-grid[data-v-5d4f5ef8]{grid-template-columns:repeat(2,1fr)}.crontab-expression code[data-v-5d4f5ef8]{font-size:1.25rem;padding:.75rem 1rem}}@media (max-width: 480px){.preview-grid[data-v-5d4f5ef8]{grid-template-columns:1fr}.result-header[data-v-5d4f5ef8]{flex-direction:column;align-items:stretch}.btn-primary[data-v-5d4f5ef8]{justify-content:center}}.csv-tools[data-v-97d6a4cf]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:#ffffff;padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-97d6a4cf]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-97d6a4cf]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-97d6a4cf]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.converter-container[data-v-97d6a4cf]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-97d6a4cf],.main-panel[data-v-97d6a4cf],.feature-panel[data-v-97d6a4cf]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:2rem;position:sticky;top:20px}.main-panel[data-v-97d6a4cf]{min-height:600px;display:flex;flex-direction:column;gap:1rem;padding:.5rem;height:100%}.feature-panel[data-v-97d6a4cf]{position:sticky;top:20px;display:flex;flex-direction:column}.option-section[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-97d6a4cf]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.sql-settings[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:1rem}.sql-settings h2[data-v-97d6a4cf]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.form-group[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-97d6a4cf]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input[type=text][data-v-97d6a4cf]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#ffffff;color:var(--text-primary)}.form-group input[type=text][data-v-97d6a4cf]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.checkbox-wrapper[data-v-97d6a4cf]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0}.checkbox-wrapper input[type=checkbox][data-v-97d6a4cf]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.checkbox-wrapper label[data-v-97d6a4cf]{margin:0;cursor:pointer;font-weight:400;color:var(--text-primary)}.format-options-vertical[data-v-97d6a4cf]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.button-section[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:.875rem}.file-upload-section[data-v-97d6a4cf]{width:100%}.file-upload-label[data-v-97d6a4cf]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px dashed var(--primary-color);border-radius:10px;background:rgba(66,153,225,.05);color:var(--primary-color);font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 4px #00000014}.file-upload-label[data-v-97d6a4cf]:hover{background:rgba(66,153,225,.1);border-color:var(--primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #4299e133}.algorithm-option[data-v-97d6a4cf]{display:flex;align-items:center;gap:.75rem;padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--secondary-bg);cursor:pointer;transition:all .3s;font-size:.95rem;font-weight:500;text-align:center;box-shadow:0 2px 6px #0000000d;color:var(--text-primary);justify-content:center}.algorithm-option[data-v-97d6a4cf]:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #4299e133;background-color:var(--secondary-hover)}.algorithm-option.active[data-v-97d6a4cf]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.input-output-wrapper[data-v-97d6a4cf]{background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;align-items:stretch;min-height:250px}.input-output-wrapper[data-v-97d6a4cf]:nth-child(1){flex:4}.input-output-wrapper[data-v-97d6a4cf]:nth-child(2){flex:6}.input-output-wrapper[data-v-97d6a4cf]:hover{box-shadow:var(--shadow-md)}.section-label[data-v-97d6a4cf]{display:flex;align-items:center;gap:.25rem;padding:.75rem;background:rgba(64,158,255,.05);border-right:1px solid #e2e8f0;writing-mode:vertical-lr;text-orientation:mixed;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);font-weight:600;color:var(--primary-color);font-size:.875rem}.section-label .section-icon[data-v-97d6a4cf]{font-size:1.25rem;margin-right:0;color:var(--primary-color)}.section-label .section-title[data-v-97d6a4cf]{margin:0;font-size:.875rem;color:var(--primary-color);font-weight:600}.input-content[data-v-97d6a4cf]{flex:1;padding:.75rem;width:calc(100% - 80px);display:flex;flex-direction:column;height:100%}.copy-btn[data-v-97d6a4cf]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 2px 4px #00000014}.copy-btn[data-v-97d6a4cf]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #4299e14d}.copy-btn[data-v-97d6a4cf]:disabled{opacity:.6;cursor:not-allowed;background:var(--secondary-bg);color:var(--text-secondary);border:none;transform:none;box-shadow:none}.copy-btn .btn-icon[data-v-97d6a4cf]{font-size:.875rem}.csv-textarea[data-v-97d6a4cf]{width:100%;height:100%;min-height:200px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;resize:vertical;background:var(--background-color);color:var(--text-primary);transition:all var(--transition-base);box-shadow:inset 0 1px 3px #0000000d}.csv-textarea[data-v-97d6a4cf]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.btn-primary[data-v-97d6a4cf],.btn-secondary[data-v-97d6a4cf]{padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:600;transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;width:100%;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001a}.btn-primary[data-v-97d6a4cf]{background:var(--primary-color);color:var(--text-inverse);border:none;box-shadow:0 2px 6px #4299e133}.btn-primary[data-v-97d6a4cf]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-97d6a4cf]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-97d6a4cf]{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-97d6a4cf]:hover:not(:disabled){background:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark);color:#fff}.btn-secondary[data-v-97d6a4cf]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-icon[data-v-97d6a4cf]{font-size:1rem}.result-container[data-v-97d6a4cf]{min-height:200px;max-height:none;height:100%;overflow:auto;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;flex:1}.result-content[data-v-97d6a4cf]{margin:0;white-space:pre-wrap;word-break:break-all}.empty-result[data-v-97d6a4cf]{display:flex;align-items:center;justify-content:center;height:250px;color:var(--text-muted);font-style:italic;background:var(--background-light);border:1px dashed var(--border-color);border-radius:var(--border-radius-md)}.feature-card[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:1.5rem;padding:0}.feature-card h2[data-v-97d6a4cf]{font-size:1rem;color:#333;margin:0 0 .5rem;font-weight:600;padding-bottom:0;border-bottom:none}.feature-list[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-item[data-v-97d6a4cf]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-97d6a4cf]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-97d6a4cf]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-97d6a4cf]{flex:1;display:flex;flex-direction:column;gap:.25rem}.feature-content h4[data-v-97d6a4cf]{font-size:.875rem;color:#333;margin:0;font-weight:600}.feature-content p[data-v-97d6a4cf]{font-size:.75rem;color:#666;line-height:1.4;margin:0}.related-tools[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:0;border-top:none}.related-tools h3[data-v-97d6a4cf]{font-size:1rem;color:#333;margin-bottom:.5rem;font-weight:600}.related-tools ul[data-v-97d6a4cf]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-97d6a4cf]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-97d6a4cf]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s;display:block;padding:0;border-radius:0;background-color:transparent}.related-tools a[data-v-97d6a4cf]:hover{color:#0056b3;text-decoration:underline;background-color:transparent;transform:none}.tool-rating[data-v-97d6a4cf]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-97d6a4cf]{display:flex;gap:.25rem}.star[data-v-97d6a4cf]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-97d6a4cf],.star.hover[data-v-97d6a4cf]{color:#ffc107;transform:none}.star[data-v-97d6a4cf]:hover{color:#ffc107}.rating-value[data-v-97d6a4cf]{font-size:.875rem;color:#666;font-weight:400}.info-section[data-v-97d6a4cf]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-97d6a4cf]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-97d6a4cf]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-97d6a4cf]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-97d6a4cf]{color:#6b7280;font-weight:500}.meta-value[data-v-97d6a4cf]{color:#374151;font-weight:600}.toast[data-v-97d6a4cf]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:fadeIn-97d6a4cf .3s ease-out,fadeOut-97d6a4cf .3s ease-in 2.7s;box-shadow:var(--shadow-lg);max-width:300px;text-align:center}.toast.success[data-v-97d6a4cf]{background:var(--success-color);border-left:4px solid #15803d}.toast.error[data-v-97d6a4cf]{background:var(--error-color);border-left:4px solid #b91c1c}.toast.warning[data-v-97d6a4cf]{background:var(--warning-color);border-left:4px solid #b45309}@keyframes fadeIn-97d6a4cf{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut-97d6a4cf{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 1200px){.converter-container[data-v-97d6a4cf]{grid-template-columns:300px 1fr 280px}}@media (max-width: 1024px){.converter-container[data-v-97d6a4cf]{grid-template-columns:1fr;padding:0 var(--spacing-md)}.settings-panel[data-v-97d6a4cf],.feature-panel[data-v-97d6a4cf]{position:static;max-height:none}}@media (max-width: 768px){.csv-tools[data-v-97d6a4cf]{padding:2rem 0}.converter-container[data-v-97d6a4cf]{gap:1.5rem}.settings-panel[data-v-97d6a4cf],.main-panel[data-v-97d6a4cf],.feature-panel[data-v-97d6a4cf]{padding:1.5rem;gap:1.5rem;position:static}.feature-card[data-v-97d6a4cf]{padding:1.5rem}.button-section[data-v-97d6a4cf]{gap:.75rem}.btn-primary[data-v-97d6a4cf],.btn-secondary[data-v-97d6a4cf]{width:100%;justify-content:center}.toast[data-v-97d6a4cf]{right:10px;left:10px;max-width:none}}@media (max-width: 480px){.page-header h1[data-v-97d6a4cf]{font-size:2rem}.converter-container[data-v-97d6a4cf]{padding:0 1rem;gap:15px}.settings-panel[data-v-97d6a4cf],.main-panel[data-v-97d6a4cf],.feature-panel[data-v-97d6a4cf],.feature-card[data-v-97d6a4cf]{padding:1.25rem}}.jwt-generator[data-v-34b64e0b]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:#ffffff;padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-34b64e0b]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-34b64e0b]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-34b64e0b]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.converter-container[data-v-34b64e0b]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-34b64e0b],.converter-card[data-v-34b64e0b]{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:20px}.feature-panel[data-v-34b64e0b]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;height:fit-content;position:sticky;top:20px}.option-section[data-v-34b64e0b]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-34b64e0b]{font-size:1.25rem;color:var(--text-primary);font-weight:700;letter-spacing:-.5px;margin:0}.direction-options[data-v-34b64e0b]{display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-wrap:wrap}.direction-option[data-v-34b64e0b]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:2px solid var(--border-color);border-radius:10px;background:#ffffff;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--text-secondary);width:fit-content;min-width:80px;justify-content:center}.direction-option[data-v-34b64e0b]:hover{border-color:var(--primary-color);background:rgba(66,153,225,.05);color:var(--primary-color);transform:translateY(-2px) scale(1.02)}.direction-option.active[data-v-34b64e0b]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 16px #4299e14d;transform:translateY(-2px)}.algorithm-options-vertical[data-v-34b64e0b]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.algorithm-option[data-v-34b64e0b]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:2px solid var(--border-color);border-radius:10px;background:#ffffff;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--text-secondary);font-size:.875rem;width:100%;justify-content:center;box-sizing:border-box}.algorithm-option[data-v-34b64e0b]:hover{border-color:var(--primary-color);background:rgba(66,153,225,.05);color:var(--primary-color);transform:translateY(-2px) scale(1.02)}.algorithm-option.active[data-v-34b64e0b]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 16px #4299e14d;transform:translateY(-2px)}.button-section[data-v-34b64e0b]{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.converter-section[data-v-34b64e0b]{display:flex;flex-direction:column;gap:1rem}.converter-section h2[data-v-34b64e0b]{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:700;letter-spacing:-.5px}.tab-content[data-v-34b64e0b]{display:flex;flex-direction:column;gap:2rem}.input-group[data-v-34b64e0b]{display:flex;flex-direction:column;gap:.75rem}.textarea-container[data-v-34b64e0b]{position:relative;display:flex;flex-direction:column;gap:.75rem}.input-field[data-v-34b64e0b]{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:#ffffff;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.input-field[data-v-34b64e0b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.input-textarea[data-v-34b64e0b]{resize:vertical;min-height:120px;font-family:inherit}.btn-primary[data-v-34b64e0b]{flex:1;padding:.875rem 1.75rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6366f133}.btn-primary[data-v-34b64e0b]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-34b64e0b]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-34b64e0b]{padding:.875rem 1.75rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-34b64e0b]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}.btn-small[data-v-34b64e0b]{padding:.625rem 1.25rem;font-size:.875rem}.result-container[data-v-34b64e0b]{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.result-header[data-v-34b64e0b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.result-label[data-v-34b64e0b]{font-size:.95rem;color:var(--text-secondary);font-weight:600}.result-count[data-v-34b64e0b]{font-size:.875rem;color:var(--text-muted);font-weight:500;background:#ffffff;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border-color)}.result-content[data-v-34b64e0b]{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:12px}.result-textarea[data-v-34b64e0b]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:14px;resize:vertical;box-sizing:border-box;background-color:var(--secondary-bg)}.jwt-info[data-v-34b64e0b]{margin-top:15px;background:var(--secondary-bg);border-radius:6px;padding:12px}.jwt-section[data-v-34b64e0b]{margin-bottom:10px;display:flex;flex-direction:column}.jwt-section[data-v-34b64e0b]:last-child{margin-bottom:0}.jwt-label[data-v-34b64e0b]{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.jwt-value[data-v-34b64e0b]{font-family:monospace;font-size:13px;color:var(--text-primary);word-break:break-all;background:#fff;padding:6px 8px;border-radius:4px;border:1px solid var(--border-color)}.jwt-parsed[data-v-34b64e0b]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jwt-parsed-section[data-v-34b64e0b]{margin-bottom:15px}.jwt-parsed-section h4[data-v-34b64e0b]{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.jwt-json[data-v-34b64e0b]{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;padding:12px;font-family:monospace;font-size:13px;white-space:pre-wrap;overflow-x:auto;margin:0}.validation-result[data-v-34b64e0b]{display:flex;align-items:center;gap:12px;padding:15px;border-radius:6px;font-size:14px}.validation-result.valid[data-v-34b64e0b]{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.validation-result.invalid[data-v-34b64e0b]{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.validation-icon[data-v-34b64e0b]{font-size:24px}.validation-message h4[data-v-34b64e0b]{margin:0 0 4px;font-size:16px;font-weight:600}.validation-message p[data-v-34b64e0b]{margin:0;font-size:14px;opacity:.8}.feature-card[data-v-34b64e0b]{display:flex;flex-direction:column;gap:1.5rem;height:100%}.info-section[data-v-34b64e0b]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-34b64e0b]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-34b64e0b]{display:flex;flex-direction:column;gap:10px}.tool-info-item[data-v-34b64e0b]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.tool-info-label[data-v-34b64e0b]{color:#6b7280;font-weight:500}.tool-info-value[data-v-34b64e0b]{color:#374151;font-weight:600}.tool-rating[data-v-34b64e0b]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-34b64e0b]{display:flex;gap:.25rem}.star[data-v-34b64e0b]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star[data-v-34b64e0b]:hover,.star.active[data-v-34b64e0b],.star.hover[data-v-34b64e0b]{color:#ffc107}.rating-value[data-v-34b64e0b]{font-size:.875rem;color:#666}.feature-list[data-v-34b64e0b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-34b64e0b]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-34b64e0b]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-34b64e0b]:hover{transform:translate(4px);background:var(--secondary-hover)}.feature-icon[data-v-34b64e0b]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem}.feature-content[data-v-34b64e0b]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-34b64e0b]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-34b64e0b]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.related-tools[data-v-34b64e0b]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-34b64e0b]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-34b64e0b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-34b64e0b]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-34b64e0b]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.related-tools a[data-v-34b64e0b]:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 1024px){.converter-container[data-v-34b64e0b]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}@media (max-width: 768px){.jwt-generator[data-v-34b64e0b]{padding:2rem 0}.converter-container[data-v-34b64e0b]{gap:1.5rem}.settings-panel[data-v-34b64e0b],.converter-card[data-v-34b64e0b],.feature-panel[data-v-34b64e0b]{padding:1.5rem;gap:1.5rem}.jwt-parsed[data-v-34b64e0b]{grid-template-columns:1fr}}@media (max-width: 480px){.page-header h1[data-v-34b64e0b]{font-size:2rem}.converter-container[data-v-34b64e0b]{padding:0 1rem}.settings-panel[data-v-34b64e0b],.converter-card[data-v-34b64e0b],.feature-panel[data-v-34b64e0b]{padding:1.25rem}}.toast[data-v-34b64e0b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:fadeIn-34b64e0b .3s ease-out,fadeOut-34b64e0b .3s ease-in 2.7s;box-shadow:0 4px 12px #00000026;max-width:300px;text-align:center}.toast.success[data-v-34b64e0b]{background:#10b981;border-left:4px solid #059669}.toast.error[data-v-34b64e0b]{background:#ef4444;border-left:4px solid #dc2626}.toast.warning[data-v-34b64e0b]{background:#f59e0b;border-left:4px solid #d97706}@keyframes fadeIn-34b64e0b{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut-34b64e0b{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.curl-generator[data-v-0b08d89b]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-light);min-height:calc(100vh - var(--header-height, 150px));padding:20px}.page-header[data-v-0b08d89b]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-0b08d89b]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-0b08d89b]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-0b08d89b]{display:grid;grid-template-columns:1fr 280px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;align-items:start}.converter-card[data-v-0b08d89b]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);padding:2rem}.converter-section[data-v-0b08d89b]{margin-bottom:20px}.generator-inputs[data-v-0b08d89b]{display:flex;flex-direction:column;gap:15px}.input-group[data-v-0b08d89b]{display:flex;flex-direction:column;gap:8px}.input-label[data-v-0b08d89b]{font-weight:700;color:var(--text-primary);font-size:14px}.input-label-small[data-v-0b08d89b]{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.basic-info-inputs[data-v-0b08d89b]{display:grid;grid-template-columns:150px 1fr;gap:15px}.basic-info-item[data-v-0b08d89b]{display:flex;flex-direction:column;gap:4px}.input-field[data-v-0b08d89b]{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.input-field[data-v-0b08d89b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.header-key[data-v-0b08d89b],.param-key[data-v-0b08d89b]{flex:1;min-width:150px}.header-value[data-v-0b08d89b],.param-value[data-v-0b08d89b]{flex:2}.header-inputs[data-v-0b08d89b]{display:flex;flex-direction:row;gap:8px;align-items:center}.header-select-group[data-v-0b08d89b]{flex:1;min-width:150px;margin-bottom:0}.header-select[data-v-0b08d89b]{width:100%;min-width:150px;margin-bottom:0}.header-key[data-v-0b08d89b]{flex:1;min-width:150px;margin-bottom:0}.header-value[data-v-0b08d89b]{flex:2;margin-bottom:0}.group-header[data-v-0b08d89b]{display:flex;justify-content:space-between;align-items:center}.headers-list[data-v-0b08d89b],.params-list[data-v-0b08d89b]{display:flex;flex-direction:column;gap:10px}.header-item[data-v-0b08d89b],.param-item[data-v-0b08d89b]{display:flex;gap:10px;align-items:center}.btn-remove[data-v-0b08d89b]{background:var(--error-color);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #f4433633}.btn-remove[data-v-0b08d89b]:hover{background:#d32f2f;transform:scale(1.1);box-shadow:0 4px 8px #f443364d}.body-textarea[data-v-0b08d89b]{resize:vertical;font-family:monospace}.generator-controls[data-v-0b08d89b]{display:flex;gap:10px;margin-top:10px}.btn-primary[data-v-0b08d89b]{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4299e133}.btn-primary[data-v-0b08d89b]:hover{background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-secondary[data-v-0b08d89b]{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem 1.75rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-0b08d89b]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}.btn-small[data-v-0b08d89b]{padding:.625rem 1.25rem;font-size:12px}.result-section[data-v-0b08d89b]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.result-header[data-v-0b08d89b]{background:var(--secondary-bg);padding:12px 16px;border-bottom:1px solid var(--border-color)}.result-stats[data-v-0b08d89b]{display:flex;justify-content:space-between;align-items:center}.result-stats span[data-v-0b08d89b]{font-size:14px;color:var(--text-secondary)}.top-right-copy-btn[data-v-0b08d89b]{background:var(--secondary-bg);border:1px solid var(--border-color);font-size:18px;cursor:pointer;color:var(--text-primary);transition:all .3s ease;padding:.5rem;border-radius:6px;box-shadow:0 2px 4px #00000014}.top-right-copy-btn[data-v-0b08d89b]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);transform:scale(1.1);box-shadow:0 4px 12px #4299e14d}.result-content[data-v-0b08d89b]{padding:16px;min-height:100px}.curl-output[data-v-0b08d89b]{background:var(--secondary-bg);padding:12px;border-radius:6px;font-family:monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0;border:1px solid var(--border-color)}.empty-result[data-v-0b08d89b]{color:var(--text-muted);text-align:center;padding:40px 20px;font-style:italic}.feature-card[data-v-0b08d89b]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;position:sticky;top:20px}.tool-info-section[data-v-0b08d89b]{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.tool-info-section h3[data-v-0b08d89b]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:left}.tool-meta[data-v-0b08d89b]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-0b08d89b]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:0;border-bottom:none}.meta-item[data-v-0b08d89b]:last-child{padding-bottom:0}.meta-label[data-v-0b08d89b]{color:var(--text-secondary);font-weight:500}.meta-value[data-v-0b08d89b]{color:var(--text-primary);font-weight:600}.tool-rating[data-v-0b08d89b]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-0b08d89b]{display:flex;gap:.25rem}.star[data-v-0b08d89b]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-0b08d89b],.star.hover[data-v-0b08d89b]{color:#ffc107}.rating-value[data-v-0b08d89b]{font-size:.875rem;color:var(--text-secondary);min-width:auto;font-weight:400;margin-left:0}.feature-list[data-v-0b08d89b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.feature-list h3[data-v-0b08d89b]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.feature-item[data-v-0b08d89b]{display:flex;gap:1rem;padding:.75rem;background:var(--secondary-bg);border-radius:6px;transition:transform .2s;align-items:flex-start;margin-bottom:0}.feature-item[data-v-0b08d89b]:hover{transform:translate(4px);background:var(--secondary-hover)}.feature-icon[data-v-0b08d89b]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-0b08d89b]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-0b08d89b]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-0b08d89b]{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0}.related-tools[data-v-0b08d89b]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.related-tools h3[data-v-0b08d89b]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.related-tools ul[data-v-0b08d89b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-0b08d89b]{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:none;font-size:.875rem}.related-tools a[data-v-0b08d89b]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease;display:inline}.related-tools a[data-v-0b08d89b]:hover{color:var(--primary-dark);text-decoration:underline}.related-tools li[data-v-0b08d89b]:hover{border-color:transparent;transform:none}@media (max-width: 768px){.converter-container[data-v-0b08d89b]{flex-direction:column}.basic-info-inputs[data-v-0b08d89b]{grid-template-columns:1fr}.header-item[data-v-0b08d89b],.param-item[data-v-0b08d89b]{flex-direction:column;align-items:stretch}.header-key[data-v-0b08d89b],.header-value[data-v-0b08d89b],.param-key[data-v-0b08d89b],.param-value[data-v-0b08d89b]{width:100%}.tool-info[data-v-0b08d89b]{grid-template-columns:1fr;gap:10px}.generator-controls[data-v-0b08d89b]{flex-direction:column}.btn-primary[data-v-0b08d89b],.btn-secondary[data-v-0b08d89b]{width:100%}}.json-java-converter[data-v-63601f02]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;background:#ffffff;padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.converter-container[data-v-63601f02]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;align-items:start;position:relative;z-index:2}.settings-panel[data-v-63601f02],.converter-card[data-v-63601f02],.feature-panel[data-v-63601f02]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e5e7eb;height:fit-content}.settings-panel[data-v-63601f02]{max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px;display:flex;flex-direction:column;gap:2rem}.feature-panel[data-v-63601f02]{position:sticky;top:20px;display:flex;flex-direction:column}.option-section[data-v-63601f02]{margin-bottom:1.5rem}.option-section h2[data-v-63601f02]{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color);text-align:left}.direction-options[data-v-63601f02]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;width:100%}.direction-option[data-v-63601f02]{padding:10px 16px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--secondary-bg);cursor:pointer;transition:all .3s;font-size:.875rem;font-weight:500;text-align:center;box-shadow:0 2px 6px #0000000d;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65px;width:100%;white-space:normal;word-wrap:break-word;line-height:1.4}.direction-option[data-v-63601f02]:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px #4299e133}.direction-option.active[data-v-63601f02]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.options-grid[data-v-63601f02]{display:flex;flex-direction:column;gap:1.5rem}.option-item[data-v-63601f02]{display:flex;flex-direction:column;gap:.5rem}.option-checkbox[data-v-63601f02]{width:1.25rem;height:1.25rem;cursor:pointer;align-self:flex-start;accent-color:var(--primary-color)}.button-section[data-v-63601f02]{display:flex;flex-direction:column;gap:1rem;background:var(--secondary-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.page-header[data-v-63601f02]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-63601f02]{font-size:2.5rem;color:var(--text-primary, #1e293b);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-63601f02]{color:var(--text-secondary, #64748b);font-size:1.125rem;max-width:600px;margin:0 auto}.converter-section[data-v-63601f02]{margin-bottom:2rem}.converter-section h2[data-v-63601f02]{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.converter-inputs[data-v-63601f02]{display:flex;flex-direction:column;gap:1.5rem}.input-group[data-v-63601f02]{display:flex;flex-direction:column;gap:.5rem;position:relative}.input-label[data-v-63601f02]{font-weight:600;color:var(--text-primary);font-size:.875rem}.input-field[data-v-63601f02]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary)}.input-textarea[data-v-63601f02]{resize:vertical;min-height:180px;font-family:Courier New,Courier,monospace}.input-field[data-v-63601f02]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.btn-primary[data-v-63601f02],.btn-secondary[data-v-63601f02]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001a}.btn-primary[data-v-63601f02]{background:var(--primary-color);color:#fff;box-shadow:0 2px 6px #4299e133}.btn-primary[data-v-63601f02]:hover{background:var(--primary-dark);transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #4299e166;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-secondary[data-v-63601f02]{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-63601f02]:hover{background:var(--primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d;border-color:var(--primary-dark);color:#fff}.btn-primary[data-v-63601f02]:disabled,.btn-secondary[data-v-63601f02]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.copy-btn[data-v-63601f02]{position:absolute;right:1rem;bottom:1rem;padding:.5rem 1rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.copy-btn[data-v-63601f02]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #4299e14d}.copy-btn[data-v-63601f02]:disabled{opacity:.6;cursor:not-allowed;background:var(--secondary-bg);color:var(--text-secondary);border:none;transform:none;box-shadow:none}.feature-card[data-v-63601f02]{background:transparent;border:none;box-shadow:none;padding:0}.feature-list[data-v-63601f02]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h2[data-v-63601f02]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;padding-bottom:0;border-bottom:none}.feature-item[data-v-63601f02]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-63601f02]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-63601f02]{font-size:1.25rem;color:var(--primary-color, #3b82f6);align-self:flex-start;margin-top:.125rem}.feature-content[data-v-63601f02]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-63601f02]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-63601f02]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-63601f02]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.related-tools h3[data-v-63601f02]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;padding-bottom:0;border-bottom:none}.related-tools ul[data-v-63601f02]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-63601f02]{display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;transition:none}.related-tools a[data-v-63601f02]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-63601f02]:hover{color:#0056b3;text-decoration:underline}.related-tools li[data-v-63601f02]:hover{border-color:transparent;transform:none}.tool-rating[data-v-63601f02]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-63601f02]{display:flex;gap:.25rem}.star[data-v-63601f02]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-63601f02],.star.hover[data-v-63601f02]{color:#ffc107;transform:none}.star[data-v-63601f02]:hover{color:#ffc107}.rating-value[data-v-63601f02]{font-size:.875rem;color:#666;font-weight:400}.info-section[data-v-63601f02]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-63601f02]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-63601f02]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-63601f02]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-63601f02]{color:#6b7280;font-weight:500}.meta-value[data-v-63601f02]{color:#374151;font-weight:600}.toast[data-v-63601f02]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #0003}.toast.success[data-v-63601f02]{background:#4caf50}.toast.error[data-v-63601f02]{background:#f44336}.toast.info[data-v-63601f02]{background:#2196f3}.toast.warning[data-v-63601f02]{background:#ff9800}@media (max-width: 1200px){.converter-container[data-v-63601f02]{grid-template-columns:300px 1fr 280px}}@media (max-width: 1024px){.converter-container[data-v-63601f02]{grid-template-columns:1fr;padding:0 var(--spacing-md)}.settings-panel[data-v-63601f02],.feature-panel[data-v-63601f02]{position:static;max-height:none}}@media (max-width: 768px){.json-java-converter[data-v-63601f02]{padding:2rem 0}.page-header[data-v-63601f02]{margin-bottom:2rem}.page-header h1[data-v-63601f02]{font-size:2rem}.converter-container[data-v-63601f02]{gap:1.5rem}.converter-card[data-v-63601f02],.settings-panel[data-v-63601f02],.feature-panel[data-v-63601f02]{padding:1.5rem;position:static}.options-grid[data-v-63601f02]{gap:1rem}.toast[data-v-63601f02]{top:1rem;right:1rem;left:1rem;text-align:center}}@media (max-width: 480px){.converter-container[data-v-63601f02]{gap:1rem}.converter-card[data-v-63601f02],.settings-panel[data-v-63601f02],.feature-panel[data-v-63601f02]{padding:1rem}}.settings-panel[data-v-63601f02]::-webkit-scrollbar{width:8px}.settings-panel[data-v-63601f02]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.settings-panel[data-v-63601f02]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.settings-panel[data-v-63601f02]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}