:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#app{width:1126px;max-width:100%;margin:0 auto;text-align:center;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0;a {color: var(--text-h); font-size: 16px; border-radius: 6px; background: var(--social-bg); display: flex; padding: 6px 12px; align-items: center; gap: 8px; text-decoration: none; transition: box-shadow .3s; &:hover {box-shadow: var(--shadow);} .button-icon {height: 18px; width: 18px;}} @media (max-width: 1024px) {margin-top: 20px; flex-wrap: wrap; justify-content: center; li {flex: 1 1 calc(50% - 8px);} a {width: 100%; justify-content: center; box-sizing: border-box;}}}#next-steps ul .logo{height:18px}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.json-tool[data-v-6a6502ab],.json-input-section[data-v-6a6502ab]{display:flex;flex-direction:column;gap:1rem}.json-textarea[data-v-6a6502ab]{width:100%;padding:1rem;border:1px solid rgba(14,165,233,.3);border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;resize:vertical;min-height:300px;background:rgba(15,23,42,.6);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.json-textarea[data-v-6a6502ab]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;background:rgba(15,23,42,.8)}.json-buttons[data-v-6a6502ab]{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.json-buttons button[data-v-6a6502ab]{padding:.6rem 1.2rem;background:rgba(14,165,233,.2);color:#0ea5e9;border:1px solid rgba(14,165,233,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;position:relative;overflow:hidden}.json-buttons button[data-v-6a6502ab]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.json-buttons button[data-v-6a6502ab]:hover:before{left:100%}.json-buttons button[data-v-6a6502ab]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-2px)}.json-buttons button[data-v-6a6502ab]:active{transform:translateY(0);box-shadow:none}.json-buttons button[data-v-6a6502ab]:disabled{background:rgba(148,163,184,.1);color:#64748b;border-color:#94a3b833;cursor:not-allowed;transform:none;box-shadow:none}.json-buttons button[data-v-6a6502ab]:disabled:hover{background:rgba(148,163,184,.1);border-color:#94a3b833;box-shadow:none}.json-buttons button[data-v-6a6502ab]:disabled:before{display:none}.json-error[data-v-6a6502ab]{color:#e74c3c;font-size:14px;margin-top:.5rem}.json-success[data-v-6a6502ab]{color:#27ae60;font-size:14px;margin-top:.5rem}.password-tool[data-v-11db0b34]{display:flex;flex-direction:row;gap:2rem;width:100%}.password-options[data-v-11db0b34]{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(15,23,42,.6);border-radius:10px;border:1px solid rgba(14,165,233,.2);flex:0 0 45%;max-width:45%}.option-group h3[data-v-11db0b34]{margin-bottom:.5rem;color:#0ea5e9;font-size:1rem;font-weight:600}.checkbox-group[data-v-11db0b34]{display:flex;gap:1.5rem;flex-wrap:wrap}.checkbox-group label[data-v-11db0b34]{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e0e0e0;font-size:14px}.checkbox-group input[type=checkbox][data-v-11db0b34]{accent-color:#0ea5e9}.exclude-input[data-v-11db0b34]{width:100%;padding:.7rem;border:1px solid rgba(14,165,233,.3);border-radius:6px;background:rgba(15,23,42,.8);color:#e0e0e0;font-size:14px;transition:all .3s ease}.exclude-input[data-v-11db0b34]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;background:rgba(15,23,42,.8)}.setting-row[data-v-11db0b34]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;color:#e0e0e0;font-size:14px}.number-input[data-v-11db0b34]{width:80px;padding:.5rem;border:1px solid rgba(14,165,233,.3);border-radius:6px;text-align:center;background:rgba(15,23,42,.8);color:#e0e0e0;transition:all .3s ease}.number-input[data-v-11db0b34]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;background:rgba(15,23,42,.8)}.range-input[data-v-11db0b34]{flex:1;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,rgba(14,165,233,.3),rgba(14,165,233,.6));border-radius:5px;outline:none;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000004d}.range-input[data-v-11db0b34]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #0ea5e9cc,0 2px 6px #0000004d;transition:all .3s ease;border:3px solid white}.range-input[data-v-11db0b34]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px #0ea5e9,0 4px 10px #0006}.range-input[data-v-11db0b34]::-webkit-slider-thumb:active{transform:scale(1.1);background:linear-gradient(135deg,#0284c7,#0369a1)}.range-input[data-v-11db0b34]::-moz-range-thumb{width:26px;height:26px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 0 8px #0ea5e9cc,0 2px 6px #0000004d;transition:all .3s ease}.range-input[data-v-11db0b34]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px #0ea5e9,0 4px 10px #0006}.setting-row[data-v-11db0b34]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;color:#e0e0e0;font-size:14px;flex-wrap:wrap}.setting-row label[data-v-11db0b34]{min-width:80px;color:#0ea5e9;font-weight:500}.setting-row span[data-v-11db0b34]{min-width:50px;color:#e0e0e0;font-weight:500;text-align:center}.generate-button[data-v-11db0b34]{padding:.8rem 1.5rem;background:rgba(14,165,233,.3);color:#fff;border:1px solid rgba(14,165,233,.5);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:700;margin-top:1rem;position:relative;overflow:hidden}.generate-button[data-v-11db0b34]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.generate-button[data-v-11db0b34]:hover:before{left:100%}.generate-button[data-v-11db0b34]:hover{background:rgba(14,165,233,.4);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-2px)}.generate-button[data-v-11db0b34]:active{transform:translateY(0);box-shadow:none}.password-results[data-v-11db0b34]{display:flex;flex-direction:column;gap:1rem;flex:0 0 55%;max-width:55%;padding:1.5rem;background:rgba(15,23,42,.6);border-radius:10px;border:1px solid rgba(14,165,233,.2)}.password-list[data-v-11db0b34]{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.password-item[data-v-11db0b34]{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:rgba(15,23,42,.6);border-radius:6px;border:1px solid rgba(14,165,233,.2);font-family:Courier New,Courier,monospace;color:#e0e0e0;transition:all .3s ease}.password-item[data-v-11db0b34]:hover{border-color:#0ea5e966;box-shadow:0 2px 8px #0ea5e933}.password-info[data-v-11db0b34]{display:flex;flex-direction:column;gap:.3rem;flex:1}.password-value[data-v-11db0b34]{font-size:1rem;font-weight:600;letter-spacing:1px}.password-security[data-v-11db0b34]{display:flex;align-items:center;gap:1rem;font-size:.85rem}.security-level[data-v-11db0b34]{font-weight:700;padding:.1rem .4rem;border-radius:3px;background:rgba(255,255,255,.1)}.crack-time[data-v-11db0b34]{color:#94a3b8}.copy-button[data-v-11db0b34]{padding:.3rem .8rem;background:rgba(14,165,233,.2);color:#0ea5e9;border:1px solid rgba(14,165,233,.3);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500;position:relative;overflow:hidden}.copy-button[data-v-11db0b34]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.copy-button[data-v-11db0b34]:hover:before{left:100%}.copy-button[data-v-11db0b34]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;box-shadow:0 2px 6px #0ea5e94d;transform:translateY(-1px)}.copy-button[data-v-11db0b34]:active{transform:translateY(0);box-shadow:none}.no-results[data-v-11db0b34]{padding:2rem;text-align:center;color:#94a3b8;background:rgba(15,23,42,.6);border-radius:6px;border:1px solid rgba(14,165,233,.2)}@media (max-width: 768px){.password-tool[data-v-11db0b34]{flex-direction:column}.password-options[data-v-11db0b34],.password-results[data-v-11db0b34]{flex:1;max-width:100%}}.toast[data-v-11db0b34]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #0ea5e980;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-11db0b34 .3s ease}.toast-icon[data-v-11db0b34]{font-size:2.5rem;animation:pulse-11db0b34 .5s ease}@keyframes toastIn-11db0b34{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-11db0b34{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.cron-tool[data-v-8ac705c7]{display:flex;flex-direction:column;gap:1.5rem}.cron-header[data-v-8ac705c7]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cron-header h2[data-v-8ac705c7]{margin:0;color:#e2e8f0;font-size:1.5rem}.presets[data-v-8ac705c7]{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn[data-v-8ac705c7]{padding:.5rem 1rem;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.9rem;transition:all .3s ease}.preset-btn[data-v-8ac705c7]:hover{background:rgba(14,165,233,.2);border-color:#0ea5e980;color:#0ea5e9}.cron-content[data-v-8ac705c7]{display:flex;flex-direction:column;gap:1.5rem}.cron-builder[data-v-8ac705c7]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);overflow:hidden;width:100%}.tabs[data-v-8ac705c7]{display:flex;background:rgba(15,23,42,.8);border-bottom:1px solid rgba(148,163,184,.2)}.tab-btn[data-v-8ac705c7]{flex:1;padding:1rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn[data-v-8ac705c7]:hover{color:#cbd5e1;background:rgba(148,163,184,.1)}.tab-btn.active[data-v-8ac705c7]{color:#0ea5e9;border-bottom-color:#0ea5e9;background:rgba(14,165,233,.1)}.tab-content[data-v-8ac705c7]{padding:1.5rem}.field-panel[data-v-8ac705c7]{display:flex;flex-direction:column;gap:1.5rem}.field-options[data-v-8ac705c7]{display:flex;flex-direction:column;gap:1rem}.option-item[data-v-8ac705c7]{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;cursor:pointer;flex-wrap:wrap}.option-item input[type=radio][data-v-8ac705c7]{accent-color:#0ea5e9;width:16px;height:16px}.hint[data-v-8ac705c7]{color:#64748b;font-size:.85rem;margin-left:auto}.small-input[data-v-8ac705c7]{width:60px;padding:.4rem .6rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:6px;color:#e2e8f0;text-align:center;font-size:.95rem}.small-input[data-v-8ac705c7]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.number-grid[data-v-8ac705c7]{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem}.day-grid[data-v-8ac705c7]{grid-template-columns:repeat(7,1fr)}.month-grid[data-v-8ac705c7]{grid-template-columns:repeat(6,1fr)}.week-grid[data-v-8ac705c7]{grid-template-columns:repeat(7,1fr)}.am-pm[data-v-8ac705c7]{display:contents}.am-pm h5[data-v-8ac705c7]{grid-column:1 / -1;color:#0ea5e9;margin:.5rem 0 .25rem;font-size:.9rem}.number-item[data-v-8ac705c7]{padding:.6rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:6px;color:#cbd5e1;text-align:center;cursor:pointer;transition:all .2s ease;font-size:.9rem}.number-item[data-v-8ac705c7]:hover{border-color:#0ea5e9;background:rgba(14,165,233,.1)}.number-item.active[data-v-8ac705c7]{background:rgba(14,165,233,.3);border-color:#0ea5e9;color:#fff}.cron-result[data-v-8ac705c7]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.cron-result h3[data-v-8ac705c7]{margin:0;color:#cbd5e1;font-size:1.1rem}.expression-parts[data-v-8ac705c7]{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.part[data-v-8ac705c7]{display:flex;flex-direction:column;gap:.3rem;text-align:center;background:rgba(15,23,42,.8);padding:.7rem .3rem;border-radius:8px;border:1px solid rgba(148,163,184,.2)}.part-label[data-v-8ac705c7]{color:#94a3b8;font-size:.8rem}.part-value[data-v-8ac705c7]{color:#0ea5e9;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.expression-box[data-v-8ac705c7]{display:flex;gap:.75rem}.expression-input[data-v-8ac705c7]{flex:1;padding:.8rem 1rem;background:rgba(15,23,42,.8);border:2px solid rgba(14,165,233,.3);border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:2px}.expression-input[data-v-8ac705c7]:focus{outline:none;border-color:#0ea5e9}.copy-btn[data-v-8ac705c7]{padding:.8rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.copy-btn[data-v-8ac705c7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.next-runs[data-v-8ac705c7]{background:rgba(15,23,42,.8);border-radius:8px;padding:1rem}.next-runs h4[data-v-8ac705c7]{margin:0 0 .75rem;color:#94a3b8;font-size:.9rem}.next-runs ul[data-v-8ac705c7]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.next-runs li[data-v-8ac705c7]{color:#0ea5e9;font-family:Courier New,monospace;font-size:.95rem;padding:.3rem 0;border-bottom:1px dashed rgba(148,163,184,.2)}.next-runs li[data-v-8ac705c7]:last-child{border-bottom:none}.toast[data-v-8ac705c7]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #0ea5e980;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-8ac705c7 .3s ease}.toast-icon[data-v-8ac705c7]{font-size:2.5rem;animation:pulse-8ac705c7 .5s ease}@keyframes toastIn-8ac705c7{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-8ac705c7{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 1200px){.number-grid[data-v-8ac705c7]{grid-template-columns:repeat(7,1fr)}}@media (max-width: 768px){.cron-header[data-v-8ac705c7]{flex-direction:column;align-items:flex-start}.tabs[data-v-8ac705c7]{overflow-x:auto}.tab-btn[data-v-8ac705c7]{flex:0 0 auto;padding:.75rem 1rem}.number-grid[data-v-8ac705c7]{grid-template-columns:repeat(5,1fr)}.day-grid[data-v-8ac705c7],.week-grid[data-v-8ac705c7],.month-grid[data-v-8ac705c7],.expression-parts[data-v-8ac705c7]{grid-template-columns:repeat(4,1fr)}.expression-box[data-v-8ac705c7]{flex-direction:column}}.xml-tool[data-v-b6a16904]{display:flex;flex-direction:column;gap:1rem;height:100%}.toolbar[data-v-b6a16904]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background:rgba(15,23,42,.6);border-radius:10px;border:1px solid rgba(148,163,184,.2)}.toolbar-left[data-v-b6a16904]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar-right[data-v-b6a16904]{display:flex;align-items:center;gap:.75rem}.tool-btn[data-v-b6a16904]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.tool-btn[data-v-b6a16904]:hover{background:rgba(148,163,184,.3);border-color:#94a3b880;transform:translateY(-1px)}.tool-btn.primary[data-v-b6a16904]{background:rgba(14,165,233,.2);border-color:#0ea5e966;color:#0ea5e9}.tool-btn.primary[data-v-b6a16904]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e999}.tool-btn.success[data-v-b6a16904]{background:rgba(34,197,94,.2);border-color:#22c55e66;color:#22c55e}.tool-btn.success[data-v-b6a16904]:hover{background:rgba(34,197,94,.3);border-color:#22c55e99}.tool-btn.danger[data-v-b6a16904]{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ef4444}.tool-btn.danger[data-v-b6a16904]:hover{background:rgba(239,68,68,.3);border-color:#ef444499}.tool-btn.file-btn[data-v-b6a16904]{background:rgba(148,163,184,.2);border-color:#94a3b866;color:#cbd5e1}.icon[data-v-b6a16904]{font-size:1.1rem}.indent-select[data-v-b6a16904]{padding:.6rem 1rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.95rem;transition:all .3s ease}.indent-select[data-v-b6a16904]:focus{outline:none;border-color:#0ea5e980;box-shadow:0 0 0 3px #0ea5e933}.file-status[data-v-b6a16904]{color:#94a3b8;font-size:.9rem;margin-left:.5rem}.editor-container[data-v-b6a16904]{position:relative;flex:1;display:flex;background:rgba(15,23,42,.6);border-radius:10px;border:1px solid rgba(148,163,184,.2);overflow:hidden;min-height:500px}.line-numbers[data-v-b6a16904]{display:flex;flex-direction:column;padding:1rem .5rem;background:rgba(15,23,42,.8);border-right:1px solid rgba(148,163,184,.2);-webkit-user-select:none;user-select:none;min-width:50px}.line-number[data-v-b6a16904]{color:#64748b;font-family:Courier New,monospace;font-size:14px;line-height:1.6;text-align:right;padding-right:.75rem}.xml-editor[data-v-b6a16904]{flex:1;padding:1rem;background:transparent;border:none;color:#e2e8f0;font-family:Courier New,monospace;font-size:14px;line-height:1.6;resize:none;outline:none;white-space:pre;overflow:auto}.xml-editor[data-v-b6a16904]::placeholder{color:#64748b}.error-message[data-v-b6a16904]{padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.95rem}.valid-message[data-v-b6a16904]{padding:1rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.toast[data-v-b6a16904]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #22c55e80;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-b6a16904 .3s ease}.toast-icon[data-v-b6a16904]{font-size:2.5rem;animation:pulse-b6a16904 .5s ease}@keyframes toastIn-b6a16904{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-b6a16904{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 768px){.toolbar[data-v-b6a16904]{flex-direction:column;align-items:stretch}.toolbar-left[data-v-b6a16904],.toolbar-right[data-v-b6a16904]{justify-content:center}.editor-container[data-v-b6a16904]{min-height:300px}}.timestamp-tool[data-v-f5e97dd0]{display:flex;flex-direction:column;gap:1.5rem}.current-timestamp-card[data-v-f5e97dd0]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:1.5rem}.timestamp-display[data-v-f5e97dd0]{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.5rem}.timestamp-value[data-v-f5e97dd0]{font-size:2.5rem;font-weight:700;color:#0ea5e9;font-family:Courier New,monospace;letter-spacing:1px}.timestamp-unit[data-v-f5e97dd0]{color:#94a3b8;font-size:1rem}.card-actions[data-v-f5e97dd0]{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn[data-v-f5e97dd0]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.action-btn[data-v-f5e97dd0]:hover{background:rgba(148,163,184,.3);border-color:#94a3b880;transform:translateY(-1px)}.action-btn.stop-btn[data-v-f5e97dd0]{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ef4444}.action-btn.stop-btn[data-v-f5e97dd0]:hover{background:rgba(239,68,68,.3);border-color:#ef444499}.icon[data-v-f5e97dd0]{font-size:1.1rem}.mode-switch[data-v-f5e97dd0]{display:flex;background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:.5rem}.mode-btn[data-v-f5e97dd0]{flex:1;padding:.75rem;background:transparent;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.mode-btn[data-v-f5e97dd0]:hover{background:rgba(148,163,184,.1)}.mode-btn.active[data-v-f5e97dd0]{background:rgba(14,165,233,.2);color:#0ea5e9}.convert-section[data-v-f5e97dd0]{display:flex;flex-direction:column;gap:1.5rem}.convert-card[data-v-f5e97dd0]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:1.5rem}.convert-header[data-v-f5e97dd0]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.convert-header h4[data-v-f5e97dd0]{margin:0;color:#cbd5e1;font-size:1rem}.convert-content[data-v-f5e97dd0]{display:flex;flex-direction:column;gap:1rem}.input-row[data-v-f5e97dd0]{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.convert-input[data-v-f5e97dd0]{flex:0 0 auto;min-width:100px;width:22%;padding:.75rem .8rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#e2e8f0;font-size:.95rem;transition:all .3s ease}.convert-input[data-v-f5e97dd0]:focus{outline:none;border-color:#0ea5e980;box-shadow:0 0 0 3px #0ea5e933}.result-input[data-v-f5e97dd0]{flex:0 0 auto;min-width:100px;width:22%;padding:.75rem .8rem;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#94a3b8;font-size:.95rem;cursor:not-allowed}.unit-select[data-v-f5e97dd0],.timezone-select[data-v-f5e97dd0]{padding:.75rem .8rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:.85rem;transition:all .3s ease;white-space:nowrap}.unit-select-small[data-v-f5e97dd0]{flex:1 1 auto;min-width:120px;max-width:120px;padding:.75rem .8rem;font-size:.85rem}.timezone-select-small[data-v-f5e97dd0]{flex:1 1 auto;min-width:100px;max-width:500px;padding:.75rem .8rem;font-size:.85rem}.unit-select[data-v-f5e97dd0]:focus,.timezone-select[data-v-f5e97dd0]:focus{outline:none;border-color:#0ea5e980;box-shadow:0 0 0 3px #0ea5e933}.convert-btn[data-v-f5e97dd0]{padding:.75rem 1rem;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.convert-btn[data-v-f5e97dd0]:hover{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#0ea5e980;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.batch-section[data-v-f5e97dd0]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:3rem;text-align:center}.batch-hint[data-v-f5e97dd0]{color:#94a3b8;font-size:1.1rem;margin:0}@media (max-width: 768px){.timestamp-value[data-v-f5e97dd0]{font-size:1.8rem}.input-row[data-v-f5e97dd0]{flex-direction:column;align-items:stretch}.convert-input[data-v-f5e97dd0],.result-input[data-v-f5e97dd0],.unit-select[data-v-f5e97dd0],.timezone-select[data-v-f5e97dd0],.convert-btn[data-v-f5e97dd0]{width:100%}}.toast[data-v-f5e97dd0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #0ea5e980;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-f5e97dd0 .3s ease}.toast-icon[data-v-f5e97dd0]{font-size:2.5rem;animation:pulse-f5e97dd0 .5s ease}@keyframes toastIn-f5e97dd0{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-f5e97dd0{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.ico-tool[data-v-fbc81a2f]{display:flex;flex-direction:column;gap:1.5rem}.ico-input-section[data-v-fbc81a2f]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(14,165,233,.2);padding:1.5rem}.file-input-area[data-v-fbc81a2f]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.file-select-btn[data-v-fbc81a2f]{padding:.75rem 1.5rem;background:rgba(14,165,233,.2);border:1px solid rgba(14,165,233,.3);border-radius:8px;color:#0ea5e9;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.file-select-btn[data-v-fbc81a2f]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.file-status[data-v-fbc81a2f]{color:#94a3b8;font-size:1rem}.icon-options[data-v-fbc81a2f]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.option-group[data-v-fbc81a2f]{display:flex;flex-direction:column;gap:.75rem}.option-group label[data-v-fbc81a2f]{color:#0ea5e9;font-weight:500;font-size:1rem}.size-options[data-v-fbc81a2f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-width:600px}.size-option[data-v-fbc81a2f]{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.95rem;cursor:pointer}.size-option input[type=radio][data-v-fbc81a2f]{accent-color:#0ea5e9;width:16px;height:16px}.custom-size[data-v-fbc81a2f]{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem}.custom-size-input[data-v-fbc81a2f]{padding:.5rem .75rem;background:rgba(15,23,42,.8);border:1px solid rgba(14,165,233,.3);border-radius:6px;color:#e2e8f0;font-size:.95rem;width:120px;transition:all .3s ease}.custom-size-input[data-v-fbc81a2f]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.action-buttons[data-v-fbc81a2f]{display:flex;gap:1rem;flex-wrap:wrap}.convert-btn[data-v-fbc81a2f]{padding:.8rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0369a1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.convert-btn[data-v-fbc81a2f]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.reset-btn[data-v-fbc81a2f]{padding:.8rem 1.5rem;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.reset-btn[data-v-fbc81a2f]:hover{background:rgba(148,163,184,.3);border-color:#94a3b880;transform:translateY(-2px)}.conversion-result[data-v-fbc81a2f]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(14,165,233,.2);padding:1.5rem}.conversion-result h4[data-v-fbc81a2f]{margin:0 0 1rem;color:#cbd5e1;font-size:1.1rem}.result-table[data-v-fbc81a2f]{background:rgba(15,23,42,.8);border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.table-header[data-v-fbc81a2f]{display:grid;grid-template-columns:50px 1fr 1fr 100px;background:rgba(14,165,233,.2);padding:.75rem 1rem;font-weight:600;color:#0ea5e9;border-bottom:1px solid rgba(14,165,233,.2)}.table-row[data-v-fbc81a2f]{display:grid;grid-template-columns:50px 1fr 1fr 100px;padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.2)}.table-row[data-v-fbc81a2f]:last-child{border-bottom:none}.col[data-v-fbc81a2f]{display:flex;align-items:center;color:#e2e8f0}.file-info[data-v-fbc81a2f]{display:flex;flex-direction:column;gap:.25rem}.file-name[data-v-fbc81a2f]{font-weight:500;color:#e2e8f0}.file-size[data-v-fbc81a2f]{font-size:.85rem;color:#94a3b8}.download-btn[data-v-fbc81a2f]{padding:.5rem 1rem;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);border-radius:6px;color:#22c55e;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.download-btn[data-v-fbc81a2f]:hover{background:rgba(34,197,94,.3);border-color:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.preview-section[data-v-fbc81a2f]{margin-top:1.5rem}.preview-section h5[data-v-fbc81a2f]{margin:0 0 1rem;color:#cbd5e1;font-size:1rem}.preview-grid[data-v-fbc81a2f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.preview-item[data-v-fbc81a2f]{display:flex;flex-direction:column;gap:.75rem}.preview-info[data-v-fbc81a2f]{color:#0ea5e9;font-weight:500;font-size:.9rem;text-align:center}.preview-container[data-v-fbc81a2f]{background:rgba(15,23,42,.8);border-radius:8px;padding:1.5rem;display:flex;justify-content:center;align-items:center;min-height:150px}.preview-image[data-v-fbc81a2f]{max-width:100%;max-height:150px;border-radius:4px;box-shadow:0 4px 12px #0000004d}.toast[data-v-fbc81a2f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #22c55e80;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-fbc81a2f .3s ease}.toast-icon[data-v-fbc81a2f]{font-size:2.5rem;animation:pulse-fbc81a2f .5s ease}@keyframes toastIn-fbc81a2f{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-fbc81a2f{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 768px){.size-options[data-v-fbc81a2f]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.table-header[data-v-fbc81a2f],.table-row[data-v-fbc81a2f]{grid-template-columns:40px 1fr 1fr 80px;font-size:.9rem}.action-buttons[data-v-fbc81a2f]{flex-direction:column}.file-input-area[data-v-fbc81a2f]{flex-direction:column;align-items:flex-start}}.svg-tool[data-v-533dd1c0]{display:flex;flex-direction:column;gap:1.5rem}.svg-input-section[data-v-533dd1c0]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(14,165,233,.2);padding:1.5rem}.file-input-area[data-v-533dd1c0]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.file-select-btn[data-v-533dd1c0]{padding:.75rem 1.5rem;background:rgba(14,165,233,.2);border:1px solid rgba(14,165,233,.3);border-radius:8px;color:#0ea5e9;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.file-select-btn[data-v-533dd1c0]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.file-status[data-v-533dd1c0]{color:#94a3b8;font-size:1rem}.action-buttons[data-v-533dd1c0]{display:flex;gap:1rem;flex-wrap:wrap}.convert-btn[data-v-533dd1c0]{padding:.8rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0369a1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.convert-btn[data-v-533dd1c0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.convert-btn[data-v-533dd1c0]:disabled{background:rgba(148,163,184,.3);cursor:not-allowed}.reset-btn[data-v-533dd1c0]{padding:.8rem 1.5rem;background:rgba(148,163,184,.2);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.reset-btn[data-v-533dd1c0]:hover{background:rgba(148,163,184,.3);border-color:#94a3b880;transform:translateY(-2px)}.conversion-result[data-v-533dd1c0]{background:rgba(15,23,42,.6);border-radius:12px;border:1px solid rgba(14,165,233,.2);padding:1.5rem}.conversion-result h4[data-v-533dd1c0]{margin:0 0 1rem;color:#cbd5e1;font-size:1.1rem}.result-table[data-v-533dd1c0]{background:rgba(15,23,42,.8);border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.table-header[data-v-533dd1c0]{display:grid;grid-template-columns:2fr 1fr 2fr;background:rgba(14,165,233,.2);padding:.75rem 1rem;font-weight:600;color:#0ea5e9;border-bottom:1px solid rgba(14,165,233,.2)}.table-row[data-v-533dd1c0]{display:grid;grid-template-columns:2fr 1fr 2fr;padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.2)}.table-row[data-v-533dd1c0]:last-child{border-bottom:none}.col[data-v-533dd1c0]{display:flex;align-items:center;color:#e2e8f0}.file-info[data-v-533dd1c0]{display:flex;flex-direction:column;gap:.25rem}.file-name[data-v-533dd1c0]{font-weight:500;color:#e2e8f0}.file-size[data-v-533dd1c0]{font-size:.85rem;color:#94a3b8}.download-btn[data-v-533dd1c0]{padding:.5rem 1rem;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);border-radius:6px;color:#22c55e;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-right:.5rem}.download-btn[data-v-533dd1c0]:hover{background:rgba(34,197,94,.3);border-color:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.copy-btn[data-v-533dd1c0]{padding:.5rem 1rem;background:rgba(14,165,233,.2);border:1px solid rgba(14,165,233,.4);border-radius:6px;color:#0ea5e9;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.copy-btn[data-v-533dd1c0]:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.preview-section[data-v-533dd1c0]{margin-top:1.5rem}.preview-section h5[data-v-533dd1c0]{margin:0 0 1rem;color:#cbd5e1;font-size:1rem}.preview-comparison[data-v-533dd1c0]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-item[data-v-533dd1c0]{display:flex;flex-direction:column;gap:.75rem}.preview-label[data-v-533dd1c0]{color:#0ea5e9;font-weight:500;font-size:.9rem;text-align:center}.preview-container[data-v-533dd1c0]{background:rgba(15,23,42,.8);border-radius:8px;padding:1.5rem;display:flex;justify-content:center;align-items:center;min-height:200px}.preview-image[data-v-533dd1c0]{max-width:100%;max-height:200px;border-radius:4px;box-shadow:0 4px 12px #0000004d}.code-section[data-v-533dd1c0]{margin-top:1.5rem}.code-section h5[data-v-533dd1c0]{margin:0 0 1rem;color:#cbd5e1;font-size:1rem}.code-block[data-v-533dd1c0]{background:rgba(15,23,42,.8);border-radius:8px;padding:1rem;color:#e2e8f0;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.toast[data-v-533dd1c0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #22c55e80;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:toastIn-533dd1c0 .3s ease}.toast-icon[data-v-533dd1c0]{font-size:2.5rem;animation:pulse-533dd1c0 .5s ease}@keyframes toastIn-533dd1c0{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-533dd1c0{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 768px){.preview-comparison[data-v-533dd1c0]{grid-template-columns:1fr}.table-header[data-v-533dd1c0],.table-row[data-v-533dd1c0]{grid-template-columns:1fr 1fr;font-size:.9rem}.table-header .col[data-v-533dd1c0]:last-child,.table-row .col[data-v-533dd1c0]:last-child{grid-column:1 / -1;margin-top:.5rem}.action-buttons[data-v-533dd1c0]{flex-direction:column}.file-input-area[data-v-533dd1c0]{flex-direction:column;align-items:flex-start}}*{margin-top:1px;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#e0e0e0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app{min-height:100vh;display:flex;flex-direction:column}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0ea5e9;box-shadow:0 4px 6px -1px #0000004d;border-bottom:0px solid rgba(14,165,233,.2);animation:slideDown .5s ease-in-out;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0rem;max-width:100%;width:100%;box-sizing:border-box;gap:1.5rem}.nav{margin-left:auto}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.header h1{font-size:1.3rem;font-weight:700;text-shadow:0 0 10px rgba(14,165,233,.5);letter-spacing:1px;margin:0;flex-shrink:0;white-space:nowrap}.nav ul{display:flex;list-style:none;flex-wrap:nowrap;align-items:center;margin:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav ul::-webkit-scrollbar{display:none}.nav li{margin-right:.5rem;margin-bottom:0;flex-shrink:0}.nav button{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#0ea5e9;padding:.5rem .8rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;position:relative;overflow:hidden;white-space:nowrap}.nav button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(14,165,233,.2),transparent);transition:left .5s}.nav button:hover:before{left:100%}.nav button:hover{background:rgba(14,165,233,.2);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d;border-color:#0ea5e9}.nav button.active{background:rgba(14,165,233,.3);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966;border-color:#0ea5e9}.main{flex:1;animation:slideUp .5s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tool-container{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(14,165,233,.2);transition:all .3s ease;position:relative;overflow:hidden}.tool-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0ea5e9,transparent);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.tool-container:hover{box-shadow:0 12px 40px #0ea5e933;transform:translateY(-2px);border-color:#0ea5e966}.tool-container h2{margin-bottom:1.5rem;color:#0ea5e9;font-size:1.8rem;font-weight:700;text-shadow:0 0 5px rgba(14,165,233,.3)}button{transition:all .3s ease;cursor:pointer;font-weight:500;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}button:active{transform:translateY(0);box-shadow:none}input[type=text],input[type=number],textarea{transition:all .3s ease;border:1px solid rgba(14,165,233,.3);border-radius:6px;padding:.7rem;font-size:14px;background:rgba(15,23,42,.6);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;background:rgba(15,23,42,.8)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem}.header h1{font-size:1.2rem;margin-bottom:0}.nav{width:100%;overflow-x:auto}.nav ul{flex-wrap:nowrap;width:auto}.nav li{margin-right:.5rem;margin-bottom:0}.nav button{padding:.4rem .6rem;font-size:12px}.main{padding:1rem}.tool-container{padding:1.5rem}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;font-size:14px;padding:1rem 1.5rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left,.footer-center,.footer-right{min-width:100px}.footer-left{text-align:left;color:#94a3b8}.footer-center{text-align:center;color:#94a3b8}.footer-right{text-align:right;color:#94a3b8}.footer-nav-item a{color:#0ea5e9;text-decoration:none;transition:color .3s ease}.footer-nav-item a:hover{color:#38bdf8;text-decoration:underline}.text-color{color:#0ea5e9}#TimeShow{font-size:12px;color:#64748b}.json-tool,.json-input-section{display:flex;flex-direction:column;gap:1rem}.json-textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:14px;resize:vertical;min-height:300px}.json-buttons{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.json-buttons button{padding:.6rem 1.2rem;background:rgba(14,165,233,.2);color:#0ea5e9;border:1px solid rgba(14,165,233,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.json-buttons button:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d}.json-error{color:#e74c3c;font-size:14px;margin-top:.5rem}.json-success{color:#27ae60;font-size:14px;margin-top:.5rem}.password-tool{display:flex;flex-direction:column;gap:2rem}.password-options{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(15,23,42,.6);border-radius:10px;border:1px solid rgba(14,165,233,.2)}.option-group h3{margin-bottom:.5rem;color:#0ea5e9;font-size:1rem;font-weight:600}.checkbox-group{display:flex;gap:1.5rem;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e0e0e0;font-size:14px}.checkbox-group input[type=checkbox]{accent-color:#0ea5e9}.exclude-input{width:100%;padding:.7rem;border:1px solid rgba(14,165,233,.3);border-radius:6px;background:rgba(15,23,42,.8);color:#e0e0e0;font-size:14px}.setting-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;color:#e0e0e0;font-size:14px}.number-input{width:80px;padding:.5rem;border:1px solid rgba(14,165,233,.3);border-radius:6px;text-align:center;background:rgba(15,23,42,.8);color:#e0e0e0}.generate-button{padding:.8rem 1.5rem;background:rgba(14,165,233,.3);color:#fff;border:1px solid rgba(14,165,233,.5);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:700;margin-top:1rem}.generate-button:hover{background:rgba(14,165,233,.4);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e94d}.password-results{display:flex;flex-direction:column;gap:1rem}.password-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.password-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:rgba(15,23,42,.6);border-radius:6px;border:1px solid rgba(14,165,233,.2);font-family:Courier New,Courier,monospace;color:#e0e0e0;transition:all .3s ease}.password-item:hover{border-color:#0ea5e966;box-shadow:0 2px 8px #0ea5e933}.copy-button{padding:.3rem .8rem;background:rgba(14,165,233,.2);color:#0ea5e9;border:1px solid rgba(14,165,233,.3);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500}.copy-button:hover{background:rgba(14,165,233,.3);border-color:#0ea5e9;box-shadow:0 2px 6px #0ea5e94d}.no-results{padding:2rem;text-align:center;color:#94a3b8;background:rgba(15,23,42,.6);border-radius:6px;border:1px solid rgba(14,165,233,.2)}@media (min-width: 768px){.password-tool{flex-direction:row}.password-options,.password-results{flex:1}}