:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tool-card[data-v-6115f417]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow);border-radius:16px;padding:24px;transition:all .3s}@media (max-width:768px){.tool-card[data-v-6115f417]{border-radius:12px;padding:20px}}.tool-card[data-v-6115f417]:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-color);transform:translateY(-4px)}.tool-card-header[data-v-6115f417]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.tool-icon[data-v-6115f417]{font-size:48px;line-height:1}@media (max-width:768px){.tool-icon[data-v-6115f417]{font-size:40px}}.favorite-btn[data-v-6115f417]{cursor:pointer;opacity:.3;background:0 0;border:none;padding:4px;font-size:24px;transition:all .2s}.favorite-btn[data-v-6115f417]:hover{opacity:1;transform:scale(1.2)}.favorite-btn.active[data-v-6115f417]{opacity:1}.tool-name[data-v-6115f417]{color:var(--text-color);margin-bottom:8px;font-size:20px;font-weight:700}@media (max-width:768px){.tool-name[data-v-6115f417]{font-size:18px}}.tool-description[data-v-6115f417]{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.tool-tags[data-v-6115f417]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-6115f417]{background:var(--bg-color);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.tool-container[data-v-a8d8d978]{flex-direction:column;gap:20px;display:flex}.tool-controls[data-v-a8d8d978]{align-items:center;gap:16px;display:flex}.mode-selector[data-v-a8d8d978]{background:var(--bg-color);border-radius:10px;gap:8px;padding:4px;display:flex}.mode-btn[data-v-a8d8d978]{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.mode-btn.active[data-v-a8d8d978]{background:var(--primary-color);color:#fff}.swap-btn[data-v-a8d8d978]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.swap-btn[data-v-a8d8d978]:hover{background:var(--border-color)}.io-container[data-v-a8d8d978]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.io-section[data-v-a8d8d978]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-a8d8d978]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-a8d8d978]{color:var(--text-color);font-weight:600}.clear-btn[data-v-a8d8d978],.copy-btn[data-v-a8d8d978]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.clear-btn[data-v-a8d8d978]:hover,.copy-btn[data-v-a8d8d978]:hover{background:var(--border-color)}.io-textarea[data-v-a8d8d978]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;transition:border-color .2s}.io-textarea[data-v-a8d8d978]:focus{border-color:var(--primary-color)}.io-textarea[data-v-a8d8d978]::placeholder{color:var(--text-secondary)}@media (max-width:768px){.io-container[data-v-a8d8d978]{grid-template-columns:1fr}}.tool-container[data-v-6247e360]{flex-direction:column;gap:20px;display:flex}.status-bar[data-v-6247e360]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.status-indicator[data-v-6247e360]{align-items:center;gap:8px;font-weight:600;display:flex}.status-indicator.valid[data-v-6247e360]{color:#22c55e}.status-indicator.invalid[data-v-6247e360]{color:#ef4444}.status-icon[data-v-6247e360]{font-size:18px;font-weight:700}.json-stats[data-v-6247e360]{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.stat-item[data-v-6247e360]{background:var(--card-bg);cursor:help;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:flex}.tool-controls[data-v-6247e360]{flex-wrap:wrap;gap:12px;display:flex}.action-btn[data-v-6247e360]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.action-btn[data-v-6247e360]:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px)}.action-btn[data-v-6247e360]:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.primary[data-v-6247e360]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary[data-v-6247e360]:hover:not(:disabled){background:var(--primary-hover)}.error-message[data-v-6247e360]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6}.dark .error-message[data-v-6247e360]{color:#ff6b6b;background:#4a1515;border-left-color:#ff6b6b}.io-container[data-v-6247e360]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.io-section[data-v-6247e360]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-6247e360]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-6247e360]{color:var(--text-color);font-weight:600}.validation-badge[data-v-6247e360]{align-items:center;display:flex}.badge[data-v-6247e360]{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.badge.valid[data-v-6247e360]{color:#16a34a;background:#dcfce7}.badge.invalid[data-v-6247e360]{color:#dc2626;background:#fee2e2}.dark .badge.valid[data-v-6247e360]{color:#4ade80;background:#14532d}.dark .badge.invalid[data-v-6247e360]{color:#f87171;background:#7f1d1d}.copy-btn[data-v-6247e360]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-6247e360]:hover:not(:disabled){background:var(--border-color)}.copy-btn[data-v-6247e360]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-6247e360]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:400px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;transition:all .2s}.io-textarea[data-v-6247e360]:focus{border-color:var(--primary-color)}.io-textarea.textarea-valid[data-v-6247e360]{border-color:#22c55e}.io-textarea.textarea-valid[data-v-6247e360]:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e1a}.io-textarea.textarea-invalid[data-v-6247e360]{border-color:#ef4444}.io-textarea.textarea-invalid[data-v-6247e360]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.io-textarea[data-v-6247e360]::placeholder{color:var(--text-secondary)}@media (max-width:768px){.io-container[data-v-6247e360]{grid-template-columns:1fr}.status-bar[data-v-6247e360]{flex-direction:column;align-items:flex-start}.json-stats[data-v-6247e360]{gap:8px}.stat-item[data-v-6247e360]{font-size:12px}}.tool-container[data-v-ab39da5c]{flex-direction:column;gap:24px;display:flex}.settings-panel[data-v-ab39da5c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.setting-group[data-v-ab39da5c]{flex-direction:column;gap:8px;display:flex}.setting-group.horizontal[data-v-ab39da5c]{flex-direction:row;align-items:center;gap:12px}.setting-group label[data-v-ab39da5c]{color:var(--text-secondary);font-size:13px;font-weight:600}.number-input[data-v-ab39da5c]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;width:100px;padding:8px 12px;font-size:14px}.number-input[data-v-ab39da5c]:focus{border-color:var(--primary-color)}.checkbox-label[data-v-ab39da5c]{cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox][data-v-ab39da5c]{cursor:pointer;width:18px;height:18px}.generate-btn[data-v-ab39da5c],.copy-all-btn[data-v-ab39da5c]{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.generate-btn[data-v-ab39da5c]{background:var(--primary-color);color:#fff}.generate-btn[data-v-ab39da5c]:hover{background:var(--primary-hover);transform:translateY(-1px)}.copy-all-btn[data-v-ab39da5c]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.copy-all-btn[data-v-ab39da5c]:hover:not(:disabled){background:var(--border-color)}.copy-all-btn[data-v-ab39da5c]:disabled{opacity:.5;cursor:not-allowed}.results-container[data-v-ab39da5c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.results-header[data-v-ab39da5c]{border-bottom:1px solid var(--border-color);padding:16px 20px}.results-header h3[data-v-ab39da5c]{color:var(--text-color);font-size:16px;font-weight:600}.uuid-list[data-v-ab39da5c]{max-height:400px;overflow-y:auto}.uuid-item[data-v-ab39da5c]{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.uuid-item[data-v-ab39da5c]:last-child{border-bottom:none}.uuid-item[data-v-ab39da5c]:hover{background:var(--card-bg)}.uuid-text[data-v-ab39da5c]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px}.copy-icon[data-v-ab39da5c]{opacity:.3;transition:opacity .2s}.uuid-item:hover .copy-icon[data-v-ab39da5c]{opacity:1}@media (max-width:768px){.uuid-text[data-v-ab39da5c]{word-break:break-all;font-size:12px}}.tool-container[data-v-bf72e0fd]{flex-direction:column;gap:24px;display:flex}.settings-panel[data-v-bf72e0fd]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;gap:16px;padding:20px;display:flex}.setting-group[data-v-bf72e0fd]{flex-direction:column;gap:8px;display:flex}.setting-group label[data-v-bf72e0fd]{color:var(--text-secondary);font-size:13px;font-weight:600}.select-input[data-v-bf72e0fd]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.select-input[data-v-bf72e0fd]:focus{border-color:var(--primary-color)}.io-section[data-v-bf72e0fd]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-bf72e0fd]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-bf72e0fd]{color:var(--text-color);font-weight:600}.copy-btn[data-v-bf72e0fd]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-bf72e0fd]:hover:not(:disabled){background:var(--border-color)}.copy-btn[data-v-bf72e0fd]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-bf72e0fd]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:200px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;transition:border-color .2s}.io-textarea[data-v-bf72e0fd]:focus{border-color:var(--primary-color)}.io-textarea[data-v-bf72e0fd]::placeholder{color:var(--text-secondary)}.hash-output[data-v-bf72e0fd]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);word-break:break-all;border-radius:10px;min-height:60px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.8}.info-box[data-v-bf72e0fd]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-bf72e0fd]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-bf72e0fd]{margin:0;padding:0;list-style:none}.info-box li[data-v-bf72e0fd]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-bf72e0fd]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.settings-panel[data-v-bf72e0fd]{padding:16px}.io-textarea[data-v-bf72e0fd]{min-height:150px;font-size:13px}.hash-output[data-v-bf72e0fd]{padding:14px;font-size:13px}.info-box[data-v-bf72e0fd]{padding:16px}.info-box h4[data-v-bf72e0fd]{font-size:14px}.info-box li[data-v-bf72e0fd]{font-size:13px}}.tool-container[data-v-7080c094]{flex-direction:column;gap:20px;display:flex}.tool-controls[data-v-7080c094]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mode-selector[data-v-7080c094]{background:var(--bg-color);border-radius:10px;gap:8px;padding:4px;display:flex}.mode-btn[data-v-7080c094]{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.mode-btn.active[data-v-7080c094]{background:var(--primary-color);color:#fff}.swap-btn[data-v-7080c094],.example-btn[data-v-7080c094]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.swap-btn[data-v-7080c094]:hover,.example-btn[data-v-7080c094]:hover{background:var(--border-color)}.io-container[data-v-7080c094]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.io-section[data-v-7080c094]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-7080c094]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-7080c094]{color:var(--text-color);font-weight:600}.clear-btn[data-v-7080c094],.copy-btn[data-v-7080c094]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.clear-btn[data-v-7080c094]:hover,.copy-btn[data-v-7080c094]:hover{background:var(--border-color)}.io-textarea[data-v-7080c094]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:250px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;transition:border-color .2s}.io-textarea[data-v-7080c094]:focus{border-color:var(--primary-color)}.io-textarea[data-v-7080c094]::placeholder{color:var(--text-secondary)}.info-box[data-v-7080c094]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-7080c094]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box p[data-v-7080c094]{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.info-box ul[data-v-7080c094]{margin:0;padding:0;list-style:none}.info-box li[data-v-7080c094]{color:var(--text-secondary);padding:6px 0;font-family:Consolas,Monaco,monospace;font-size:14px}@media (max-width:768px){.io-container[data-v-7080c094]{grid-template-columns:1fr}}.tool-container[data-v-20220876]{flex-direction:column;gap:24px;display:flex}.color-preview[data-v-20220876]{border:2px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;height:200px;transition:all .3s;display:flex}.preview-label[data-v-20220876]{color:#fff;background:#00000080;border-radius:8px;padding:12px 24px;font-size:18px;font-weight:600}.color-formats[data-v-20220876]{gap:20px;display:grid}.format-section[data-v-20220876]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.format-header[data-v-20220876]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.format-header h3[data-v-20220876]{color:var(--text-color);font-size:16px;font-weight:700}.copy-btn[data-v-20220876]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.copy-btn[data-v-20220876]:hover{background:var(--border-color)}.format-input[data-v-20220876]{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:12px 16px;font-family:Consolas,Monaco,monospace;font-size:16px}.format-input[data-v-20220876]:focus{border-color:var(--primary-color)}.rgb-inputs[data-v-20220876]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.rgb-input-group[data-v-20220876]{flex-direction:column;gap:6px;display:flex}.rgb-input-group label[data-v-20220876]{color:var(--text-secondary);font-size:13px;font-weight:600}.number-input[data-v-20220876]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:10px;font-size:14px}.number-input[data-v-20220876]:focus{border-color:var(--primary-color)}.format-output[data-v-20220876]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;padding:12px 16px;font-family:Consolas,Monaco,monospace;font-size:14px}.hsl-info[data-v-20220876]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.hsl-item[data-v-20220876]{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;color:var(--text-color);border-radius:8px;padding:12px;font-size:14px}.hsl-label[data-v-20220876]{color:var(--primary-color);margin-right:4px;font-weight:700}.info-box[data-v-20220876]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-20220876]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-20220876]{margin:0;padding:0;list-style:none}.info-box li[data-v-20220876]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-20220876]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.color-picker-wrapper[data-v-20220876]{padding:16px}.color-preview[data-v-20220876]{height:120px}.picker-controls[data-v-20220876]{flex-direction:column;align-items:stretch}.formats-grid[data-v-20220876],.hsl-info[data-v-20220876]{grid-template-columns:1fr}.info-box[data-v-20220876]{padding:16px}}.tool-container[data-v-4ab6a838]{flex-direction:column;gap:24px;display:flex}.settings-panel[data-v-4ab6a838]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.setting-row[data-v-4ab6a838]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.setting-group[data-v-4ab6a838]{flex-direction:column;gap:8px;display:flex}.setting-group label[data-v-4ab6a838]{color:var(--text-color);font-size:14px;font-weight:600}.range-input[data-v-4ab6a838]{background:var(--border-color);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.range-input[data-v-4ab6a838]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:18px;height:18px}.number-input[data-v-4ab6a838]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.number-input[data-v-4ab6a838]:focus{border-color:var(--primary-color)}.checkbox-group[data-v-4ab6a838]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.checkbox-label[data-v-4ab6a838]{cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox][data-v-4ab6a838]{cursor:pointer;width:18px;height:18px}.strength-indicator[data-v-4ab6a838]{background:var(--card-bg);border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.action-buttons[data-v-4ab6a838]{gap:12px;display:flex}.generate-btn[data-v-4ab6a838],.copy-all-btn[data-v-4ab6a838]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.generate-btn[data-v-4ab6a838]{background:var(--primary-color);color:#fff}.generate-btn[data-v-4ab6a838]:hover{background:var(--primary-hover);transform:translateY(-1px)}.copy-all-btn[data-v-4ab6a838]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.copy-all-btn[data-v-4ab6a838]:hover:not(:disabled){background:var(--border-color)}.copy-all-btn[data-v-4ab6a838]:disabled{opacity:.5;cursor:not-allowed}.results-container[data-v-4ab6a838]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.results-header[data-v-4ab6a838]{border-bottom:1px solid var(--border-color);padding:16px 20px}.results-header h3[data-v-4ab6a838]{color:var(--text-color);font-size:16px;font-weight:600}.password-list[data-v-4ab6a838]{max-height:400px;overflow-y:auto}.password-item[data-v-4ab6a838]{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s;display:flex}.password-item[data-v-4ab6a838]:last-child{border-bottom:none}.password-item[data-v-4ab6a838]:hover{background:var(--card-bg)}.password-text[data-v-4ab6a838]{color:var(--text-color);letter-spacing:1px;font-family:Consolas,Monaco,monospace;font-size:14px}.copy-icon[data-v-4ab6a838]{opacity:.3;transition:opacity .2s}.password-item:hover .copy-icon[data-v-4ab6a838]{opacity:1}.info-box[data-v-4ab6a838]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-4ab6a838]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-4ab6a838]{margin:0;padding:0;list-style:none}.info-box li[data-v-4ab6a838]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li[data-v-4ab6a838]:before{content:"✓ ";color:var(--primary-color);margin-right:8px;font-weight:700}@media (max-width:768px){.setting-row[data-v-4ab6a838],.checkbox-group[data-v-4ab6a838]{grid-template-columns:1fr}.password-text[data-v-4ab6a838]{word-break:break-all;font-size:12px}}.tool-container[data-v-5e2c726e]{flex-direction:column;gap:24px;display:flex}.converter-section[data-v-5e2c726e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:24px;display:grid}.arrow[data-v-5e2c726e]{color:var(--text-secondary);font-size:32px}.input-section[data-v-5e2c726e]{flex-direction:column;gap:12px;display:flex}.section-header[data-v-5e2c726e]{justify-content:space-between;align-items:center;display:flex}.section-header h3[data-v-5e2c726e]{color:var(--text-color);font-size:16px;font-weight:600}.now-btn[data-v-5e2c726e]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.now-btn[data-v-5e2c726e]:hover{background:var(--primary-hover)}.input-field[data-v-5e2c726e]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:14px}.input-field[data-v-5e2c726e]:focus{border-color:var(--primary-color)}.copy-btn[data-v-5e2c726e]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-5e2c726e]:hover{background:var(--border-color)}.formats-container[data-v-5e2c726e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:24px}.formats-container h3[data-v-5e2c726e]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:600}.format-grid[data-v-5e2c726e]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.format-item[data-v-5e2c726e]{flex-direction:column;gap:8px;display:flex}.format-item label[data-v-5e2c726e]{color:var(--text-secondary);font-size:13px;font-weight:600}.format-value[data-v-5e2c726e]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;transition:all .2s;display:flex}.format-value[data-v-5e2c726e]:hover{background:var(--border-color)}.copy-hint[data-v-5e2c726e]{opacity:.3;transition:opacity .2s}.format-value:hover .copy-hint[data-v-5e2c726e]{opacity:1}.info-box[data-v-5e2c726e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-5e2c726e]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-5e2c726e]{margin:0;padding:0;list-style:none}.info-box li[data-v-5e2c726e]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-5e2c726e]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.converter-section[data-v-5e2c726e]{grid-template-columns:1fr}.arrow[data-v-5e2c726e]{transform:rotate(90deg)}.format-grid[data-v-5e2c726e]{grid-template-columns:1fr}}.tool-container[data-v-ce25e198]{flex-direction:column;gap:20px;display:flex}.tool-controls[data-v-ce25e198]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mode-selector[data-v-ce25e198]{background:var(--bg-color);border-radius:10px;gap:8px;padding:4px;display:flex}.mode-btn[data-v-ce25e198]{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.mode-btn.active[data-v-ce25e198]{background:var(--primary-color);color:#fff}.swap-btn[data-v-ce25e198],.example-btn[data-v-ce25e198]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.swap-btn[data-v-ce25e198]:hover,.example-btn[data-v-ce25e198]:hover{background:var(--border-color)}.io-container[data-v-ce25e198]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.io-section[data-v-ce25e198]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-ce25e198]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-ce25e198]{color:var(--text-color);font-weight:600}.clear-btn[data-v-ce25e198],.copy-btn[data-v-ce25e198]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.clear-btn[data-v-ce25e198]:hover,.copy-btn[data-v-ce25e198]:hover{background:var(--border-color)}.io-textarea[data-v-ce25e198]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:250px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;transition:border-color .2s}.io-textarea[data-v-ce25e198]:focus{border-color:var(--primary-color)}.entity-reference[data-v-ce25e198]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.entity-reference h4[data-v-ce25e198]{color:var(--text-color);margin-bottom:16px;font-size:15px}.entity-grid[data-v-ce25e198]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.entity-item[data-v-ce25e198]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.entity-char[data-v-ce25e198]{color:var(--text-color);text-align:center;min-width:30px;font-size:20px;font-weight:700}.entity-code[data-v-ce25e198]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:13px}.info-box[data-v-ce25e198]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-ce25e198]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box p[data-v-ce25e198]{color:var(--text-secondary);font-size:14px;line-height:1.6}@media (max-width:768px){.io-container[data-v-ce25e198]{grid-template-columns:1fr}.entity-grid[data-v-ce25e198]{grid-template-columns:repeat(2,1fr)}}.tool-container[data-v-5735c5e7]{flex-direction:column;gap:24px;display:flex}.input-section[data-v-5735c5e7]{flex-direction:column;gap:8px;display:flex}.section-header[data-v-5735c5e7]{justify-content:space-between;align-items:center;display:flex}.section-header label[data-v-5735c5e7]{color:var(--text-color);font-size:16px;font-weight:600}.example-btn[data-v-5735c5e7]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.example-btn[data-v-5735c5e7]:hover{background:var(--border-color)}.input-textarea[data-v-5735c5e7]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:120px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px}.input-textarea[data-v-5735c5e7]:focus{border-color:var(--primary-color)}.converter-grid[data-v-5735c5e7]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.converter-card[data-v-5735c5e7]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;padding:16px;transition:all .2s}.converter-card[data-v-5735c5e7]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header[data-v-5735c5e7]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header h4[data-v-5735c5e7]{color:var(--text-color);font-size:14px;font-weight:600}.mini-copy-btn[data-v-5735c5e7]{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .2s}.mini-copy-btn[data-v-5735c5e7]:hover{opacity:1}.card-content[data-v-5735c5e7]{background:var(--card-bg);border-radius:6px;align-items:center;min-height:50px;padding:12px;display:flex}.card-content code[data-v-5735c5e7]{color:var(--text-color);word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:14px}.info-box[data-v-5735c5e7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-5735c5e7]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-5735c5e7]{margin:0;padding:0;list-style:none}.info-box li[data-v-5735c5e7]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-5735c5e7]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.converter-grid[data-v-5735c5e7]{grid-template-columns:1fr}}.tool-container[data-v-ca848ed4]{flex-direction:column;gap:24px;display:flex}.editor-section[data-v-ca848ed4]{flex-direction:column;gap:8px;display:flex}.editor-header[data-v-ca848ed4]{justify-content:space-between;align-items:center;display:flex}.editor-header label[data-v-ca848ed4]{color:var(--text-color);font-size:16px;font-weight:600}.header-actions[data-v-ca848ed4]{gap:8px;display:flex}.action-btn[data-v-ca848ed4]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-ca848ed4]:hover{background:var(--border-color)}.editor-textarea[data-v-ca848ed4]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-size:15px;line-height:1.8}.editor-textarea[data-v-ca848ed4]:focus{border-color:var(--primary-color)}.stats-grid[data-v-ca848ed4]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card[data-v-ca848ed4]{background:var(--bg-color);border:2px solid var(--border-color);text-align:center;border-radius:12px;padding:20px;transition:all .2s}.stat-card[data-v-ca848ed4]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.stat-card.highlight[data-v-ca848ed4]{background:linear-gradient(135deg,var(--primary-color)0%,#2563eb 100%);border-color:var(--primary-color)}.stat-card.highlight .stat-icon[data-v-ca848ed4],.stat-card.highlight .stat-value[data-v-ca848ed4],.stat-card.highlight .stat-label[data-v-ca848ed4]{color:#fff}.stat-icon[data-v-ca848ed4]{margin-bottom:8px;font-size:32px}.stat-value[data-v-ca848ed4]{color:var(--text-color);margin-bottom:4px;font-size:28px;font-weight:700}.stat-label[data-v-ca848ed4]{color:var(--text-secondary);font-size:13px;font-weight:500}.info-box[data-v-ca848ed4]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-ca848ed4]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-ca848ed4]{margin:0;padding:0;list-style:none}.info-box li[data-v-ca848ed4]{color:var(--text-secondary);padding:6px 0;font-size:14px;line-height:1.6}.info-box li[data-v-ca848ed4]:before{content:"• ";color:var(--primary-color);margin-right:8px;font-weight:700}@media (max-width:768px){.stats-grid[data-v-ca848ed4]{grid-template-columns:repeat(2,1fr)}}.tool-container[data-v-806522e6]{flex-direction:column;gap:24px;display:flex}.converter-grid[data-v-806522e6]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.base-card[data-v-806522e6]{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.base-card[data-v-806522e6]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.base-header[data-v-806522e6]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.base-header h3[data-v-806522e6]{color:var(--text-color);font-size:16px;font-weight:700}.base-info[data-v-806522e6]{color:var(--text-secondary);background:var(--card-bg);border-radius:4px;padding:4px 8px;font-size:12px}.base-input[data-v-806522e6]{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;margin-bottom:12px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:600}.base-input[data-v-806522e6]:focus{border-color:var(--primary-color)}.base-footer[data-v-806522e6]{justify-content:space-between;align-items:center;display:flex}.base-desc[data-v-806522e6]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:13px}.copy-btn[data-v-806522e6]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.copy-btn[data-v-806522e6]:hover{background:var(--border-color)}.conversion-table[data-v-806522e6]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.conversion-table h3[data-v-806522e6]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:600}.table-wrapper[data-v-806522e6]{overflow-x:auto}table[data-v-806522e6]{border-collapse:collapse;width:100%}thead[data-v-806522e6]{background:var(--card-bg)}th[data-v-806522e6]{text-align:left;color:var(--text-color);border-bottom:2px solid var(--border-color);padding:12px;font-size:14px;font-weight:600}td[data-v-806522e6]{color:var(--text-color);border-bottom:1px solid var(--border-color);padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:14px}tbody tr[data-v-806522e6]:hover{background:var(--card-bg)}.info-box[data-v-806522e6]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-806522e6]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-806522e6]{margin:0;padding:0;list-style:none}.info-box li[data-v-806522e6]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-806522e6]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.converter-grid[data-v-806522e6]{grid-template-columns:1fr}}.tool-container[data-v-023527bb]{flex-direction:column;gap:20px;display:flex}.pattern-section[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.pattern-header[data-v-023527bb]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pattern-header label[data-v-023527bb]{color:var(--text-color);font-size:16px;font-weight:600}.error-badge[data-v-023527bb]{color:#c33;background:#fee;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.success-badge[data-v-023527bb]{color:#3c3;background:#efe;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.dark .error-badge[data-v-023527bb]{color:#ff6b6b;background:#4a1515}.dark .success-badge[data-v-023527bb]{color:#5cff5c;background:#1a4a1a}.pattern-input-wrapper[data-v-023527bb]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;align-items:center;gap:4px;margin-bottom:16px;padding:8px 12px;display:flex}.pattern-input-wrapper[data-v-023527bb]:focus-within{border-color:var(--primary-color)}.delimiter[data-v-023527bb]{color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:700}.pattern-input[data-v-023527bb]{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-family:Consolas,Monaco,monospace;font-size:16px}.flags-input[data-v-023527bb]{width:60px;color:var(--text-color);background:0 0;border:none;outline:none;font-family:Consolas,Monaco,monospace;font-size:16px}.flags-checkboxes[data-v-023527bb]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.flag-checkbox[data-v-023527bb]{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.flag-checkbox input[data-v-023527bb]{cursor:pointer}.examples-section[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px}.examples-section h4[data-v-023527bb]{color:var(--text-color);margin-bottom:12px;font-size:14px}.examples-grid[data-v-023527bb]{flex-wrap:wrap;gap:8px;display:flex}.example-btn[data-v-023527bb]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.example-btn[data-v-023527bb]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.test-section[data-v-023527bb],.results-section[data-v-023527bb],.replace-section[data-v-023527bb]{flex-direction:column;gap:8px;display:flex}.section-header[data-v-023527bb]{justify-content:space-between;align-items:center;display:flex}.section-header label[data-v-023527bb]{color:var(--text-color);font-size:16px;font-weight:600}.match-count[data-v-023527bb]{background:var(--primary-color);color:#fff;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.test-textarea[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:150px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px}.test-textarea[data-v-023527bb]:focus{border-color:var(--primary-color)}.highlighted-text[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);word-break:break-all;border-radius:10px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.8}.highlighted-text[data-v-023527bb] mark{color:#000;background:gold;border-radius:3px;padding:2px 4px;font-weight:600}.matches-section[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.matches-section h4[data-v-023527bb]{color:var(--text-color);margin-bottom:16px;font-size:16px}.matches-list[data-v-023527bb]{flex-direction:column;gap:12px;display:flex}.match-item[data-v-023527bb]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px}.match-header[data-v-023527bb]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.match-index[data-v-023527bb]{color:var(--primary-color);font-size:13px;font-weight:600}.mini-copy[data-v-023527bb]{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:14px;transition:opacity .2s}.mini-copy[data-v-023527bb]:hover{opacity:1}.match-content[data-v-023527bb]{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-text[data-v-023527bb]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.match-position[data-v-023527bb]{color:var(--text-secondary);font-size:12px}.replace-input[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:14px}.replace-input[data-v-023527bb]:focus{border-color:var(--primary-color)}.replace-result[data-v-023527bb]{flex-direction:column;gap:8px;margin-top:12px;display:flex}.result-text[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);word-break:break-all;border-radius:10px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px}.copy-btn[data-v-023527bb]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-023527bb]:hover{background:var(--border-color)}@media (max-width:768px){.settings-panel[data-v-023527bb]{padding:16px}.io-textarea[data-v-023527bb]{min-height:150px;font-size:13px}.results-panel[data-v-023527bb]{padding:16px}.matches-grid[data-v-023527bb]{grid-template-columns:1fr}.result-text[data-v-023527bb]{font-size:13px}}.tool-container[data-v-23138e2c]{flex-direction:column;gap:20px;display:flex}.options-panel[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.options-panel h4[data-v-23138e2c]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:600}.options-grid[data-v-23138e2c]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.option-checkbox[data-v-23138e2c]{cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.option-checkbox input[type=checkbox][data-v-23138e2c]{cursor:pointer;width:18px;height:18px}.stats-bar[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.stat[data-v-23138e2c]{align-items:center;gap:8px;display:flex}.stat.removed[data-v-23138e2c]{background:var(--primary-color);border-radius:8px;margin-left:auto;padding:8px 16px}.stat.removed .stat-label[data-v-23138e2c],.stat.removed .stat-value[data-v-23138e2c]{color:#fff}.stat-label[data-v-23138e2c]{color:var(--text-secondary);font-size:14px}.stat-value[data-v-23138e2c]{color:var(--text-color);font-size:16px;font-weight:700}.stat-arrow[data-v-23138e2c]{color:var(--text-secondary);font-size:20px}.io-container[data-v-23138e2c]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.io-section[data-v-23138e2c]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-23138e2c]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-23138e2c]{color:var(--text-color);font-size:16px;font-weight:600}.header-actions[data-v-23138e2c]{gap:8px;display:flex}.action-btn[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-23138e2c]:hover{background:var(--border-color)}.copy-btn[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-23138e2c]:hover{background:var(--border-color)}.io-textarea[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.8}.io-textarea[data-v-23138e2c]:focus{border-color:var(--primary-color)}.info-box[data-v-23138e2c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-23138e2c]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-23138e2c]{margin:0;padding:0;list-style:none}.info-box li[data-v-23138e2c]{color:var(--text-secondary);padding:8px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-23138e2c]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.io-container[data-v-23138e2c]{grid-template-columns:1fr}.stats-bar[data-v-23138e2c]{flex-direction:column;align-items:flex-start}.stat.removed[data-v-23138e2c]{margin-left:0}}.tool-container[data-v-19f025f7]{flex-direction:column;gap:24px;display:flex}.settings-panel[data-v-19f025f7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.settings-grid[data-v-19f025f7]{grid-template-columns:2fr 1fr;gap:20px;display:grid}.setting-group[data-v-19f025f7]{flex-direction:column;gap:8px;display:flex}.setting-group label[data-v-19f025f7]{color:var(--text-color);font-size:14px;font-weight:600}.range-input[data-v-19f025f7]{background:var(--border-color);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.range-input[data-v-19f025f7]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:18px;height:18px}.select-input[data-v-19f025f7]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.select-input[data-v-19f025f7]:focus{border-color:var(--primary-color)}.checkbox-label[data-v-19f025f7]{cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox][data-v-19f025f7]{cursor:pointer;width:18px;height:18px}.output-section[data-v-19f025f7]{flex-direction:column;gap:8px;display:flex}.output-header[data-v-19f025f7]{justify-content:space-between;align-items:center;display:flex}.output-header label[data-v-19f025f7]{color:var(--text-color);font-size:16px;font-weight:600}.copy-btn[data-v-19f025f7]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.copy-btn[data-v-19f025f7]:hover{background:var(--primary-hover);transform:translateY(-1px)}.output-text[data-v-19f025f7]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);white-space:pre-wrap;border-radius:12px;min-height:300px;max-height:500px;padding:24px;font-size:15px;line-height:1.8;overflow-y:auto}.quick-actions[data-v-19f025f7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.quick-actions h4[data-v-19f025f7]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:600}.actions-grid[data-v-19f025f7]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.quick-btn[data-v-19f025f7]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.quick-btn[data-v-19f025f7]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.info-box[data-v-19f025f7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-19f025f7]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box p[data-v-19f025f7]{color:var(--text-secondary);margin:0;padding:8px 0;font-size:14px;line-height:1.6}@media (max-width:768px){.settings-grid[data-v-19f025f7]{grid-template-columns:1fr}.actions-grid[data-v-19f025f7]{grid-template-columns:repeat(2,1fr)}}.tool-container[data-v-c4cae522]{flex-direction:column;gap:24px;display:flex}.category-selector[data-v-c4cae522]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.category-btn[data-v-c4cae522]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.category-btn[data-v-c4cae522]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.category-btn.active[data-v-c4cae522]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.category-icon[data-v-c4cae522]{font-size:18px}.converter-section[data-v-c4cae522]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:24px;display:grid}.unit-card[data-v-c4cae522]{flex-direction:column;gap:12px;display:flex}.unit-card label[data-v-c4cae522]{color:var(--text-secondary);font-size:14px;font-weight:600}.unit-select[data-v-c4cae522]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:12px;font-size:14px}.unit-select[data-v-c4cae522]:focus{border-color:var(--primary-color)}.value-input[data-v-c4cae522]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:10px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:700}.value-input[data-v-c4cae522]:focus{border-color:var(--primary-color)}.result-display[data-v-c4cae522]{background:var(--primary-color);border-radius:10px;justify-content:space-between;align-items:center;min-height:70px;padding:16px;display:flex}.result-value[data-v-c4cae522]{color:#fff;word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:700}.copy-icon[data-v-c4cae522]{cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px 12px;font-size:18px;transition:all .2s}.copy-icon[data-v-c4cae522]:hover{background:#ffffff4d;transform:scale(1.1)}.swap-btn[data-v-c4cae522]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--text-color);border-radius:50%;font-size:24px;transition:all .2s}.swap-btn[data-v-c4cae522]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:rotate(180deg)}.conversion-table[data-v-c4cae522]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:24px}.conversion-table h3[data-v-c4cae522]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:600}.table-grid[data-v-c4cae522]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.table-item[data-v-c4cae522]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px 16px;transition:all .2s}.table-item[data-v-c4cae522]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.table-item.active[data-v-c4cae522]{background:var(--primary-color);border-color:var(--primary-color)}.table-item.active .table-unit[data-v-c4cae522],.table-item.active .table-value[data-v-c4cae522]{color:#fff}.table-unit[data-v-c4cae522]{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600}.table-value[data-v-c4cae522]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700}.info-box[data-v-c4cae522]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-box h4[data-v-c4cae522]{color:var(--text-color);margin-bottom:12px;font-size:15px}.info-box ul[data-v-c4cae522]{margin:0;padding:0;list-style:none}.info-box li[data-v-c4cae522]{color:var(--text-secondary);padding:6px 0;font-size:14px;line-height:1.6}.info-box li[data-v-c4cae522]:before{content:"✓ ";color:var(--primary-color);margin-right:8px;font-weight:700}@media (max-width:768px){.converter-section[data-v-c4cae522]{grid-template-columns:1fr}.swap-btn[data-v-c4cae522]{transform:rotate(90deg)}.swap-btn[data-v-c4cae522]:hover{transform:rotate(270deg)}.category-selector[data-v-c4cae522]{gap:6px}.category-btn[data-v-c4cae522]{padding:8px 12px;font-size:13px}.table-grid[data-v-c4cae522]{grid-template-columns:1fr}}.tool-container[data-v-472423fa]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-472423fa]{flex-direction:column;gap:8px;display:flex}.section-header[data-v-472423fa]{justify-content:space-between;align-items:center;display:flex}.section-header label[data-v-472423fa]{color:var(--text-color);font-size:16px;font-weight:600}.header-actions[data-v-472423fa]{gap:8px;display:flex}.action-btn[data-v-472423fa]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-472423fa]:hover{background:var(--border-color)}.jwt-input[data-v-472423fa]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:80px;color:var(--text-color);resize:vertical;word-break:break-all;border-radius:10px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.jwt-input[data-v-472423fa]:focus{border-color:var(--primary-color)}.parse-btn[data-v-472423fa]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.parse-btn[data-v-472423fa]:hover{background:var(--primary-hover);transform:translateY(-1px)}.error-message[data-v-472423fa]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:14px}.dark .error-message[data-v-472423fa]{color:#ff6b6b;background:#4a1515;border-left-color:#ff6b6b}.results-container[data-v-472423fa]{flex-direction:column;gap:16px;display:flex}.result-card[data-v-472423fa]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.card-header[data-v-472423fa]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header h3[data-v-472423fa]{color:var(--text-color);font-size:16px;font-weight:700}.copy-btn[data-v-472423fa]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-472423fa]:hover{background:var(--border-color)}.json-display[data-v-472423fa]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);white-space:pre;text-align:left;border-radius:8px;margin-bottom:12px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.info-grid[data-v-472423fa]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.info-item[data-v-472423fa]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.info-label[data-v-472423fa]{color:var(--text-secondary);font-size:12px;font-weight:600}.info-value[data-v-472423fa]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px}.claims-section[data-v-472423fa]{margin-top:12px}.claims-section h4[data-v-472423fa]{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:600}.claim-item[data-v-472423fa]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.claim-label[data-v-472423fa]{color:var(--text-secondary);min-width:140px;font-size:13px;font-weight:600}.claim-value[data-v-472423fa]{color:var(--text-color);flex:1;justify-content:flex-end;align-items:center;gap:8px;font-family:Consolas,Monaco,monospace;font-size:14px;display:flex}.claim-value.expired[data-v-472423fa]{color:#c33}.claim-value.valid[data-v-472423fa]{color:#3c3}.status-badge[data-v-472423fa]{color:#c33;text-transform:uppercase;background:#fee;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.status-badge.valid[data-v-472423fa]{color:#3c3;background:#efe}.dark .status-badge[data-v-472423fa]{color:#ff6b6b;background:#4a1515}.dark .status-badge.valid[data-v-472423fa]{color:#5cff5c;background:#1a4a1a}.signature-display[data-v-472423fa]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);word-break:break-all;border-radius:8px;margin-bottom:10px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5}.signature-note[data-v-472423fa]{color:#856404;background:#fff8dc;border-left:4px solid #ffc107;border-radius:6px;padding:10px;font-size:13px}.dark .signature-note[data-v-472423fa]{color:#ffc107;background:#3a3a1a}.info-box[data-v-472423fa]{background:var(--bg-color);border:1px solid var(--border-color);text-align:left;border-radius:12px;padding:16px}.info-box h4[data-v-472423fa]{color:var(--text-color);text-align:left;margin-top:12px;margin-bottom:8px;font-size:14px}.info-box h4[data-v-472423fa]:first-child{margin-top:0}.info-box p[data-v-472423fa]{color:var(--text-secondary);text-align:left;margin:8px 0;font-size:14px;line-height:1.6}.info-box ul[data-v-472423fa]{margin:8px 0;padding:0;list-style:none}.info-table[data-v-472423fa]{border-collapse:collapse;background:var(--card-bg);border-radius:8px;width:100%;margin:10px 0;overflow:hidden}.info-table thead[data-v-472423fa]{background:var(--primary-color)}.info-table th[data-v-472423fa]{text-align:left;color:#fff;padding:10px 12px;font-size:13px;font-weight:600}.info-table td[data-v-472423fa]{color:var(--text-color);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:13px}.info-table tbody tr:last-child td[data-v-472423fa]{border-bottom:none}.info-table tbody tr[data-v-472423fa]:hover{background:var(--bg-color)}.info-table code[data-v-472423fa]{background:var(--bg-color);color:var(--primary-color);border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600}.info-box li[data-v-472423fa]{color:var(--text-secondary);text-align:left;padding:6px 0;font-size:14px;line-height:1.6}.info-box li strong[data-v-472423fa]{color:var(--primary-color);font-weight:600}.warning[data-v-472423fa]{color:#856404;background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin-top:10px;padding:10px}.dark .warning[data-v-472423fa]{color:#ffc107;background:#3a3a1a}@media (max-width:768px){.claim-item[data-v-472423fa]{flex-direction:column;align-items:flex-start}.claim-label[data-v-472423fa]{min-width:auto}.claim-value[data-v-472423fa]{justify-content:flex-start}}.tool-container[data-v-24ce4226]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-24ce4226]{flex-direction:column;gap:8px;display:flex}.section-header[data-v-24ce4226]{justify-content:space-between;align-items:center;display:flex}.section-header label[data-v-24ce4226],.section-header h3[data-v-24ce4226]{color:var(--text-color);font-size:16px;font-weight:600}.header-actions[data-v-24ce4226]{gap:8px;display:flex}.action-btn[data-v-24ce4226]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-24ce4226]:hover:not(:disabled){background:var(--border-color)}.action-btn[data-v-24ce4226]:disabled{opacity:.5;cursor:not-allowed}.text-input[data-v-24ce4226]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:80px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-size:14px;line-height:1.6}.text-input[data-v-24ce4226]:focus{border-color:var(--primary-color)}.templates-section[data-v-24ce4226]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.templates-section h4[data-v-24ce4226]{color:var(--text-color);margin-bottom:8px;font-size:13px;font-weight:600}.templates-grid[data-v-24ce4226]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.template-btn[data-v-24ce4226]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.template-btn[data-v-24ce4226]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.settings-section[data-v-24ce4226]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:12px;display:grid}.setting-group[data-v-24ce4226]{flex-direction:column;gap:8px;display:flex}.setting-group label[data-v-24ce4226]{color:var(--text-color);font-size:13px;font-weight:600}.range-input[data-v-24ce4226]{background:var(--border-color);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.range-input[data-v-24ce4226]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:18px;height:18px}.size-labels[data-v-24ce4226]{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.error-level-btns[data-v-24ce4226]{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.level-btn[data-v-24ce4226]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.level-btn[data-v-24ce4226]:hover{border-color:var(--primary-color)}.level-btn.active[data-v-24ce4226]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preview-section[data-v-24ce4226]{flex-direction:column;gap:8px;display:flex}.download-btn[data-v-24ce4226]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.download-btn[data-v-24ce4226]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.download-btn[data-v-24ce4226]:disabled{opacity:.5;cursor:not-allowed}.qrcode-container[data-v-24ce4226]{background:var(--bg-color);border:2px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.qrcode-image[data-v-24ce4226]{border-radius:8px;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.loading[data-v-24ce4226]{color:var(--text-secondary);font-size:16px;animation:1.5s ease-in-out infinite pulse-24ce4226}@keyframes pulse-24ce4226{0%,to{opacity:1}50%{opacity:.5}}.empty-state[data-v-24ce4226]{text-align:center;color:var(--text-secondary)}.empty-icon[data-v-24ce4226]{margin-bottom:12px;font-size:48px}.empty-state p[data-v-24ce4226]{font-size:13px}.info-box[data-v-24ce4226]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-24ce4226]{color:var(--text-color);margin-top:12px;margin-bottom:8px;font-size:13px}.info-box h4[data-v-24ce4226]:first-child{margin-top:0}.info-table[data-v-24ce4226]{border-collapse:collapse;background:var(--card-bg);border-radius:8px;width:100%;margin:8px 0;overflow:hidden}.info-table thead[data-v-24ce4226]{background:var(--primary-color)}.info-table th[data-v-24ce4226]{text-align:left;color:#fff;padding:8px 10px;font-size:12px;font-weight:600}.info-table td[data-v-24ce4226]{color:var(--text-color);border-bottom:1px solid var(--border-color);padding:8px 10px;font-size:12px}.info-table tbody tr:last-child td[data-v-24ce4226]{border-bottom:none}.info-table tbody tr[data-v-24ce4226]:hover{background:var(--bg-color)}.info-box ul[data-v-24ce4226]{margin:6px 0;padding:0;list-style:none}.info-box li[data-v-24ce4226]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li strong[data-v-24ce4226]{color:var(--primary-color);font-weight:600}@media (max-width:768px){.settings-section[data-v-24ce4226]{grid-template-columns:1fr}.templates-grid[data-v-24ce4226]{grid-template-columns:repeat(2,1fr)}}.calculator[data-v-dc9d9531]{background:var(--card-bg);max-width:400px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto;padding:20px}.display-section[data-v-dc9d9531]{margin-bottom:16px;position:relative}.memory-indicator[data-v-dc9d9531]{color:var(--primary-color);font-size:12px;font-weight:700;position:absolute;top:8px;left:12px}.display[data-v-dc9d9531]{background:var(--bg-color);border:2px solid var(--border-color);text-align:right;color:var(--text-color);word-break:break-all;border-radius:12px;min-height:60px;padding:20px;font-family:Consolas,Monaco,monospace;font-size:32px;font-weight:700;overflow:auto}.operator-display[data-v-dc9d9531]{color:var(--primary-color);font-size:16px;font-weight:700;position:absolute;top:8px;right:12px}.mode-toggle[data-v-dc9d9531]{gap:8px;margin-bottom:16px;display:flex}.mode-btn[data-v-dc9d9531],.angle-btn[data-v-dc9d9531]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.mode-btn[data-v-dc9d9531]:hover,.angle-btn[data-v-dc9d9531]:hover{background:var(--primary-hover)}.calculator-body[data-v-dc9d9531]{flex-direction:column;gap:12px;display:flex}.scientific-panel[data-v-dc9d9531]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sci-btn[data-v-dc9d9531]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.sci-btn[data-v-dc9d9531]:hover{background:var(--border-color);transform:translateY(-1px)}.sci-btn[data-v-dc9d9531]:active{transform:translateY(0)}.buttons-grid[data-v-dc9d9531]{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}button[data-v-dc9d9531]{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;padding:16px;font-size:18px;font-weight:600;transition:all .2s}.mem-btn[data-v-dc9d9531]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px}.mem-btn[data-v-dc9d9531]:hover{background:var(--border-color)}.func-btn[data-v-dc9d9531]{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.func-btn[data-v-dc9d9531]:hover{background:var(--border-color)}.num-btn[data-v-dc9d9531]{background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color)}.num-btn[data-v-dc9d9531]:hover{background:var(--bg-color);transform:translateY(-2px)}.num-btn[data-v-dc9d9531]:active{transform:translateY(0)}.operator-btn[data-v-dc9d9531]{background:var(--primary-color);color:#fff}.operator-btn[data-v-dc9d9531]:hover{background:var(--primary-hover);transform:translateY(-2px)}.operator-btn[data-v-dc9d9531]:active{transform:translateY(0)}.equals-btn[data-v-dc9d9531]{color:#fff;background:#10b981}.equals-btn[data-v-dc9d9531]:hover{background:#059669;transform:translateY(-2px)}.equals-btn[data-v-dc9d9531]:active{transform:translateY(0)}@media (max-width:768px){.calculator[data-v-dc9d9531]{max-width:100%}.buttons-grid[data-v-dc9d9531]{grid-template-columns:repeat(5,1fr)}button[data-v-dc9d9531]{padding:14px;font-size:16px}}.tool-container[data-v-ea225c4e]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.calc-card[data-v-ea225c4e],.reference-card[data-v-ea225c4e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.calc-card h3[data-v-ea225c4e],.reference-card h3[data-v-ea225c4e]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:700}.input-row[data-v-ea225c4e]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.input-group[data-v-ea225c4e]{flex-direction:column;flex:1;gap:6px;min-width:100px;display:flex}.input-group label[data-v-ea225c4e]{color:var(--text-secondary);font-size:12px;font-weight:600}.input-field[data-v-ea225c4e]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;min-width:80px;padding:12px;font-size:16px;font-weight:600}.input-field[data-v-ea225c4e]:focus{border-color:var(--primary-color)}.operator[data-v-ea225c4e]{color:var(--text-secondary);font-size:14px;font-weight:600}.result-box[data-v-ea225c4e]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.result-box.secondary[data-v-ea225c4e]{background:var(--bg-color);border:1px solid var(--border-color);padding:12px 16px}.result-label[data-v-ea225c4e]{color:var(--text-secondary);font-size:13px;font-weight:600}.result-value[data-v-ea225c4e]{color:var(--primary-color);text-align:center;flex:1;font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:700}.result-value.positive[data-v-ea225c4e]{color:#10b981}.result-value.negative[data-v-ea225c4e]{color:#ef4444}.result-value.discount[data-v-ea225c4e]{color:#ef4444;font-size:18px}.result-value.final[data-v-ea225c4e]{color:var(--primary-color);font-size:20px}.result-value.saved[data-v-ea225c4e]{color:#10b981;font-size:18px}.copy-btn[data-v-ea225c4e]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:16px;transition:all .2s}.copy-btn[data-v-ea225c4e]:hover{background:var(--primary-hover);transform:scale(1.05)}.copy-btn-small[data-v-ea225c4e]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.copy-btn-small[data-v-ea225c4e]:hover{background:var(--border-color)}.result-grid[data-v-ea225c4e]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-item[data-v-ea225c4e]{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:12px;position:relative}.result-item .result-label[data-v-ea225c4e]{margin-bottom:6px;font-size:11px}.result-item .result-value[data-v-ea225c4e]{font-size:18px}.visual-bar[data-v-ea225c4e]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;height:40px;margin-top:12px;position:relative;overflow:hidden}.bar-fill[data-v-ea225c4e]{background:linear-gradient(90deg,var(--primary-color),#2563eb);height:100%;transition:width .3s}.bar-label[data-v-ea225c4e]{color:var(--text-color);text-shadow:0 0 4px #0000004d;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reference-grid[data-v-ea225c4e]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;display:grid}.ref-item[data-v-ea225c4e]{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:12px}.ref-percent[data-v-ea225c4e]{color:var(--primary-color);margin-bottom:4px;font-size:18px;font-weight:700}.ref-decimal[data-v-ea225c4e]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:13px}@media (max-width:768px){.tool-container[data-v-ea225c4e],.result-grid[data-v-ea225c4e]{grid-template-columns:1fr}.input-row[data-v-ea225c4e]{flex-direction:column;align-items:stretch}.input-field[data-v-ea225c4e]{min-width:auto}}.tool-container[data-v-f5c5c9c1]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-f5c5c9c1]{flex-direction:column;gap:8px;display:flex}.section-header[data-v-f5c5c9c1]{justify-content:space-between;align-items:center;display:flex}.section-header label[data-v-f5c5c9c1]{color:var(--text-color);font-size:16px;font-weight:600}.header-actions[data-v-f5c5c9c1]{gap:8px;display:flex}.action-btn[data-v-f5c5c9c1]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-f5c5c9c1]:hover{background:var(--border-color)}.input-row[data-v-f5c5c9c1]{gap:12px;display:flex}.ip-input[data-v-f5c5c9c1]{background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:12px;font-family:Consolas,Monaco,monospace;font-size:15px}.ip-input[data-v-f5c5c9c1]:focus{border-color:var(--primary-color)}.lookup-btn[data-v-f5c5c9c1]{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.lookup-btn[data-v-f5c5c9c1]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.lookup-btn[data-v-f5c5c9c1]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-f5c5c9c1]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:14px}.dark .error-message[data-v-f5c5c9c1]{color:#ff6b6b;background:#4a1515}.loading-state[data-v-f5c5c9c1]{text-align:center;color:var(--text-secondary);padding:40px}.spinner[data-v-f5c5c9c1]{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin-f5c5c9c1}@keyframes spin-f5c5c9c1{to{transform:rotate(360deg)}}.result-section[data-v-f5c5c9c1]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-f5c5c9c1]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.result-header h3[data-v-f5c5c9c1]{color:var(--text-color);font-size:16px;font-weight:700}.copy-btn[data-v-f5c5c9c1]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-f5c5c9c1]:hover{background:var(--border-color)}.info-grid[data-v-f5c5c9c1]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.info-item[data-v-f5c5c9c1]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.info-item.full-width[data-v-f5c5c9c1]{grid-column:1/-1}.info-label[data-v-f5c5c9c1]{color:var(--text-secondary);min-width:60px;font-size:12px;font-weight:600}.info-value[data-v-f5c5c9c1]{color:var(--text-color);flex:1;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.mini-copy[data-v-f5c5c9c1]{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:opacity .2s}.mini-copy[data-v-f5c5c9c1]:hover{opacity:1}.map-link[data-v-f5c5c9c1]{text-align:center;margin-top:16px}.map-btn[data-v-f5c5c9c1]{background:var(--primary-color);color:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.map-btn[data-v-f5c5c9c1]:hover{background:var(--primary-hover);transform:translateY(-1px)}.info-box[data-v-f5c5c9c1]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-f5c5c9c1]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-f5c5c9c1]{margin:0;padding:0;list-style:none}.info-box li[data-v-f5c5c9c1]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-f5c5c9c1]:before{content:"• ";color:var(--primary-color);margin-right:8px;font-weight:700}@media (max-width:768px){.input-row[data-v-f5c5c9c1]{flex-direction:column}.info-grid[data-v-f5c5c9c1]{grid-template-columns:1fr}}.tool-container[data-v-a4ec9cd9]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-a4ec9cd9]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:2fr 1fr;gap:16px;padding:16px;display:grid}.input-group[data-v-a4ec9cd9]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-a4ec9cd9]{color:var(--text-color);font-size:13px;font-weight:600}.cidr-input[data-v-a4ec9cd9]{align-items:center;gap:8px;display:flex}.slash[data-v-a4ec9cd9]{color:var(--text-secondary);font-size:24px;font-weight:700}.input-field[data-v-a4ec9cd9]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:15px;font-weight:600}.input-field[data-v-a4ec9cd9]:focus{border-color:var(--primary-color)}.result-section[data-v-a4ec9cd9]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-section h3[data-v-a4ec9cd9]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:700}.info-grid[data-v-a4ec9cd9]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.info-card[data-v-a4ec9cd9]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.info-card.highlight[data-v-a4ec9cd9]{background:linear-gradient(135deg,var(--primary-color)15,var(--card-bg));border-color:var(--primary-color)}.info-card.success[data-v-a4ec9cd9]{background:linear-gradient(135deg,#10b98115,var(--card-bg));border-color:#10b981}.card-label[data-v-a4ec9cd9]{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.card-value[data-v-a4ec9cd9]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:700}.card-value .private[data-v-a4ec9cd9]{color:#10b981}.card-value .public[data-v-a4ec9cd9]{color:var(--primary-color)}.mini-copy[data-v-a4ec9cd9]{cursor:pointer;opacity:.3;background:0 0;border:none;padding:4px;font-size:12px;transition:opacity .2s;position:absolute;top:8px;right:8px}.mini-copy[data-v-a4ec9cd9]:hover{opacity:1}.binary-section[data-v-a4ec9cd9]{background:var(--card-bg);border-radius:8px;margin-top:16px;padding:12px}.binary-section h4[data-v-a4ec9cd9]{color:var(--text-color);margin-bottom:12px;font-size:13px;font-weight:600}.binary-item[data-v-a4ec9cd9]{gap:12px;padding:8px 0;font-size:12px;display:flex}.binary-label[data-v-a4ec9cd9]{color:var(--text-secondary);min-width:80px;font-weight:600}.binary-value[data-v-a4ec9cd9]{color:var(--text-color);word-break:break-all;font-family:Consolas,Monaco,monospace}.quick-select[data-v-a4ec9cd9]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.quick-select h4[data-v-a4ec9cd9]{color:var(--text-color);margin-bottom:12px;font-size:13px;font-weight:600}.subnet-grid[data-v-a4ec9cd9]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.subnet-btn[data-v-a4ec9cd9]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;text-align:center;border-radius:8px;padding:10px;transition:all .2s}.subnet-btn[data-v-a4ec9cd9]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.subnet-btn.active[data-v-a4ec9cd9]{background:var(--primary-color);border-color:var(--primary-color)}.subnet-btn.active .subnet-cidr[data-v-a4ec9cd9],.subnet-btn.active .subnet-mask[data-v-a4ec9cd9],.subnet-btn.active .subnet-hosts[data-v-a4ec9cd9]{color:#fff}.subnet-cidr[data-v-a4ec9cd9]{color:var(--primary-color);margin-bottom:4px;font-size:16px;font-weight:700}.subnet-mask[data-v-a4ec9cd9]{color:var(--text-color);margin-bottom:2px;font-family:Consolas,Monaco,monospace;font-size:11px}.subnet-hosts[data-v-a4ec9cd9]{color:var(--text-secondary);font-size:10px}@media (max-width:768px){.input-section[data-v-a4ec9cd9],.info-grid[data-v-a4ec9cd9]{grid-template-columns:1fr}.subnet-grid[data-v-a4ec9cd9]{grid-template-columns:repeat(2,1fr)}}.tool-container[data-v-b87257b5]{flex-direction:column;gap:16px;display:flex}.settings-panel[data-v-b87257b5]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px;display:flex}.setting-group[data-v-b87257b5]{align-items:center;gap:8px;display:flex}.setting-group label[data-v-b87257b5]{color:var(--text-color);white-space:nowrap;font-size:13px;font-weight:600}.number-input[data-v-b87257b5]{background:var(--card-bg);border:1px solid var(--border-color);width:60px;color:var(--text-color);border-radius:6px;outline:none;padding:6px 8px;font-size:14px}.checkbox-label[data-v-b87257b5]{color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.checkbox-label input[data-v-b87257b5]{cursor:pointer}.button-group[data-v-b87257b5]{gap:8px;margin-left:auto;display:flex}.action-btn[data-v-b87257b5]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-b87257b5]:hover{background:var(--border-color)}.action-btn.primary[data-v-b87257b5]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary[data-v-b87257b5]:hover{background:var(--primary-hover)}.io-container[data-v-b87257b5]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.io-section[data-v-b87257b5]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-b87257b5]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-b87257b5]{color:var(--text-color);font-size:14px;font-weight:600}.copy-btn[data-v-b87257b5]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-b87257b5]:hover:not(:disabled){background:var(--border-color)}.copy-btn[data-v-b87257b5]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-b87257b5]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:350px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.io-textarea[data-v-b87257b5]:focus{border-color:var(--primary-color)}.info-box[data-v-b87257b5]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-b87257b5]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-b87257b5]{margin:0;padding:0;list-style:none}.info-box li[data-v-b87257b5]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-b87257b5]:before{content:"✓ ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.io-container[data-v-b87257b5]{grid-template-columns:1fr}.button-group[data-v-b87257b5]{width:100%;margin-left:0}.action-btn[data-v-b87257b5]{flex:1}}.tool-container[data-v-87c7e159]{flex-direction:column;gap:16px;display:flex}.controls[data-v-87c7e159]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px;display:flex}.mode-selector[data-v-87c7e159]{gap:8px;display:flex}.mode-btn[data-v-87c7e159]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.mode-btn[data-v-87c7e159]:hover{border-color:var(--primary-color)}.mode-btn.active[data-v-87c7e159]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.settings[data-v-87c7e159]{gap:12px;display:flex}.setting-item[data-v-87c7e159]{align-items:center;gap:8px;display:flex}.setting-item label[data-v-87c7e159]{color:var(--text-color);white-space:nowrap;font-size:13px;font-weight:600}.number-input[data-v-87c7e159]{background:var(--card-bg);border:1px solid var(--border-color);width:60px;color:var(--text-color);border-radius:6px;outline:none;padding:6px 8px;font-size:14px}.actions[data-v-87c7e159]{gap:8px;margin-left:auto;display:flex}.action-btn[data-v-87c7e159]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-87c7e159]:hover{background:var(--border-color)}.action-btn.primary[data-v-87c7e159]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary[data-v-87c7e159]:hover{background:var(--primary-hover)}.error-message[data-v-87c7e159]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:14px}.dark .error-message[data-v-87c7e159]{color:#ff6b6b;background:#4a1515}.io-container[data-v-87c7e159]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.io-section[data-v-87c7e159]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-87c7e159]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-87c7e159]{color:var(--text-color);font-size:14px;font-weight:600}.copy-btn[data-v-87c7e159]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.copy-btn[data-v-87c7e159]:hover:not(:disabled){background:var(--border-color)}.copy-btn[data-v-87c7e159]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-87c7e159]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:400px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.io-textarea[data-v-87c7e159]:focus{border-color:var(--primary-color)}.info-box[data-v-87c7e159]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-87c7e159]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-87c7e159]{margin:0;padding:0;list-style:none}.info-box li[data-v-87c7e159]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-87c7e159]:before{content:"✓ ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.io-container[data-v-87c7e159]{grid-template-columns:1fr}.controls[data-v-87c7e159]{flex-direction:column;align-items:stretch}.actions[data-v-87c7e159]{width:100%;margin-left:0}.action-btn[data-v-87c7e159]{flex:1}}.tool-container[data-v-f2630dfa]{flex-direction:column;gap:16px;display:flex}.controls[data-v-f2630dfa]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.view-toggle[data-v-f2630dfa]{gap:8px;display:flex}.view-btn[data-v-f2630dfa]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.view-btn[data-v-f2630dfa]:hover{border-color:var(--primary-color)}.view-btn.active[data-v-f2630dfa]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.actions[data-v-f2630dfa]{gap:8px;display:flex}.action-btn[data-v-f2630dfa]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-f2630dfa]:hover{background:var(--border-color)}.editor-container[data-v-f2630dfa],.editor-section[data-v-f2630dfa],.preview-section[data-v-f2630dfa]{min-height:500px}.markdown-input[data-v-f2630dfa]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:500px;color:var(--text-color);resize:vertical;border-radius:12px;outline:none;padding:16px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.markdown-input[data-v-f2630dfa]:focus{border-color:var(--primary-color)}.markdown-preview[data-v-f2630dfa]{background:var(--bg-color);border:1px solid var(--border-color);min-height:500px;color:var(--text-color);border-radius:12px;padding:20px;line-height:1.8}.markdown-preview[data-v-f2630dfa] h1{color:var(--text-color);border-bottom:2px solid var(--border-color);margin:20px 0 12px;padding-bottom:8px;font-size:28px;font-weight:700}.markdown-preview[data-v-f2630dfa] h2{color:var(--text-color);margin:16px 0 10px;font-size:24px;font-weight:700}.markdown-preview[data-v-f2630dfa] h3{color:var(--text-color);margin:14px 0 8px;font-size:20px;font-weight:700}.markdown-preview[data-v-f2630dfa] p{margin:12px 0;line-height:1.8}.markdown-preview[data-v-f2630dfa] strong{color:var(--primary-color);font-weight:700}.markdown-preview[data-v-f2630dfa] em{font-style:italic}.markdown-preview[data-v-f2630dfa] del{color:var(--text-secondary);text-decoration:line-through}.markdown-preview[data-v-f2630dfa] code{background:var(--card-bg);border:1px solid var(--border-color);color:#e83e8c;border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,monospace;font-size:13px}.markdown-preview[data-v-f2630dfa] pre{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin:12px 0;padding:16px;overflow-x:auto}.markdown-preview[data-v-f2630dfa] pre code{color:var(--text-color);background:0 0;border:none;padding:0}.markdown-preview[data-v-f2630dfa] ul,.markdown-preview[data-v-f2630dfa] ol{margin:12px 0;padding-left:24px}.markdown-preview[data-v-f2630dfa] li{margin:6px 0;line-height:1.6}.markdown-preview[data-v-f2630dfa] blockquote{background:var(--card-bg);border-left:4px solid var(--primary-color);color:var(--text-secondary);margin:12px 0;padding:12px 16px}.markdown-preview[data-v-f2630dfa] a{color:var(--primary-color);text-decoration:none}.markdown-preview[data-v-f2630dfa] a:hover{text-decoration:underline}.markdown-preview[data-v-f2630dfa] img{border-radius:8px;max-width:100%;margin:12px 0}.markdown-preview[data-v-f2630dfa] hr{border:none;border-top:2px solid var(--border-color);margin:20px 0}.info-box[data-v-f2630dfa]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-f2630dfa]{color:var(--text-color);margin-bottom:12px;font-size:13px}.syntax-grid[data-v-f2630dfa]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.syntax-item[data-v-f2630dfa]{background:var(--card-bg);border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.syntax-item code[data-v-f2630dfa]{color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600}.syntax-item span[data-v-f2630dfa]{color:var(--text-secondary);font-size:11px}@media (max-width:768px){.controls[data-v-f2630dfa]{flex-direction:column;gap:12px}.actions[data-v-f2630dfa]{width:100%}.action-btn[data-v-f2630dfa]{flex:1}}.tool-container[data-v-d483b1de]{flex-direction:column;gap:16px;display:flex}.controls[data-v-d483b1de]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.options[data-v-d483b1de]{gap:16px;display:flex}.checkbox-label[data-v-d483b1de]{color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.checkbox-label input[data-v-d483b1de]{cursor:pointer}.actions[data-v-d483b1de]{gap:8px;display:flex}.action-btn[data-v-d483b1de]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-d483b1de]:hover{background:var(--border-color)}.stats-bar[data-v-d483b1de]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:12px;padding:12px;display:flex}.stat-item[data-v-d483b1de]{background:var(--card-bg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:8px 16px;display:flex}.stat-label[data-v-d483b1de]{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.stat-value[data-v-d483b1de]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:20px;font-weight:700}.stat-item.equal .stat-value[data-v-d483b1de]{color:#6b7280}.stat-item.modified .stat-value[data-v-d483b1de]{color:#f59e0b}.stat-item.added .stat-value[data-v-d483b1de]{color:#10b981}.stat-item.removed .stat-value[data-v-d483b1de]{color:#ef4444}.input-section[data-v-d483b1de]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.text-column[data-v-d483b1de]{flex-direction:column;gap:8px;display:flex}.column-header[data-v-d483b1de]{justify-content:space-between;align-items:center;display:flex}.column-header label[data-v-d483b1de]{color:var(--text-color);font-size:14px;font-weight:600}.char-count[data-v-d483b1de]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600}.char-count.warning[data-v-d483b1de]{color:#f59e0b}.text-input[data-v-d483b1de]{background:var(--bg-color);border:2px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.text-input[data-v-d483b1de]:focus{border-color:var(--primary-color)}.diff-result[data-v-d483b1de]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-d483b1de]{margin-bottom:16px}.result-header h3[data-v-d483b1de]{color:var(--text-color);font-size:16px;font-weight:700}.diff-view[data-v-d483b1de]{flex-direction:column;gap:2px;max-height:500px;display:flex;overflow-y:auto}.diff-line[data-v-d483b1de]{border-radius:6px;grid-template-columns:40px 1fr 40px 1fr;gap:8px;padding:8px;font-family:Consolas,Monaco,monospace;font-size:13px;display:grid}.diff-line.equal[data-v-d483b1de]{background:var(--card-bg)}.diff-line.modified[data-v-d483b1de]{background:#fef3c7}.dark .diff-line.modified[data-v-d483b1de]{background:#78350f33}.diff-line.added[data-v-d483b1de]{background:#d1fae5}.dark .diff-line.added[data-v-d483b1de]{background:#06402533}.diff-line.removed[data-v-d483b1de]{background:#fee2e2}.dark .diff-line.removed[data-v-d483b1de]{background:#7f1d1d33}.line-number[data-v-d483b1de]{color:var(--text-secondary);text-align:center;padding-top:2px;font-size:11px;font-weight:600}.line-content[data-v-d483b1de]{background:var(--bg-color);word-break:break-all;border-radius:4px;min-height:24px;padding:4px 8px}.line-text[data-v-d483b1de]{color:var(--text-color)}.empty-line[data-v-d483b1de]{color:var(--text-secondary);font-size:11px;font-style:italic}.line-indicator[data-v-d483b1de]{justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.diff-line.equal .line-indicator[data-v-d483b1de]{color:#6b7280}.diff-line.modified .line-indicator[data-v-d483b1de]{color:#f59e0b}.diff-line.added .line-indicator[data-v-d483b1de]{color:#10b981}.diff-line.removed .line-indicator[data-v-d483b1de]{color:#ef4444}.info-box[data-v-d483b1de]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-d483b1de]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-d483b1de]{margin:0;padding:0;list-style:none}.info-box li[data-v-d483b1de]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-d483b1de]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.input-section[data-v-d483b1de]{grid-template-columns:1fr}.stats-bar[data-v-d483b1de]{justify-content:center}.stat-item[data-v-d483b1de]{flex:1;min-width:70px}.diff-line[data-v-d483b1de]{grid-template-rows:auto auto;grid-template-columns:30px 1fr}.line-indicator[data-v-d483b1de]{display:none}}.tool-container[data-v-6f37be90]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:2fr 1fr auto auto;align-items:end;gap:12px;padding:16px;display:grid}.input-group[data-v-6f37be90]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-6f37be90]{color:var(--text-color);font-size:13px;font-weight:600}.domain-input[data-v-6f37be90],.type-select[data-v-6f37be90]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.domain-input[data-v-6f37be90]:focus,.type-select[data-v-6f37be90]:focus{border-color:var(--primary-color)}.lookup-btn[data-v-6f37be90],.clear-btn[data-v-6f37be90]{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.lookup-btn[data-v-6f37be90]{background:var(--primary-color);color:#fff}.lookup-btn[data-v-6f37be90]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.lookup-btn[data-v-6f37be90]:disabled{opacity:.6;cursor:not-allowed}.clear-btn[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.clear-btn[data-v-6f37be90]:hover{background:var(--border-color)}.quick-domains[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.quick-label[data-v-6f37be90]{color:var(--text-secondary);font-size:13px;font-weight:600}.quick-btn[data-v-6f37be90]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.quick-btn[data-v-6f37be90]:hover{border-color:var(--primary-color);color:var(--primary-color)}.error-message[data-v-6f37be90]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:14px}.dark .error-message[data-v-6f37be90]{color:#ff6b6b;background:#4a1515}.loading-state[data-v-6f37be90]{text-align:center;color:var(--text-secondary);padding:40px}.spinner[data-v-6f37be90]{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin-6f37be90}@keyframes spin-6f37be90{to{transform:rotate(360deg)}}.results-section[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-6f37be90]{margin-bottom:16px}.result-header h3[data-v-6f37be90]{color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:700}.result-meta[data-v-6f37be90]{flex-wrap:wrap;gap:16px;display:flex}.meta-item[data-v-6f37be90]{color:var(--text-secondary);font-size:12px;font-weight:600}.records-table[data-v-6f37be90]{background:var(--card-bg);border-radius:8px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.table-header[data-v-6f37be90],.table-row[data-v-6f37be90]{grid-template-columns:2fr 80px 80px 3fr 50px;align-items:center;gap:12px;padding:12px;display:grid}.table-header[data-v-6f37be90]{background:var(--bg-color);color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:700}.table-row[data-v-6f37be90]{background:var(--card-bg);color:var(--text-color);border-bottom:1px solid var(--border-color);font-size:13px}.table-row[data-v-6f37be90]:last-child{border-bottom:none}.col-name[data-v-6f37be90],.col-data[data-v-6f37be90]{word-break:break-all;font-family:Consolas,Monaco,monospace}.type-badge[data-v-6f37be90]{background:var(--primary-color);color:#fff;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.col-ttl[data-v-6f37be90]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace}.copy-btn-mini[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.copy-btn-mini[data-v-6f37be90]:hover{background:var(--border-color)}.info-box[data-v-6f37be90]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-6f37be90]{color:var(--text-color);margin-bottom:12px;font-size:13px}.type-grid[data-v-6f37be90]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.type-card[data-v-6f37be90]{background:var(--card-bg);border-radius:6px;padding:10px}.type-name[data-v-6f37be90]{color:var(--primary-color);margin-bottom:4px;font-size:14px;font-weight:700}.type-desc[data-v-6f37be90]{color:var(--text-secondary);font-size:11px}@media (max-width:768px){.input-section[data-v-6f37be90]{grid-template-columns:1fr}.table-header[data-v-6f37be90],.table-row[data-v-6f37be90]{grid-template-columns:1fr;gap:8px}.table-header[data-v-6f37be90]{display:none}.table-row>div[data-v-6f37be90]:before{content:attr(data-label);margin-right:8px;font-weight:700}}.tool-container[data-v-38c4d9d7]{flex-direction:column;gap:16px;display:flex}.warning-box[data-v-38c4d9d7]{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:16px}.dark .warning-box[data-v-38c4d9d7]{background:#3d3000;border-color:#f59e0b}.warning-box h4[data-v-38c4d9d7]{color:#856404;margin-bottom:8px;font-size:14px}.dark .warning-box h4[data-v-38c4d9d7]{color:#fbbf24}.warning-box p[data-v-38c4d9d7]{color:#856404;margin:6px 0;font-size:13px;line-height:1.6}.dark .warning-box p[data-v-38c4d9d7]{color:#fcd34d}.warning-box strong[data-v-38c4d9d7]{font-weight:700}.input-section[data-v-38c4d9d7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:2fr 1fr auto auto auto;align-items:end;gap:12px;padding:16px;display:grid}.input-group[data-v-38c4d9d7]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-38c4d9d7]{color:var(--text-color);font-size:13px;font-weight:600}.host-input[data-v-38c4d9d7],.port-input[data-v-38c4d9d7]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.host-input[data-v-38c4d9d7]:focus,.port-input[data-v-38c4d9d7]:focus{border-color:var(--primary-color)}.scan-btn[data-v-38c4d9d7],.clear-btn[data-v-38c4d9d7]{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.scan-btn[data-v-38c4d9d7]{background:var(--primary-color);color:#fff}.scan-btn[data-v-38c4d9d7]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.scan-btn[data-v-38c4d9d7]:disabled{opacity:.6;cursor:not-allowed}.scan-btn.secondary[data-v-38c4d9d7]{background:#10b981}.scan-btn.secondary[data-v-38c4d9d7]:hover:not(:disabled){background:#059669}.clear-btn[data-v-38c4d9d7]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.clear-btn[data-v-38c4d9d7]:hover{background:var(--border-color)}.quick-hosts[data-v-38c4d9d7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.quick-label[data-v-38c4d9d7]{color:var(--text-secondary);font-size:13px;font-weight:600}.quick-btn[data-v-38c4d9d7]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.quick-btn[data-v-38c4d9d7]:hover{border-color:var(--primary-color);color:var(--primary-color)}.loading-state[data-v-38c4d9d7]{text-align:center;color:var(--text-secondary);padding:40px}.spinner[data-v-38c4d9d7]{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin-38c4d9d7}@keyframes spin-38c4d9d7{to{transform:rotate(360deg)}}.results-section[data-v-38c4d9d7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-38c4d9d7]{margin-bottom:16px}.result-header h3[data-v-38c4d9d7]{color:var(--text-color);margin-bottom:12px;font-size:16px;font-weight:700}.result-summary[data-v-38c4d9d7]{flex-wrap:wrap;gap:16px;display:flex}.summary-item[data-v-38c4d9d7]{border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600}.summary-item.open[data-v-38c4d9d7]{color:#065f46;background:#d1fae5}.dark .summary-item.open[data-v-38c4d9d7]{color:#10b981;background:#06402533}.summary-item.filtered[data-v-38c4d9d7]{color:#92400e;background:#fef3c7}.dark .summary-item.filtered[data-v-38c4d9d7]{color:#f59e0b;background:#78350f33}.summary-item.closed[data-v-38c4d9d7]{color:#991b1b;background:#fee2e2}.dark .summary-item.closed[data-v-38c4d9d7]{color:#ef4444;background:#7f1d1d33}.summary-item.unknown[data-v-38c4d9d7]{background:var(--card-bg);color:var(--text-secondary)}.results-grid[data-v-38c4d9d7]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.result-card[data-v-38c4d9d7]{border:2px solid;border-radius:10px;padding:16px}.result-card.status-open[data-v-38c4d9d7]{background:#d1fae5;border-color:#10b981}.dark .result-card.status-open[data-v-38c4d9d7]{background:#06402533;border-color:#10b981}.result-card.status-filtered[data-v-38c4d9d7]{background:#fef3c7;border-color:#f59e0b}.dark .result-card.status-filtered[data-v-38c4d9d7]{background:#78350f33;border-color:#f59e0b}.result-card.status-closed[data-v-38c4d9d7],.result-card.status-timeout[data-v-38c4d9d7]{background:#fee2e2;border-color:#ef4444}.dark .result-card.status-closed[data-v-38c4d9d7],.dark .result-card.status-timeout[data-v-38c4d9d7]{background:#7f1d1d33;border-color:#ef4444}.result-card.status-unknown[data-v-38c4d9d7]{background:var(--card-bg);border-color:var(--border-color)}.card-header[data-v-38c4d9d7]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.port-info[data-v-38c4d9d7]{flex-direction:column;gap:4px;display:flex}.port-number[data-v-38c4d9d7]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:700}.port-name[data-v-38c4d9d7]{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.status-badge[data-v-38c4d9d7]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dark .status-badge[data-v-38c4d9d7]{background:var(--bg-color)}.card-body[data-v-38c4d9d7]{flex-direction:column;gap:6px;display:flex}.port-desc[data-v-38c4d9d7]{color:var(--text-secondary);font-size:12px;font-weight:600}.status-message[data-v-38c4d9d7]{color:var(--text-color);font-size:13px;font-weight:600}.response-time[data-v-38c4d9d7]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:11px}.info-box[data-v-38c4d9d7]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-38c4d9d7]{color:var(--text-color);margin-bottom:12px;font-size:13px}.ports-grid[data-v-38c4d9d7]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.port-item[data-v-38c4d9d7]{background:var(--card-bg);border-radius:6px;padding:10px}.port-header[data-v-38c4d9d7]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.port-num[data-v-38c4d9d7]{color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.port-protocol[data-v-38c4d9d7]{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.port-detail[data-v-38c4d9d7]{color:var(--text-secondary);font-size:10px}@media (max-width:768px){.input-section[data-v-38c4d9d7],.results-grid[data-v-38c4d9d7],.ports-grid[data-v-38c4d9d7]{grid-template-columns:1fr}}.tool-container[data-v-93fdcf58]{flex-direction:column;gap:16px;display:flex}.input-section[data-v-93fdcf58]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.input-row[data-v-93fdcf58]{align-items:center;gap:12px;display:flex}.url-input[data-v-93fdcf58]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:12px;font-size:14px}.url-input[data-v-93fdcf58]:focus{border-color:var(--primary-color)}.add-btn[data-v-93fdcf58],.example-btn[data-v-93fdcf58],.clear-btn[data-v-93fdcf58]{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.add-btn[data-v-93fdcf58]{background:var(--primary-color);color:#fff}.add-btn[data-v-93fdcf58]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.add-btn[data-v-93fdcf58]:disabled{opacity:.6;cursor:not-allowed}.example-btn[data-v-93fdcf58]{color:#fff;background:#10b981}.example-btn[data-v-93fdcf58]:hover{background:#059669;transform:translateY(-1px)}.clear-btn[data-v-93fdcf58]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.clear-btn[data-v-93fdcf58]:hover:not(:disabled){background:var(--border-color)}.clear-btn[data-v-93fdcf58]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-93fdcf58]{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:14px}.dark .error-message[data-v-93fdcf58]{color:#ff6b6b;background:#4a1515}.preview-section[data-v-93fdcf58]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.preview-header[data-v-93fdcf58]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.image-info h3[data-v-93fdcf58]{color:var(--text-color);margin-bottom:4px;font-size:16px;font-weight:700}.image-size[data-v-93fdcf58]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600}.preview-actions[data-v-93fdcf58]{gap:8px;display:flex}.action-btn[data-v-93fdcf58]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-93fdcf58]:hover{background:var(--border-color)}.image-viewer[data-v-93fdcf58]{background:var(--card-bg);border-radius:10px;justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex;overflow:auto}.preview-image[data-v-93fdcf58]{border-radius:8px;max-width:100%;max-height:600px;box-shadow:0 4px 12px #0000001a}.dark .preview-image[data-v-93fdcf58]{box-shadow:0 4px 12px #0000004d}.navigation[data-v-93fdcf58]{justify-content:center;align-items:center;gap:20px;margin-top:16px;display:flex}.nav-btn[data-v-93fdcf58]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.nav-btn[data-v-93fdcf58]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.nav-btn[data-v-93fdcf58]:disabled{opacity:.4;cursor:not-allowed}.nav-text[data-v-93fdcf58]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.thumbnail-section[data-v-93fdcf58]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.thumbnail-section h4[data-v-93fdcf58]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.thumbnail-grid[data-v-93fdcf58]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.thumbnail-item[data-v-93fdcf58]{aspect-ratio:4/3;cursor:pointer;border:3px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.thumbnail-item[data-v-93fdcf58]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.thumbnail-item.active[data-v-93fdcf58]{border-color:var(--primary-color)}.thumbnail-img[data-v-93fdcf58]{object-fit:cover;width:100%;height:100%}.thumbnail-overlay[data-v-93fdcf58]{opacity:0;padding:4px;transition:opacity .2s;position:absolute;top:0;right:0}.thumbnail-item:hover .thumbnail-overlay[data-v-93fdcf58]{opacity:1}.remove-btn[data-v-93fdcf58]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.remove-btn[data-v-93fdcf58]:hover{background:#dc2626;transform:scale(1.1)}.thumbnail-info[data-v-93fdcf58]{color:#fff;text-align:center;background:#000000b3;padding:4px;font-family:Consolas,Monaco,monospace;font-size:10px;position:absolute;bottom:0;left:0;right:0}.info-box[data-v-93fdcf58]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-93fdcf58]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-93fdcf58]{margin:0;padding:0;list-style:none}.info-box li[data-v-93fdcf58]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-93fdcf58]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.input-row[data-v-93fdcf58]{flex-direction:column}.url-input[data-v-93fdcf58]{width:100%}.preview-header[data-v-93fdcf58]{flex-direction:column;align-items:flex-start;gap:12px}.thumbnail-grid[data-v-93fdcf58]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tool-container[data-v-c13af1ea]{flex-direction:column;gap:16px;display:flex}.tabs[data-v-c13af1ea]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;gap:8px;padding:12px;display:flex}.tab-btn[data-v-c13af1ea]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn[data-v-c13af1ea]:hover{border-color:var(--primary-color)}.tab-btn.active[data-v-c13af1ea]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.panel[data-v-c13af1ea]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.fields-grid[data-v-c13af1ea]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.field-group[data-v-c13af1ea]{flex-direction:column;gap:8px;display:flex}.field-group label[data-v-c13af1ea]{color:var(--text-color);font-size:13px;font-weight:600}.field-input[data-v-c13af1ea]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:14px}.field-input[data-v-c13af1ea]:focus{border-color:var(--primary-color)}.field-hint[data-v-c13af1ea]{color:var(--text-secondary);font-size:11px}.templates-grid[data-v-c13af1ea]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.template-btn[data-v-c13af1ea]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:10px;padding:12px;transition:all .2s}.template-btn[data-v-c13af1ea]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.template-name[data-v-c13af1ea]{color:var(--text-color);margin-bottom:6px;font-size:14px;font-weight:700}.template-value[data-v-c13af1ea]{color:var(--primary-color);margin-bottom:4px;font-family:Consolas,Monaco,monospace;font-size:12px}.template-desc[data-v-c13af1ea]{color:var(--text-secondary);font-size:11px}.advanced-section[data-v-c13af1ea]{flex-direction:column;gap:12px;display:flex}.advanced-section label[data-v-c13af1ea]{color:var(--text-color);font-size:14px;font-weight:600}.cron-input[data-v-c13af1ea]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:600}.cron-input[data-v-c13af1ea]:focus{border-color:var(--primary-color)}.format-hint[data-v-c13af1ea]{color:var(--text-secondary);font-size:12px}.result-section[data-v-c13af1ea]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-c13af1ea]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-header h3[data-v-c13af1ea]{color:var(--text-color);font-size:16px;font-weight:700}.copy-btn[data-v-c13af1ea]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.copy-btn[data-v-c13af1ea]:hover{background:var(--primary-hover)}.cron-output[data-v-c13af1ea]{background:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color);text-align:center;border-radius:10px;margin-bottom:12px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:20px;font-weight:700}.explanation[data-v-c13af1ea]{background:var(--card-bg);color:var(--text-color);border-radius:8px;padding:12px;font-size:14px}.execution-section[data-v-c13af1ea]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.execution-section h4[data-v-c13af1ea]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.execution-list[data-v-c13af1ea]{flex-direction:column;gap:8px;display:flex}.execution-item[data-v-c13af1ea]{background:var(--card-bg);color:var(--text-color);border-radius:6px;padding:10px;font-family:Consolas,Monaco,monospace;font-size:13px}.info-box[data-v-c13af1ea]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-c13af1ea]{color:var(--text-color);margin-bottom:12px;font-size:13px}.syntax-table[data-v-c13af1ea]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.syntax-row[data-v-c13af1ea]{background:var(--card-bg);border-radius:6px;align-items:center;gap:12px;padding:8px;display:flex}.syntax-symbol[data-v-c13af1ea]{color:var(--primary-color);min-width:30px;font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700}.syntax-desc[data-v-c13af1ea]{color:var(--text-secondary);font-size:12px}@media (max-width:768px){.tabs[data-v-c13af1ea]{flex-direction:column}.fields-grid[data-v-c13af1ea],.templates-grid[data-v-c13af1ea]{grid-template-columns:1fr}}.tool-container[data-v-28d42651]{flex-direction:column;gap:16px;display:flex}.type-section[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.type-section label[data-v-28d42651]{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.type-select[data-v-28d42651]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:12px;font-size:14px;font-weight:600}.type-select[data-v-28d42651]:focus{border-color:var(--primary-color)}.settings-section[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.setting-item[data-v-28d42651]{align-items:center;gap:12px;display:flex}.setting-item label[data-v-28d42651]{color:var(--text-color);min-width:80px;font-size:14px;font-weight:600}.count-input[data-v-28d42651]{background:var(--card-bg);border:2px solid var(--border-color);max-width:200px;color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.count-input[data-v-28d42651]:focus{border-color:var(--primary-color)}.options-section[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.options-section h4[data-v-28d42651]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.options-grid[data-v-28d42651]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.option-item[data-v-28d42651]{flex-direction:column;gap:6px;display:flex}.option-item label[data-v-28d42651]{color:var(--text-secondary);font-size:12px;font-weight:600}.option-input[data-v-28d42651]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.option-input[data-v-28d42651]:focus{border-color:var(--primary-color)}.checkboxes[data-v-28d42651]{flex-wrap:wrap;gap:16px;display:flex}.checkbox-label[data-v-28d42651]{color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[data-v-28d42651]{cursor:pointer}.action-section[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:16px;display:flex}.generate-btn[data-v-28d42651],.copy-btn[data-v-28d42651],.clear-btn[data-v-28d42651]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.generate-btn[data-v-28d42651]{background:var(--primary-color);color:#fff}.generate-btn[data-v-28d42651]:hover{background:var(--primary-hover);transform:translateY(-1px)}.copy-btn[data-v-28d42651]{color:#fff;background:#10b981}.copy-btn[data-v-28d42651]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.copy-btn[data-v-28d42651]:disabled{opacity:.5;cursor:not-allowed}.clear-btn[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.clear-btn[data-v-28d42651]:hover{background:var(--border-color)}.result-section[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-28d42651]{margin-bottom:12px}.result-header h3[data-v-28d42651]{color:var(--text-color);font-size:16px;font-weight:700}.result-output[data-v-28d42651]{background:var(--card-bg);border:1px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.result-output[data-v-28d42651]:focus{border-color:var(--primary-color)}.info-box[data-v-28d42651]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-28d42651]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-28d42651]{margin:0;padding:0;list-style:none}.info-box li[data-v-28d42651]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-28d42651]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.options-grid[data-v-28d42651]{grid-template-columns:1fr}.action-section[data-v-28d42651]{flex-direction:column}}.tool-container[data-v-cc44c3d6]{flex-direction:column;gap:16px;display:flex}.settings-panel[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:16px;padding:16px;display:flex}.mode-selector[data-v-cc44c3d6]{gap:8px;display:flex}.mode-btn[data-v-cc44c3d6]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.mode-btn[data-v-cc44c3d6]:hover{border-color:var(--primary-color)}.mode-btn.active[data-v-cc44c3d6]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.algorithm-selector[data-v-cc44c3d6]{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.algorithm-selector label[data-v-cc44c3d6]{color:var(--text-color);font-size:13px;font-weight:600}.algorithm-select[data-v-cc44c3d6]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.algorithm-select[data-v-cc44c3d6]:focus{border-color:var(--primary-color)}.password-group[data-v-cc44c3d6]{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.password-group label[data-v-cc44c3d6]{color:var(--text-color);font-size:13px;font-weight:600}.password-input[data-v-cc44c3d6]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.password-input[data-v-cc44c3d6]:focus{border-color:var(--primary-color)}.io-container[data-v-cc44c3d6]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.io-section[data-v-cc44c3d6]{flex-direction:column;gap:8px;display:flex}.io-header[data-v-cc44c3d6]{justify-content:space-between;align-items:center;display:flex}.io-header label[data-v-cc44c3d6]{color:var(--text-color);font-size:14px;font-weight:600}.header-actions[data-v-cc44c3d6]{gap:8px;display:flex}.action-btn[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.action-btn[data-v-cc44c3d6]:hover:not(:disabled){background:var(--border-color)}.action-btn[data-v-cc44c3d6]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.io-textarea[data-v-cc44c3d6]:focus{border-color:var(--primary-color)}.action-section[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:16px;display:flex}.process-btn[data-v-cc44c3d6],.clear-btn[data-v-cc44c3d6]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.process-btn[data-v-cc44c3d6]{background:var(--primary-color);color:#fff}.process-btn[data-v-cc44c3d6]:hover{background:var(--primary-hover);transform:translateY(-1px)}.clear-btn[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.clear-btn[data-v-cc44c3d6]:hover{background:var(--border-color)}.info-box[data-v-cc44c3d6]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-cc44c3d6]{color:var(--text-color);margin-bottom:12px;font-size:13px}.algorithm-info[data-v-cc44c3d6]{flex-direction:column;gap:12px;display:flex}.algo-item[data-v-cc44c3d6]{background:var(--card-bg);border-radius:8px;padding:10px}.algo-item strong[data-v-cc44c3d6]{color:var(--primary-color);font-size:13px}.algo-item p[data-v-cc44c3d6]{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.6}.warning-box[data-v-cc44c3d6]{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:16px}.dark .warning-box[data-v-cc44c3d6]{background:#3d3000;border-color:#f59e0b}.warning-box h4[data-v-cc44c3d6]{color:#856404;margin-bottom:8px;font-size:14px}.dark .warning-box h4[data-v-cc44c3d6]{color:#fbbf24}.warning-box ul[data-v-cc44c3d6]{margin:0;padding:0;list-style:none}.warning-box li[data-v-cc44c3d6]{color:#856404;padding:4px 0;font-size:12px;line-height:1.6}.dark .warning-box li[data-v-cc44c3d6]{color:#fcd34d}.warning-box li[data-v-cc44c3d6]:before{content:"⚠ ";margin-right:6px}@media (max-width:768px){.io-container[data-v-cc44c3d6]{grid-template-columns:1fr}.settings-panel[data-v-cc44c3d6]{flex-direction:column}}.tool-container[data-v-b4eee4ba]{flex-direction:column;gap:16px;display:flex}.mode-tabs[data-v-b4eee4ba]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;gap:8px;padding:12px;display:flex}.mode-tab[data-v-b4eee4ba]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.mode-tab[data-v-b4eee4ba]:hover{border-color:var(--primary-color)}.mode-tab.active[data-v-b4eee4ba]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.conversion-section[data-v-b4eee4ba]{flex-direction:column;gap:16px;display:flex}.upload-area[data-v-b4eee4ba]{position:relative}.file-input[data-v-b4eee4ba]{display:none}.upload-label[data-v-b4eee4ba]{background:var(--bg-color);border:3px dashed var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px;transition:all .3s;display:flex}.upload-label[data-v-b4eee4ba]:hover{border-color:var(--primary-color);background:var(--card-bg)}.upload-icon[data-v-b4eee4ba]{margin-bottom:16px;font-size:48px}.upload-text[data-v-b4eee4ba]{color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-b4eee4ba]{color:var(--text-secondary);font-size:13px}.input-section[data-v-b4eee4ba]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.input-section label[data-v-b4eee4ba]{color:var(--text-color);font-size:14px;font-weight:600}.base64-input[data-v-b4eee4ba]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:200px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6}.base64-input[data-v-b4eee4ba]:focus{border-color:var(--primary-color)}.convert-btn[data-v-b4eee4ba]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.convert-btn[data-v-b4eee4ba]:hover{background:var(--primary-hover);transform:translateY(-1px)}.result-section[data-v-b4eee4ba]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.result-header[data-v-b4eee4ba]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-header h3[data-v-b4eee4ba]{color:var(--text-color);font-size:16px;font-weight:700}.actions[data-v-b4eee4ba]{gap:8px;display:flex}.action-btn[data-v-b4eee4ba]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-b4eee4ba]:hover{background:var(--border-color)}.base64-output[data-v-b4eee4ba]{background:var(--card-bg);border:1px solid var(--border-color);width:100%;min-height:150px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.6}.preview-section[data-v-b4eee4ba]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.preview-header[data-v-b4eee4ba]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h3[data-v-b4eee4ba]{color:var(--text-color);font-size:16px;font-weight:700}.download-btn[data-v-b4eee4ba]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.download-btn[data-v-b4eee4ba]:hover{background:var(--primary-hover)}.preview-container[data-v-b4eee4ba]{background:var(--card-bg);border-radius:10px;justify-content:center;align-items:center;min-height:300px;margin-bottom:16px;padding:20px;display:flex}.preview-image[data-v-b4eee4ba]{border-radius:8px;max-width:100%;max-height:500px;box-shadow:0 4px 12px #0000001a}.info-grid[data-v-b4eee4ba]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.info-item[data-v-b4eee4ba]{background:var(--card-bg);border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.info-label[data-v-b4eee4ba]{color:var(--text-secondary);font-size:12px;font-weight:600}.info-value[data-v-b4eee4ba]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600}.info-box[data-v-b4eee4ba]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-b4eee4ba]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-b4eee4ba]{margin:0;padding:0;list-style:none}.info-box li[data-v-b4eee4ba]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-b4eee4ba]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.info-grid[data-v-b4eee4ba]{grid-template-columns:1fr}}.tool-container[data-v-40805c64]{flex-direction:column;gap:16px;display:flex}.upload-section[data-v-40805c64]{position:relative}.file-input[data-v-40805c64]{display:none}.upload-label[data-v-40805c64]{background:var(--bg-color);border:3px dashed var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:40px;transition:all .3s;display:flex}.upload-label[data-v-40805c64]:hover{border-color:var(--primary-color);background:var(--card-bg)}.upload-icon[data-v-40805c64]{margin-bottom:16px;font-size:48px}.upload-text[data-v-40805c64]{color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-40805c64]{color:var(--text-secondary);font-size:13px}.content-grid[data-v-40805c64]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.preview-section[data-v-40805c64],.info-section[data-v-40805c64]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.preview-section h3[data-v-40805c64],.info-section h3[data-v-40805c64]{color:var(--text-color);margin-bottom:12px;font-size:16px;font-weight:700}.preview-container[data-v-40805c64]{background:var(--card-bg);border-radius:10px;justify-content:center;align-items:center;min-height:300px;margin-bottom:12px;padding:16px;display:flex}.preview-image[data-v-40805c64]{border-radius:8px;max-width:100%;max-height:400px;box-shadow:0 4px 12px #0000001a}.clear-btn[data-v-40805c64]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;width:100%;color:var(--text-color);border-radius:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.clear-btn[data-v-40805c64]:hover{background:var(--border-color)}.info-table[data-v-40805c64]{flex-direction:column;gap:8px;display:flex}.info-row[data-v-40805c64]{background:var(--card-bg);border-radius:6px;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.info-key[data-v-40805c64]{color:var(--text-secondary);font-size:12px;font-weight:600}.info-value[data-v-40805c64]{color:var(--text-color);word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600}.mini-copy[data-v-40805c64]{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:opacity .2s}.mini-copy[data-v-40805c64]:hover{opacity:1}.exif-section[data-v-40805c64]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.exif-section h3[data-v-40805c64]{color:var(--text-color);margin-bottom:12px;font-size:16px;font-weight:700}.exif-note[data-v-40805c64]{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:12px}.dark .exif-note[data-v-40805c64]{background:#3d3000;border-color:#f59e0b}.exif-note p[data-v-40805c64]{color:#856404;margin:4px 0;font-size:13px}.dark .exif-note p[data-v-40805c64]{color:#fcd34d}.exif-fields h4[data-v-40805c64]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:600}.fields-grid[data-v-40805c64]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.field-chip[data-v-40805c64]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);text-align:center;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.info-box[data-v-40805c64]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-40805c64]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-40805c64]{margin:0;padding:0;list-style:none}.info-box li[data-v-40805c64]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-40805c64]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.content-grid[data-v-40805c64]{grid-template-columns:1fr}.info-row[data-v-40805c64]{grid-template-columns:80px 1fr auto}}.tool-container[data-v-76507a6e]{flex-direction:column;gap:16px;display:flex}.settings-panel[data-v-76507a6e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.settings-grid[data-v-76507a6e]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.setting-group[data-v-76507a6e]{flex-direction:column;gap:8px;display:flex}.setting-group label[data-v-76507a6e]{color:var(--text-color);font-size:13px;font-weight:600}.setting-input[data-v-76507a6e],.setting-select[data-v-76507a6e]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.setting-input[data-v-76507a6e]:focus,.setting-select[data-v-76507a6e]:focus{border-color:var(--primary-color)}.color-input-group[data-v-76507a6e]{align-items:center;gap:8px;display:flex}.color-picker[data-v-76507a6e]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;width:50px;height:40px;padding:2px}.color-text[data-v-76507a6e]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:14px}.random-btn[data-v-76507a6e]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:16px;transition:all .2s}.random-btn[data-v-76507a6e]:hover{border-color:var(--primary-color)}.presets-section[data-v-76507a6e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.presets-section h3[data-v-76507a6e]{color:var(--text-color);margin-bottom:16px;font-size:16px;font-weight:700}.preset-group[data-v-76507a6e]{margin-bottom:16px}.preset-group[data-v-76507a6e]:last-child{margin-bottom:0}.preset-group h4[data-v-76507a6e]{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.preset-buttons[data-v-76507a6e]{flex-wrap:wrap;gap:8px;display:flex}.preset-btn[data-v-76507a6e]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.preset-btn[data-v-76507a6e]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.preview-section[data-v-76507a6e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:16px}.preview-header[data-v-76507a6e]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h3[data-v-76507a6e]{color:var(--text-color);font-size:16px;font-weight:700}.preview-info[data-v-76507a6e]{color:var(--text-secondary);font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.preview-container[data-v-76507a6e]{background-color:#0000;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:10px;justify-content:center;align-items:center;min-height:300px;margin-bottom:16px;padding:20px;display:flex;overflow:auto}.dark .preview-container[data-v-76507a6e]{background-color:#0000;background-image:linear-gradient(45deg,#333 25%,#0000 25%),linear-gradient(-45deg,#333 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#333 75%),linear-gradient(-45deg,#0000 75%,#333 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.preview-image[data-v-76507a6e]{border-radius:8px;max-width:100%;max-height:600px;box-shadow:0 4px 12px #0003}.action-buttons[data-v-76507a6e]{gap:12px;display:flex}.action-btn[data-v-76507a6e]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.action-btn.primary[data-v-76507a6e]{background:var(--primary-color);color:#fff}.action-btn.primary[data-v-76507a6e]:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-btn[data-v-76507a6e]:not(.primary){background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.action-btn[data-v-76507a6e]:not(.primary):hover{background:var(--border-color)}.info-box[data-v-76507a6e]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:12px}.info-box h4[data-v-76507a6e]{color:var(--text-color);margin-bottom:8px;font-size:13px}.info-box ul[data-v-76507a6e]{margin:0;padding:0;list-style:none}.info-box li[data-v-76507a6e]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-76507a6e]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.settings-grid[data-v-76507a6e]{grid-template-columns:1fr}.action-buttons[data-v-76507a6e]{flex-direction:column}}.tool-container[data-v-41b19bfe]{flex-direction:column;gap:12px;display:flex}.templates-section[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:12px}.templates-section h3[data-v-41b19bfe]{color:var(--text-color);margin-bottom:10px;font-size:14px;font-weight:700}.template-buttons[data-v-41b19bfe]{flex-wrap:wrap;gap:8px;display:flex}.template-btn[data-v-41b19bfe]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.template-btn[data-v-41b19bfe]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.settings-panel[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.settings-row[data-v-41b19bfe]{flex-direction:column;gap:8px;display:flex}.setting-label[data-v-41b19bfe]{color:var(--text-color);font-size:13px;font-weight:600}.radio-group[data-v-41b19bfe]{flex-wrap:wrap;gap:12px;display:flex}.radio-item[data-v-41b19bfe]{cursor:pointer;color:var(--text-color);align-items:center;gap:6px;font-size:14px;display:flex}.radio-item input[type=radio][data-v-41b19bfe]{cursor:pointer}.setting-group[data-v-41b19bfe]{flex-direction:column;gap:6px;display:flex}.setting-group label[data-v-41b19bfe]{color:var(--text-color);font-size:12px;font-weight:600}.setting-input[data-v-41b19bfe]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:8px 10px;font-family:Consolas,Monaco,monospace;font-size:13px}.setting-input[data-v-41b19bfe]:focus{border-color:var(--primary-color)}.custom-position-group[data-v-41b19bfe]{grid-template-columns:200px 1fr;gap:12px;display:grid}.checkbox-label[data-v-41b19bfe]{cursor:pointer;color:var(--text-color);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.checkbox-label input[type=checkbox][data-v-41b19bfe]{cursor:pointer}.numbering-options[data-v-41b19bfe]{background:var(--card-bg);border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid}.number-row[data-v-41b19bfe]{flex-direction:column;gap:6px;display:flex}.number-row label[data-v-41b19bfe]{color:var(--text-secondary);font-size:12px;font-weight:600}.number-input[data-v-41b19bfe],.number-select[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.io-section[data-v-41b19bfe]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.io-panel[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.io-header[data-v-41b19bfe]{justify-content:space-between;align-items:center;display:flex}.io-header h3[data-v-41b19bfe]{color:var(--text-color);font-size:14px;font-weight:700}.io-actions[data-v-41b19bfe]{gap:8px;display:flex}.action-btn[data-v-41b19bfe]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-btn[data-v-41b19bfe]:hover{background:var(--border-color)}.action-btn.primary[data-v-41b19bfe]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary[data-v-41b19bfe]:hover{background:var(--primary-hover)}.io-textarea[data-v-41b19bfe]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:450px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.io-textarea[data-v-41b19bfe]:focus{border-color:var(--primary-color)}.io-info[data-v-41b19bfe]{color:var(--text-secondary);text-align:right;font-family:Consolas,Monaco,monospace;font-size:12px}.info-box[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-41b19bfe]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-41b19bfe]{margin:0;padding:0;list-style:none}.info-box li[data-v-41b19bfe]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-41b19bfe]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}.examples-box[data-v-41b19bfe]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.examples-box h4[data-v-41b19bfe]{color:var(--text-color);margin-bottom:8px;font-size:12px;font-weight:700}.example-grid[data-v-41b19bfe]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.example-item[data-v-41b19bfe]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px}.example-title[data-v-41b19bfe]{color:var(--text-color);margin-bottom:3px;font-size:12px;font-weight:600}.example-desc[data-v-41b19bfe]{color:var(--text-secondary);font-size:11px;line-height:1.4}@media (max-width:1024px){.io-section[data-v-41b19bfe],.custom-position-group[data-v-41b19bfe],.numbering-options[data-v-41b19bfe]{grid-template-columns:1fr}}.tool-container[data-v-d79b9d1b]{flex-direction:column;gap:12px;display:flex}.mode-tabs[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.mode-tab[data-v-d79b9d1b]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.mode-tab[data-v-d79b9d1b]:hover{border-color:var(--primary-color)}.mode-tab.active[data-v-d79b9d1b]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-section[data-v-d79b9d1b]{flex-direction:column;gap:16px;display:flex}.date-inputs[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding:16px;display:grid}.date-input-group[data-v-d79b9d1b]{flex-direction:column;gap:8px;display:flex}.date-input-group label[data-v-d79b9d1b]{color:var(--text-color);font-size:13px;font-weight:600}.input-with-btn[data-v-d79b9d1b]{gap:8px;display:flex}.date-input[data-v-d79b9d1b]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.date-input[data-v-d79b9d1b]:focus{border-color:var(--primary-color)}.today-btn[data-v-d79b9d1b]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);white-space:nowrap;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s}.today-btn[data-v-d79b9d1b]:hover{border-color:var(--primary-color);color:var(--primary-color)}.swap-btn[data-v-d79b9d1b]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:20px;transition:all .2s}.swap-btn[data-v-d79b9d1b]:hover{border-color:var(--primary-color);transform:rotate(180deg)}.add-subtract-inputs[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.amount-group[data-v-d79b9d1b]{flex-direction:column;gap:8px;display:flex}.amount-group label[data-v-d79b9d1b]{color:var(--text-color);font-size:13px;font-weight:600}.amount-inputs[data-v-d79b9d1b]{gap:8px;display:flex}.amount-input[data-v-d79b9d1b]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.amount-input[data-v-d79b9d1b]:focus{border-color:var(--primary-color)}.unit-select[data-v-d79b9d1b]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.result-panel[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}.result-panel h3[data-v-d79b9d1b]{color:var(--text-color);margin-bottom:16px;font-size:14px;font-weight:700}.result-grid[data-v-d79b9d1b]{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.result-item[data-v-d79b9d1b]{background:var(--card-bg);text-align:center;border:2px solid var(--border-color);border-radius:8px;padding:16px}.result-item.primary[data-v-d79b9d1b]{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color)10,var(--card-bg))}.result-value[data-v-d79b9d1b]{color:var(--text-color);margin-bottom:4px;font-size:28px;font-weight:700}.result-item.primary .result-value[data-v-d79b9d1b]{color:var(--primary-color)}.result-label[data-v-d79b9d1b]{color:var(--text-secondary);font-size:12px}.detail-info[data-v-d79b9d1b]{background:var(--card-bg);border-radius:8px;padding:12px}.info-row[data-v-d79b9d1b]{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;display:flex}.info-row[data-v-d79b9d1b]:last-child{border-bottom:none}.info-key[data-v-d79b9d1b]{color:var(--text-secondary);font-size:13px}.info-val[data-v-d79b9d1b]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600}.result-date[data-v-d79b9d1b]{text-align:center;background:var(--card-bg);border-radius:10px;padding:20px}.date-display[data-v-d79b9d1b]{color:var(--primary-color);margin-bottom:8px;font-family:Consolas,Monaco,monospace;font-size:32px;font-weight:700}.date-formatted[data-v-d79b9d1b]{color:var(--text-color);margin-bottom:12px;font-size:16px}.date-meta[data-v-d79b9d1b]{justify-content:center;align-items:center;gap:8px;display:flex}.day-badge[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.day-badge.weekend[data-v-d79b9d1b]{color:#c33;background:#fee;border-color:#f66}.dark .day-badge.weekend[data-v-d79b9d1b]{color:#f88;background:#400;border-color:#a00}.weekend-tag[data-v-d79b9d1b]{color:#fff;background:#f66;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.info-box[data-v-d79b9d1b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-d79b9d1b]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-d79b9d1b]{margin:0;padding:0;list-style:none}.info-box li[data-v-d79b9d1b]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-d79b9d1b]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.date-inputs[data-v-d79b9d1b]{grid-template-columns:1fr}.swap-btn[data-v-d79b9d1b]{transform:rotate(90deg)}.result-grid[data-v-d79b9d1b]{grid-template-columns:repeat(2,1fr)}.add-subtract-inputs[data-v-d79b9d1b]{grid-template-columns:1fr}}.tool-container[data-v-5163f539]{flex-direction:column;gap:12px;display:flex}.mode-tabs[data-v-5163f539]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.mode-tab[data-v-5163f539]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.mode-tab[data-v-5163f539]:hover{border-color:var(--primary-color)}.mode-tab.active[data-v-5163f539]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calc-section[data-v-5163f539]{flex-direction:column;gap:16px;display:flex}.date-range[data-v-5163f539],.add-workday-inputs[data-v-5163f539]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.date-group[data-v-5163f539],.number-group[data-v-5163f539]{flex-direction:column;gap:8px;display:flex}.date-group label[data-v-5163f539],.number-group label[data-v-5163f539]{color:var(--text-color);font-size:13px;font-weight:600}.input-row[data-v-5163f539]{gap:8px;display:flex}.date-input[data-v-5163f539],.number-input[data-v-5163f539]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.date-input[data-v-5163f539]:focus,.number-input[data-v-5163f539]:focus{border-color:var(--primary-color)}.today-btn[data-v-5163f539]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);white-space:nowrap;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s}.today-btn[data-v-5163f539]:hover{border-color:var(--primary-color);color:var(--primary-color)}.result-panel[data-v-5163f539]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}.result-panel h3[data-v-5163f539]{color:var(--text-color);margin-bottom:16px;font-size:14px;font-weight:700}.result-cards[data-v-5163f539]{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.result-card[data-v-5163f539]{background:var(--card-bg);border:2px solid var(--border-color);text-align:center;border-radius:8px;padding:20px 16px;transition:all .2s}.result-card[data-v-5163f539]:hover{transform:translateY(-2px)}.result-card.primary[data-v-5163f539]{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color)10,var(--card-bg))}.card-icon[data-v-5163f539]{margin-bottom:8px;font-size:32px}.card-value[data-v-5163f539]{color:var(--text-color);margin-bottom:4px;font-size:28px;font-weight:700}.result-card.primary .card-value[data-v-5163f539]{color:var(--primary-color)}.card-label[data-v-5163f539]{color:var(--text-secondary);font-size:12px}.result-date-card[data-v-5163f539]{background:var(--card-bg);text-align:center;border-radius:10px;padding:30px}.date-large[data-v-5163f539]{color:var(--primary-color);margin-bottom:12px;font-family:Consolas,Monaco,monospace;font-size:36px;font-weight:700}.date-formatted[data-v-5163f539]{color:var(--text-color);margin-bottom:12px;font-size:18px}.date-badge[data-v-5163f539]{background:var(--primary-color);color:#fff;border-radius:20px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.date-info[data-v-5163f539]{color:var(--text-secondary);font-size:14px;line-height:1.6}.date-info strong[data-v-5163f539]{color:var(--text-color);font-weight:600}.info-box[data-v-5163f539]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-5163f539]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-5163f539]{margin:0;padding:0;list-style:none}.info-box li[data-v-5163f539]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-5163f539]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.date-range[data-v-5163f539],.add-workday-inputs[data-v-5163f539]{grid-template-columns:1fr}.result-cards[data-v-5163f539]{grid-template-columns:repeat(2,1fr)}}.tool-container[data-v-599ae4f1]{flex-direction:column;gap:12px;display:flex}.source-panel[data-v-599ae4f1],.result-panel[data-v-599ae4f1],.add-panel[data-v-599ae4f1]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-599ae4f1]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.source-inputs[data-v-599ae4f1]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group[data-v-599ae4f1]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-599ae4f1]{color:var(--text-color);font-size:13px;font-weight:600}.time-row[data-v-599ae4f1]{gap:8px;display:flex}.time-input[data-v-599ae4f1],.timezone-select[data-v-599ae4f1]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.time-input[data-v-599ae4f1]:focus,.timezone-select[data-v-599ae4f1]:focus{border-color:var(--primary-color)}.now-btn[data-v-599ae4f1]{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s}.now-btn[data-v-599ae4f1]:hover{background:var(--primary-hover)}.result-list[data-v-599ae4f1]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.result-item[data-v-599ae4f1]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;padding:16px}.result-header[data-v-599ae4f1]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.result-city[data-v-599ae4f1]{color:var(--text-secondary);font-size:13px;font-weight:600}.remove-btn[data-v-599ae4f1]{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px;transition:all .2s}.remove-btn[data-v-599ae4f1]:hover{color:#f66}.result-time[data-v-599ae4f1]{color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:28px;font-weight:700}.day-diff[data-v-599ae4f1]{color:var(--text-secondary);margin-left:8px;font-size:14px}.timezone-grid[data-v-599ae4f1]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.tz-btn[data-v-599ae4f1]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.tz-btn[data-v-599ae4f1]:not(:disabled):hover{border-color:var(--primary-color);transform:translateY(-2px)}.tz-btn[data-v-599ae4f1]:disabled{opacity:.5;cursor:not-allowed}.info-box[data-v-599ae4f1]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-599ae4f1]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-599ae4f1]{margin:0;padding:0;list-style:none}.info-box li[data-v-599ae4f1]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-599ae4f1]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.source-inputs[data-v-599ae4f1],.result-list[data-v-599ae4f1]{grid-template-columns:1fr}}.tool-container[data-v-c138ff8c]{flex-direction:column;gap:12px;display:flex}.mode-tabs[data-v-c138ff8c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.mode-tab[data-v-c138ff8c]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.mode-tab[data-v-c138ff8c]:hover{border-color:var(--primary-color)}.mode-tab.active[data-v-c138ff8c]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.timer-section[data-v-c138ff8c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:20px;padding:20px;display:flex}.presets[data-v-c138ff8c]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preset-btn[data-v-c138ff8c]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.preset-btn[data-v-c138ff8c]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.time-inputs[data-v-c138ff8c],.date-inputs[data-v-c138ff8c]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.input-group[data-v-c138ff8c]{text-align:center;flex-direction:column;gap:8px;display:flex}.input-group label[data-v-c138ff8c]{color:var(--text-secondary);font-size:12px;font-weight:600}.time-num-input[data-v-c138ff8c],.date-input[data-v-c138ff8c]{background:var(--card-bg);border:2px solid var(--border-color);text-align:center;color:var(--text-color);border-radius:8px;outline:none;padding:10px;font-size:16px}.time-num-input[data-v-c138ff8c]:focus,.date-input[data-v-c138ff8c]:focus{border-color:var(--primary-color)}.display-time[data-v-c138ff8c]{text-align:center;background:var(--card-bg);border-radius:10px;padding:40px 20px}.time-digit[data-v-c138ff8c]{color:var(--primary-color);font-family:Consolas,Monaco,monospace;font-size:72px;font-weight:700}.time-sep[data-v-c138ff8c]{color:var(--text-secondary);margin:0 8px;font-size:72px;font-weight:700}.controls[data-v-c138ff8c]{justify-content:center;gap:12px;display:flex}.control-btn[data-v-c138ff8c]{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.control-btn.start[data-v-c138ff8c]{color:#fff;background:#4caf50}.control-btn.pause[data-v-c138ff8c]{color:#fff;background:#ff9800}.control-btn.stop[data-v-c138ff8c]{color:#fff;background:#f44336}.control-btn.reset[data-v-c138ff8c]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color)}.control-btn[data-v-c138ff8c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.countdown-display[data-v-c138ff8c]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.countdown-item[data-v-c138ff8c]{text-align:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:20px}.countdown-num[data-v-c138ff8c]{color:var(--primary-color);margin-bottom:8px;font-family:Consolas,Monaco,monospace;font-size:48px;font-weight:700}.countdown-label[data-v-c138ff8c]{color:var(--text-secondary);font-size:14px;font-weight:600}.past-notice[data-v-c138ff8c]{text-align:center;color:var(--text-secondary);padding:40px;font-size:20px}.info-box[data-v-c138ff8c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-c138ff8c]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-c138ff8c]{margin:0;padding:0;list-style:none}.info-box li[data-v-c138ff8c]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-c138ff8c]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.time-digit[data-v-c138ff8c],.time-sep[data-v-c138ff8c]{font-size:48px}.countdown-display[data-v-c138ff8c]{grid-template-columns:repeat(2,1fr)}.countdown-num[data-v-c138ff8c]{font-size:36px}}.tool-container[data-v-2e870390]{flex-direction:column;gap:12px;display:flex}.examples[data-v-2e870390]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.example-btn[data-v-2e870390]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.example-btn[data-v-2e870390]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.request-section[data-v-2e870390],.response-section[data-v-2e870390]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-2e870390]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.url-row[data-v-2e870390]{gap:8px;margin-bottom:12px;display:flex}.method-select[data-v-2e870390]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;font-weight:600}.url-input[data-v-2e870390]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:13px}.url-input[data-v-2e870390]:focus{border-color:var(--primary-color)}.send-btn[data-v-2e870390]{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.send-btn[data-v-2e870390]:hover:not(:disabled){background:var(--primary-hover)}.send-btn[data-v-2e870390]:disabled{opacity:.6;cursor:not-allowed}.config-row[data-v-2e870390]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.config-group[data-v-2e870390]{flex-direction:column;gap:8px;display:flex}.config-group label[data-v-2e870390]{color:var(--text-color);font-size:12px;font-weight:600}.config-textarea[data-v-2e870390]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:10px;font-family:Consolas,Monaco,monospace;font-size:12px}.config-textarea[data-v-2e870390]:focus{border-color:var(--primary-color)}.response-header[data-v-2e870390]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.response-actions[data-v-2e870390]{gap:8px;display:flex}.action-btn[data-v-2e870390]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.action-btn[data-v-2e870390]:hover{background:var(--border-color)}.status-bar[data-v-2e870390]{background:var(--card-bg);border-radius:8px;gap:16px;margin-bottom:12px;padding:12px;display:flex}.status-item[data-v-2e870390]{align-items:center;gap:8px;display:flex}.status-badge[data-v-2e870390]{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.success[data-v-2e870390]{color:#155724;background:#d4edda}.dark .status-badge.success[data-v-2e870390]{color:#4ade80;background:#1e4620}.status-badge.client-error[data-v-2e870390],.status-badge.server-error[data-v-2e870390],.status-badge.error[data-v-2e870390]{color:#721c24;background:#f8d7da}.dark .status-badge.client-error[data-v-2e870390],.dark .status-badge.server-error[data-v-2e870390],.dark .status-badge.error[data-v-2e870390]{color:#f87171;background:#4a1a1e}.status-label[data-v-2e870390]{color:var(--text-secondary);font-size:12px}.status-value[data-v-2e870390]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600}.headers-panel[data-v-2e870390],.body-panel[data-v-2e870390]{margin-bottom:12px}h4[data-v-2e870390]{color:var(--text-color);margin-bottom:8px;font-size:12px;font-weight:600}.headers-list[data-v-2e870390]{background:var(--card-bg);border-radius:6px;max-height:200px;padding:10px;overflow-y:auto}.header-item[data-v-2e870390]{padding:4px 0;font-family:Consolas,Monaco,monospace;font-size:11px}.header-key[data-v-2e870390]{color:var(--text-secondary);margin-right:6px}.header-value[data-v-2e870390]{color:var(--text-color)}.response-body[data-v-2e870390]{background:var(--card-bg);max-height:400px;color:var(--text-color);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:12px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.6;overflow:auto}.info-box[data-v-2e870390]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-2e870390]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-2e870390]{margin:0;padding:0;list-style:none}.info-box li[data-v-2e870390]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-2e870390]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.config-row[data-v-2e870390]{grid-template-columns:1fr}.url-row[data-v-2e870390]{flex-direction:column}}.tool-container[data-v-af7fd29c]{flex-direction:column;gap:12px;display:flex}.config-panel[data-v-af7fd29c],.output-panel[data-v-af7fd29c],.fields-panel[data-v-af7fd29c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-af7fd29c]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.config-grid[data-v-af7fd29c]{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.config-group[data-v-af7fd29c]{flex-direction:column;gap:8px;display:flex}.config-group label[data-v-af7fd29c]{color:var(--text-color);font-size:12px;font-weight:600}.config-select[data-v-af7fd29c],.config-input[data-v-af7fd29c]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.config-select[data-v-af7fd29c]:focus,.config-input[data-v-af7fd29c]:focus{border-color:var(--primary-color)}.generate-btn[data-v-af7fd29c]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:40px;margin-top:24px;font-size:13px;font-weight:600;transition:all .2s}.generate-btn[data-v-af7fd29c]:hover{background:var(--primary-hover);transform:translateY(-2px)}.output-header[data-v-af7fd29c]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.output-actions[data-v-af7fd29c]{gap:8px;display:flex}.action-btn[data-v-af7fd29c]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.action-btn[data-v-af7fd29c]:hover{background:var(--border-color)}.output-textarea[data-v-af7fd29c]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:400px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.6}.output-info[data-v-af7fd29c]{color:var(--text-secondary);text-align:right;margin-top:8px;font-size:12px}.field-list[data-v-af7fd29c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.field-item[data-v-af7fd29c]{background:var(--card-bg);color:var(--text-color);border-radius:6px;padding:8px 12px;font-family:Consolas,Monaco,monospace;font-size:12px}.info-box[data-v-af7fd29c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-af7fd29c]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-af7fd29c]{margin:0;padding:0;list-style:none}.info-box li[data-v-af7fd29c]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-af7fd29c]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.config-grid[data-v-af7fd29c],.field-list[data-v-af7fd29c]{grid-template-columns:1fr}}.tool-container[data-v-30bc1e28]{flex-direction:column;gap:12px;display:flex}.example-bar[data-v-30bc1e28]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:12px}.example-btn[data-v-30bc1e28]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.example-btn[data-v-30bc1e28]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.config-section[data-v-30bc1e28],.output-section[data-v-30bc1e28]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-30bc1e28]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.section-header[data-v-30bc1e28]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-btn[data-v-30bc1e28]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.add-btn[data-v-30bc1e28]:hover{background:var(--primary-hover)}.form-grid[data-v-30bc1e28]{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-group[data-v-30bc1e28]{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.form-group[data-v-30bc1e28]:last-child{margin-bottom:0}.form-group label[data-v-30bc1e28]{color:var(--text-color);font-size:12px;font-weight:600}.form-input[data-v-30bc1e28],.form-select[data-v-30bc1e28],.form-textarea[data-v-30bc1e28]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:13px}.form-input[data-v-30bc1e28]:focus,.form-select[data-v-30bc1e28]:focus,.form-textarea[data-v-30bc1e28]:focus{border-color:var(--primary-color)}.form-textarea[data-v-30bc1e28]{resize:vertical;min-height:120px;line-height:1.6}.response-textarea[data-v-30bc1e28]{width:100%;max-width:100%;min-height:200px}.response-section[data-v-30bc1e28]{padding:20px}.params-list[data-v-30bc1e28]{flex-direction:column;gap:8px;display:flex}.param-row[data-v-30bc1e28]{grid-template-columns:1.5fr 1fr 80px 2fr auto;align-items:center;gap:8px;display:grid}.param-input[data-v-30bc1e28],.param-select[data-v-30bc1e28]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:8px 10px;font-family:Consolas,Monaco,monospace;font-size:12px}.param-input.flex-1[data-v-30bc1e28]{grid-column:span 1}.checkbox-label[data-v-30bc1e28]{color:var(--text-color);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.remove-btn[data-v-30bc1e28]{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:6px 10px;font-size:16px;transition:all .2s}.remove-btn[data-v-30bc1e28]:hover{color:#f66}.output-header[data-v-30bc1e28]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.output-controls[data-v-30bc1e28]{gap:8px;display:flex}.format-select[data-v-30bc1e28]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:6px 10px;font-size:12px}.action-btn[data-v-30bc1e28]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.action-btn[data-v-30bc1e28]:hover{background:var(--border-color)}.doc-output[data-v-30bc1e28]{background:var(--card-bg);max-height:600px;color:var(--text-color);white-space:pre-wrap;border-radius:8px;margin:0;padding:12px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.6;overflow:auto}.info-box[data-v-30bc1e28]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-30bc1e28]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-30bc1e28]{margin:0;padding:0;list-style:none}.info-box li[data-v-30bc1e28]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-30bc1e28]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.form-grid[data-v-30bc1e28],.param-row[data-v-30bc1e28]{grid-template-columns:1fr}}.tool-container[data-v-3d93515b]{flex-direction:column;gap:12px;display:flex}.example-bar[data-v-3d93515b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.example-btn[data-v-3d93515b]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.example-btn[data-v-3d93515b]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.input-section[data-v-3d93515b],.lang-section[data-v-3d93515b],.output-section[data-v-3d93515b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-3d93515b]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.curl-textarea[data-v-3d93515b]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:150px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6}.curl-textarea[data-v-3d93515b]:focus{border-color:var(--primary-color)}.lang-grid[data-v-3d93515b]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.lang-btn[data-v-3d93515b]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.lang-btn[data-v-3d93515b]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.lang-btn.active[data-v-3d93515b]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.lang-icon[data-v-3d93515b]{font-size:24px}.lang-name[data-v-3d93515b]{font-size:13px;font-weight:600}.output-header[data-v-3d93515b]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.copy-btn[data-v-3d93515b]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.copy-btn[data-v-3d93515b]:hover{background:var(--primary-hover)}.code-output[data-v-3d93515b]{background:var(--card-bg);max-height:500px;color:var(--text-color);white-space:pre-wrap;border-radius:8px;margin:0;padding:16px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6;overflow:auto}.info-box[data-v-3d93515b]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-3d93515b]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-3d93515b]{margin:0;padding:0;list-style:none}.info-box li[data-v-3d93515b]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-3d93515b]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.lang-grid[data-v-3d93515b]{grid-template-columns:1fr}}.tool-container[data-v-7938af5c]{flex-direction:column;gap:12px;display:flex}.input-section[data-v-7938af5c],.result-section[data-v-7938af5c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-7938af5c]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.input-row[data-v-7938af5c]{gap:8px;display:flex}.password-input[data-v-7938af5c]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:14px}.password-input[data-v-7938af5c]:focus{border-color:var(--primary-color)}.generate-btn[data-v-7938af5c],.copy-btn[data-v-7938af5c],.clear-btn[data-v-7938af5c]{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.generate-btn[data-v-7938af5c]{background:var(--primary-color);color:#fff}.generate-btn[data-v-7938af5c]:hover{background:var(--primary-hover)}.copy-btn[data-v-7938af5c]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.copy-btn[data-v-7938af5c]:disabled{opacity:.5;cursor:not-allowed}.clear-btn[data-v-7938af5c]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.copy-btn[data-v-7938af5c]:hover:not(:disabled),.clear-btn[data-v-7938af5c]:hover{background:var(--border-color)}.strength-panel[data-v-7938af5c]{background:var(--card-bg);border-radius:10px;margin-bottom:16px;padding:20px}.strength-header[data-v-7938af5c]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.strength-badge[data-v-7938af5c]{border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700}.strength-badge.very-weak[data-v-7938af5c]{color:#c33;background:#fee}.strength-badge.weak[data-v-7938af5c]{color:#c93;background:#ffe}.strength-badge.medium[data-v-7938af5c]{color:#93c;background:#fef}.strength-badge.strong[data-v-7938af5c]{color:#3c3;background:#efe}.dark .strength-badge.very-weak[data-v-7938af5c]{color:#f88;background:#400}.dark .strength-badge.weak[data-v-7938af5c]{color:#fb8;background:#440}.dark .strength-badge.medium[data-v-7938af5c]{color:#d8d;background:#404}.dark .strength-badge.strong[data-v-7938af5c]{color:#8f8;background:#040}.score-bar[data-v-7938af5c]{background:var(--border-color);border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden}.score-fill[data-v-7938af5c]{height:100%;transition:width .3s}.score-fill.very-weak[data-v-7938af5c]{background:#f44}.score-fill.weak[data-v-7938af5c]{background:#fa4}.score-fill.medium[data-v-7938af5c]{background:#a4f}.score-fill.strong[data-v-7938af5c]{background:#4f4}.score-text[data-v-7938af5c]{color:var(--text-color);margin-bottom:8px;font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700}.level-desc[data-v-7938af5c]{color:var(--text-secondary);font-size:13px}.details-grid[data-v-7938af5c]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.detail-card[data-v-7938af5c]{background:var(--card-bg);text-align:center;border-radius:8px;padding:16px}.detail-icon[data-v-7938af5c]{margin-bottom:8px;font-size:32px}.detail-label[data-v-7938af5c]{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.detail-value[data-v-7938af5c]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-size:16px;font-weight:700}.feedback-section[data-v-7938af5c],.warning-section[data-v-7938af5c]{background:var(--card-bg);border-radius:8px;margin-bottom:12px;padding:12px}.feedback-section[data-v-7938af5c]:last-child,.warning-section[data-v-7938af5c]:last-child{margin-bottom:0}h4[data-v-7938af5c]{color:var(--text-color);margin-bottom:8px;font-size:13px;font-weight:600}.feedback-list[data-v-7938af5c],.warning-list[data-v-7938af5c]{flex-direction:column;gap:6px;display:flex}.feedback-item[data-v-7938af5c],.warning-item[data-v-7938af5c]{background:var(--bg-color);border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.5}.warning-section[data-v-7938af5c]{background:#fee;border:2px solid #f88}.dark .warning-section[data-v-7938af5c]{background:#400;border-color:#a00}.warning-item[data-v-7938af5c]{color:#c33}.dark .warning-item[data-v-7938af5c]{color:#f88}.info-box[data-v-7938af5c]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-7938af5c]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-7938af5c]{margin:0;padding:0;list-style:none}.info-box li[data-v-7938af5c]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-7938af5c]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.input-row[data-v-7938af5c]{flex-wrap:wrap}.password-input[data-v-7938af5c]{flex-basis:100%}.details-grid[data-v-7938af5c]{grid-template-columns:1fr}}.tool-container[data-v-098d12c2]{flex-direction:column;gap:12px;display:flex}.example-bar[data-v-098d12c2]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.example-btn[data-v-098d12c2]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.example-btn[data-v-098d12c2]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mode-section[data-v-098d12c2],.custom-section[data-v-098d12c2]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-098d12c2]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.mode-grid[data-v-098d12c2]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.mode-btn[data-v-098d12c2]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;padding:12px;transition:all .2s}.mode-btn[data-v-098d12c2]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mode-btn.active[data-v-098d12c2]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mode-label[data-v-098d12c2]{margin-bottom:4px;font-size:13px;font-weight:600}.mode-desc[data-v-098d12c2]{opacity:.8;font-size:11px}.custom-grid[data-v-098d12c2]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.custom-item[data-v-098d12c2]{flex-direction:column;gap:6px;display:flex}.custom-item label[data-v-098d12c2]{color:var(--text-color);font-size:12px;font-weight:600}.custom-input[data-v-098d12c2]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.custom-input[data-v-098d12c2]:focus{border-color:var(--primary-color)}.io-section[data-v-098d12c2]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.io-panel[data-v-098d12c2]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}.output-header[data-v-098d12c2]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.copy-btn[data-v-098d12c2]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.copy-btn[data-v-098d12c2]:hover:not(:disabled){background:var(--primary-hover)}.copy-btn[data-v-098d12c2]:disabled{opacity:.5;cursor:not-allowed}.io-textarea[data-v-098d12c2]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:300px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6}.io-textarea[data-v-098d12c2]:focus{border-color:var(--primary-color)}.detect-info[data-v-098d12c2]{color:#1976d2;background:#e3f2fd;border-radius:6px;flex-wrap:wrap;gap:12px;margin-top:8px;padding:8px;font-size:12px;display:flex}.dark .detect-info[data-v-098d12c2]{color:#64b5f6;background:#1a2332}.info-box[data-v-098d12c2]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-098d12c2]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-098d12c2]{margin:0;padding:0;list-style:none}.info-box li[data-v-098d12c2]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-098d12c2]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.mode-grid[data-v-098d12c2],.custom-grid[data-v-098d12c2],.io-section[data-v-098d12c2]{grid-template-columns:1fr}}.tool-container[data-v-e7323fc4]{flex-direction:column;gap:12px;display:flex}.input-section[data-v-e7323fc4],.history-section[data-v-e7323fc4]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-e7323fc4]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.text-input[data-v-e7323fc4]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:200px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;margin-bottom:12px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.text-input[data-v-e7323fc4]:focus{border-color:var(--primary-color)}.text-input[data-v-e7323fc4]:disabled{opacity:.5;cursor:not-allowed}.settings[data-v-e7323fc4]{gap:16px;display:flex}.setting-item[data-v-e7323fc4]{align-items:center;gap:8px;display:flex}.setting-item label[data-v-e7323fc4]{color:var(--text-color);font-size:13px;font-weight:600}.select-input[data-v-e7323fc4]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.actions[data-v-e7323fc4]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:12px;padding:12px;display:flex}.clear-btn[data-v-e7323fc4],.reset-btn[data-v-e7323fc4]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.clear-btn[data-v-e7323fc4]{color:#fff;background:#f44336}.clear-btn[data-v-e7323fc4]:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.clear-btn[data-v-e7323fc4]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-e7323fc4]{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color)}.reset-btn[data-v-e7323fc4]:hover{background:var(--border-color)}.success-message[data-v-e7323fc4]{color:#155724;text-align:center;background:#d4edda;border:2px solid #28a745;border-radius:8px;padding:16px;font-size:14px;font-weight:600}.dark .success-message[data-v-e7323fc4]{color:#4ade80;background:#1e4620;border-color:#28a745}.history-header[data-v-e7323fc4]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.clear-history-btn[data-v-e7323fc4]{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.clear-history-btn[data-v-e7323fc4]:hover{background:var(--border-color)}.history-list[data-v-e7323fc4]{flex-direction:column;gap:8px;display:flex}.history-item[data-v-e7323fc4]{background:var(--card-bg);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.history-time[data-v-e7323fc4]{color:var(--text-secondary)}.history-detail[data-v-e7323fc4]{color:var(--text-color);font-family:Consolas,Monaco,monospace;font-weight:600}.info-box[data-v-e7323fc4]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-e7323fc4]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-e7323fc4]{margin:0;padding:0;list-style:none}.info-box li[data-v-e7323fc4]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-e7323fc4]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:768px){.settings-panel[data-v-e7323fc4]{padding:16px}.level-options[data-v-e7323fc4]{grid-template-columns:1fr}.io-textarea[data-v-e7323fc4]{min-height:150px;font-size:13px}.results-panel[data-v-e7323fc4]{padding:16px}.info-box[data-v-e7323fc4]{padding:12px}}.tool-container[data-v-92c96005]{flex-direction:column;gap:12px;display:flex}.example-bar[data-v-92c96005]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;gap:8px;padding:12px;display:flex}.example-btn[data-v-92c96005]{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.example-btn[data-v-92c96005]:hover{border-color:var(--primary-color);transform:translateY(-2px)}.input-section[data-v-92c96005],.stats-section[data-v-92c96005],.details-section[data-v-92c96005]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:16px}h3[data-v-92c96005]{color:var(--text-color);margin-bottom:12px;font-size:14px;font-weight:700}.text-input[data-v-92c96005]{background:var(--card-bg);border:2px solid var(--border-color);width:100%;min-height:200px;color:var(--text-color);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.text-input[data-v-92c96005]:focus{border-color:var(--primary-color)}.stats-grid[data-v-92c96005]{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stat-card[data-v-92c96005]{background:var(--card-bg);text-align:center;border:2px solid var(--border-color);border-radius:8px;padding:16px}.stat-card.total[data-v-92c96005]{border-color:#2196f3}.stat-card.critical[data-v-92c96005]{border-color:#f44336}.stat-card.high[data-v-92c96005]{border-color:#ff9800}.stat-card.medium[data-v-92c96005]{border-color:#ffc107}.stat-card.low[data-v-92c96005]{border-color:#4caf50}.stat-icon[data-v-92c96005]{margin-bottom:8px;font-size:24px}.stat-value[data-v-92c96005]{color:var(--text-color);margin-bottom:4px;font-size:24px;font-weight:700}.stat-label[data-v-92c96005]{color:var(--text-secondary);font-size:11px}.details-header[data-v-92c96005]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.export-btn[data-v-92c96005]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.export-btn[data-v-92c96005]:hover{background:var(--primary-hover)}.details-list[data-v-92c96005]{flex-direction:column;gap:10px;display:flex}.detail-item[data-v-92c96005]{background:var(--card-bg);border-left:4px solid var(--primary-color);border-radius:8px;padding:12px}.item-header[data-v-92c96005]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.item-type[data-v-92c96005]{align-items:center;gap:8px;display:flex}.item-icon[data-v-92c96005]{font-size:18px}.item-typename[data-v-92c96005]{color:var(--text-color);font-size:13px;font-weight:600}.risk-badge[data-v-92c96005]{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.risk-critical[data-v-92c96005]{color:#c33;background:#fee}.risk-high[data-v-92c96005]{color:#c93;background:#ffe}.risk-medium[data-v-92c96005]{color:#93c;background:#fef}.risk-low[data-v-92c96005]{color:#3c3;background:#efe}.dark .risk-critical[data-v-92c96005]{color:#f88;background:#400}.dark .risk-high[data-v-92c96005]{color:#fb8;background:#440}.dark .risk-medium[data-v-92c96005]{color:#d8d;background:#404}.dark .risk-low[data-v-92c96005]{color:#8f8;background:#040}.item-value[data-v-92c96005]{color:var(--text-color);word-break:break-all;margin-bottom:4px;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.item-position[data-v-92c96005]{color:var(--text-secondary);font-size:11px}.no-result[data-v-92c96005]{text-align:center;background:var(--bg-color);border:1px solid var(--border-color);color:#4caf50;border-radius:10px;padding:40px;font-size:16px;font-weight:600}.info-box[data-v-92c96005]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px}.info-box h4[data-v-92c96005]{color:var(--text-color);margin-bottom:6px;font-size:12px}.info-box ul[data-v-92c96005]{margin:0;padding:0;list-style:none}.info-box li[data-v-92c96005]{color:var(--text-secondary);padding:4px 0;font-size:12px;line-height:1.6}.info-box li[data-v-92c96005]:before{content:"• ";color:var(--primary-color);margin-right:6px;font-weight:700}@media (max-width:1024px){.stats-grid[data-v-92c96005]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid[data-v-92c96005]{grid-template-columns:repeat(2,1fr)}}.tool-page-overlay[data-v-488e1ebb]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn-488e1ebb;display:flex;position:fixed;inset:0}@keyframes fadeIn-488e1ebb{0%{opacity:0}to{opacity:1}}.tool-page[data-v-488e1ebb]{background:var(--card-bg);border-radius:20px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp-488e1ebb;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes slideUp-488e1ebb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-page-header[data-v-488e1ebb]{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}@media (max-width:768px){.tool-page-header[data-v-488e1ebb]{padding:16px 20px}}.tool-page-title[data-v-488e1ebb]{align-items:center;gap:16px;display:flex}.tool-page-icon[data-v-488e1ebb]{font-size:36px}@media (max-width:768px){.tool-page-icon[data-v-488e1ebb]{font-size:28px}}.tool-page-title h2[data-v-488e1ebb]{color:var(--text-color);font-size:24px;font-weight:700}@media (max-width:768px){.tool-page-title h2[data-v-488e1ebb]{font-size:20px}}.close-btn[data-v-488e1ebb]{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-color);border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.close-btn[data-v-488e1ebb]:hover{background:var(--border-color);transform:rotate(90deg)}.tool-page-content[data-v-488e1ebb]{flex:1;padding:24px;overflow-y:auto}@media (max-width:768px){.tool-page-content[data-v-488e1ebb]{padding:20px 16px}}.coming-soon[data-v-488e1ebb]{text-align:center;padding:80px 20px}@media (max-width:768px){.coming-soon[data-v-488e1ebb]{padding:60px 20px}}.coming-soon-icon[data-v-488e1ebb]{margin-bottom:16px;font-size:64px}@media (max-width:768px){.coming-soon-icon[data-v-488e1ebb]{font-size:48px}}.coming-soon h3[data-v-488e1ebb]{color:var(--text-color);margin-bottom:8px;font-size:24px}@media (max-width:768px){.coming-soon h3[data-v-488e1ebb]{font-size:20px}}.coming-soon p[data-v-488e1ebb]{color:var(--text-secondary);font-size:16px}@media (max-width:768px){.coming-soon p[data-v-488e1ebb]{font-size:14px}.tool-page[data-v-488e1ebb]{border-radius:0;max-width:100%;max-height:100vh}.tool-page-overlay[data-v-488e1ebb]{padding:0}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--bg-color:#f8fafc;--card-bg:#fff;--text-color:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow:0 1px 3px #0000001a;--shadow-hover:0 4px 12px #00000026}.dark{--bg-color:#0f172a;--card-bg:#1e293b;--text-color:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--shadow:0 1px 3px #0000004d;--shadow-hover:0 4px 12px #00000080}body{background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.header{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.header-content{align-items:center;gap:24px;padding:16px 0;display:flex}.logo{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.logo-icon{font-size:32px}.beta{background:var(--primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.search-bar{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex:1;align-items:center;gap:8px;max-width:500px;padding:0 16px;display:flex;position:relative}.search-icon{font-size:18px}.search-input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.search-input::placeholder{color:var(--text-secondary)}.theme-toggle{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:20px;transition:all .2s}.theme-toggle:hover{background:var(--border-color);transform:scale(1.05)}.main{flex:1;padding:40px 0}.categories{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.category-btn{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.category-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.category-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.category-icon{font-size:18px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:16px}}.empty-state{text-align:center;padding:80px 20px}.empty-icon{margin-bottom:16px;font-size:64px}.empty-state h3{margin-bottom:8px;font-size:24px}.empty-state p{color:var(--text-secondary);font-size:16px}.footer{background:var(--card-bg);border-top:1px solid var(--border-color);text-align:center;margin-top:60px;padding:32px 0}.footer p{color:var(--text-secondary);margin-bottom:8px}.footer-links{justify-content:center;align-items:center;gap:8px;display:flex}.footer-links a{color:var(--primary-color);text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.8}@media (max-width:768px){.container{padding:0 16px}.header-content{flex-wrap:wrap;gap:12px;padding:12px 0}.logo{gap:8px;font-size:18px}.logo-icon{font-size:24px}.beta{padding:2px 6px;font-size:10px}.search-bar{order:3;width:100%;max-width:100%;margin-top:8px}.theme-toggle{padding:8px 12px;font-size:18px}.main{padding:24px 0}.categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:0;overflow:visible}.category-btn{flex-shrink:0;padding:10px 16px;font-size:13px}.category-icon{font-size:16px}.tools-grid{grid-template-columns:1fr;gap:16px}.empty-state{padding:60px 20px}.empty-icon{font-size:48px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}.footer{margin-top:40px;padding:24px 0}.footer p{font-size:14px}}