*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--error-color:#ef4444;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 25px #0000001a}.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 25px #0006}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app-container{max-width:1400px;margin:0 auto;padding:0 20px}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow);padding:16px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{font-size:24px}.theme-btn{background:var(--bg-tertiary);cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:16px;transition:all .2s}.theme-btn:hover{transform:scale(1.05)}.hero-section{text-align:center;padding:40px 0}.hero-section h2{margin-bottom:8px;font-size:28px}.hero-section p{color:var(--text-secondary);font-size:16px}.category-nav{margin-bottom:30px;padding-bottom:10px;overflow-x:auto}.nav-scroll{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.category-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);white-space:nowrap;border-radius:20px;padding:10px 16px;font-size:14px;transition:all .2s}.category-btn:hover{border-color:var(--accent-color)}.category-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}a.ad-banner{text-decoration:none}a.ad-banner:hover{border-color:var(--accent-color);color:var(--accent-color)}.ad-banner{background:var(--bg-secondary);border:1px dashed var(--border-color);text-align:center;min-height:80px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;padding:16px;font-size:14px;transition:all .2s;display:flex}.ad-banner-header{min-height:60px;margin-top:16px;margin-bottom:8px}.ad-banner-footer{margin-top:24px;margin-bottom:24px}.ad-card{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px dashed var(--accent-color);text-align:center;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;transition:all .2s;display:flex}.ad-card:hover{border-style:solid;transform:translateY(-2px)}.ad-card-icon{opacity:.6;font-size:28px}.ad-modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);border-radius:0 0 16px 16px;margin-top:8px;padding:12px 20px;font-size:13px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:20px;display:grid}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex}.tool-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color);transform:translateY(-2px)}.tool-icon{font-size:24px}.tool-card h3{font-size:16px;font-weight:600}.tool-card p{color:var(--text-secondary);font-size:14px}.tool-category{color:var(--accent-color);background:#3b82f61a;border-radius:12px;align-self:flex-start;padding:4px 8px;font-size:12px;display:inline-block}.tool-page-content{max-width:900px;margin:0 auto;padding:24px}.tool-page-content>div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.tool-content{flex-direction:column;gap:20px;display:flex}.panel-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}textarea,input[type=text],input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;box-shadow:none;border-radius:8px;padding:10px 12px;font-family:Monaco,Menlo,monospace;font-size:14px;transition:border-color .2s}textarea:focus,input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-success{background:var(--success-color)}.btn-success:hover{background:#059669}.btn-danger{background:var(--error-color)}.btn-danger:hover{background:#dc2626}.btn-small{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-small:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-group{flex-wrap:wrap;gap:10px;display:flex}.result-box{background:var(--bg-tertiary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-all;border-radius:8px;min-height:100px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px}.error-message{color:var(--error-color);border-left:4px solid var(--error-color);background:#ef44441a;border-radius:8px;padding:12px}.success-message{color:var(--success-color);border-left:4px solid var(--success-color);background:#10b9811a;border-radius:8px;padding:12px}.tool-split,.two-column{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.tool-split .panel{flex-direction:column;gap:12px;display:flex}.panel-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:500;display:flex}@media (width<=768px){.tool-split,.two-column{grid-template-columns:1fr;gap:16px}.tools-grid{grid-template-columns:1fr}.hero-section h2{font-size:22px}}#app{width:100%}.lang-switcher[data-v-abdcaf3a]{margin-right:10px}.lang-select[data-v-abdcaf3a]{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;padding:6px 30px 6px 12px;font-size:13px;font-weight:500;transition:all .2s}.lang-select[data-v-abdcaf3a]:hover{background-color:var(--bg-tertiary)}.lang-select[data-v-abdcaf3a]:focus{border-color:var(--primary-color);outline:none}.lang-select option[data-v-abdcaf3a]{background:var(--bg-secondary);color:var(--text-primary)}.header[data-v-9742950a]{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb), .9);position:sticky;top:0}.header-wrapper[data-v-9742950a]{max-width:1400px;margin:0 auto;padding:0 20px}.header-content[data-v-9742950a]{align-items:center;gap:16px;height:64px;display:flex}.logo[data-v-9742950a]{color:inherit;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon[data-v-9742950a]{font-size:26px}.logo-text[data-v-9742950a]{color:#3b82f6;margin:0;font-size:18px;font-weight:700}.header-spacer[data-v-9742950a]{flex:1}.header-actions[data-v-9742950a]{align-items:center;gap:8px;display:flex}.theme-btn[data-v-9742950a]{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.theme-btn[data-v-9742950a]:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-1px)}.theme-icon[data-v-9742950a]{font-size:16px}.theme-text[data-v-9742950a]{display:block}.mobile-menu-btn[data-v-9742950a]{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:none}.mobile-menu-btn[data-v-9742950a]:hover{background:var(--bg-tertiary)}.mobile-menu[data-v-9742950a]{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:12px 20px;display:flex}.mobile-action-item[data-v-9742950a]{cursor:pointer;align-items:center;gap:10px;padding:12px 0;font-size:14px;font-weight:500;display:flex}.mobile-action-item[data-v-9742950a]:hover{color:var(--primary-color)}.main-content[data-v-9742950a]{max-width:1400px;min-height:calc(100vh - 140px);margin:0 auto;padding:25px 20px}.footer[data-v-9742950a]{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);padding:30px 20px;font-size:14px}@media (width<=768px){.header-content[data-v-9742950a]{height:56px}.logo-text[data-v-9742950a]{font-size:16px}.header-actions[data-v-9742950a],.theme-text[data-v-9742950a]{display:none}.mobile-menu-btn[data-v-9742950a]{display:flex}.main-content[data-v-9742950a]{padding:15px}}@media (width<=480px){.logo-text[data-v-9742950a]{display:none}}.diff-output[data-v-40b8c745]{background:var(--bg-secondary);border-radius:12px;margin-top:25px;font-family:monospace;overflow:hidden}.diff-line[data-v-40b8c745]{gap:10px;padding:6px 15px;display:flex}.diff-sign[data-v-40b8c745]{width:15px;font-weight:900}.diff-line.added[data-v-40b8c745]{color:#166534;background:#dcfce7}.diff-line.removed[data-v-40b8c745]{color:#991b1b;background:#fee2e2}.diff-line.same[data-v-40b8c745]{color:var(--text-secondary)}.diff-output[data-v-83f00ba1]{background:var(--bg-secondary);white-space:pre-wrap;border-radius:12px;padding:25px;font-family:monospace}.diff-output pre[data-v-83f00ba1]{margin:0;line-height:2}.path-controls[data-v-42dfef9f]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.pattern-input[data-v-42dfef9f]{border:2px solid var(--primary-color);border-radius:8px;padding:12px 15px;font-family:monospace}.result-output[data-v-42dfef9f]{background:var(--bg-secondary);white-space:pre-wrap;border-radius:8px;min-height:200px;margin:0;padding:15px;font-family:monospace}.md-preview[data-v-99fbde0c]{padding:20px;line-height:1.8}.md-preview h1[data-v-99fbde0c]{margin:.5em 0;font-size:2em}.md-preview h2[data-v-99fbde0c]{margin:.5em 0;font-size:1.5em}.md-preview h3[data-v-99fbde0c]{margin:.5em 0;font-size:1.2em}.md-preview code[data-v-99fbde0c]{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:monospace}.md-preview pre[data-v-99fbde0c]{background:var(--bg-secondary);border-radius:8px;padding:15px;overflow-x:auto}.md-preview pre code[data-v-99fbde0c]{background:0 0}.md-preview ul[data-v-99fbde0c]{padding-left:2em}.md-preview blockquote[data-v-99fbde0c]{border-left:4px solid var(--primary-color);color:var(--text-secondary);padding-left:1em}.md-preview a[data-v-99fbde0c]{color:var(--primary-color)}.hash-results[data-v-4d4b3a26]{flex-direction:column;gap:12px;margin-top:20px;display:flex}.hash-row[data-v-4d4b3a26]{flex-direction:column;gap:6px;display:flex}.hash-row label[data-v-4d4b3a26]{color:var(--text-secondary);font-size:12px;font-weight:600}.hash-output[data-v-4d4b3a26]{gap:10px;display:flex}.hash-output input[data-v-4d4b3a26]{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 12px;font-family:monospace;font-size:13px}.current-timestamp[data-v-bc8d02d6]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.ts-display[data-v-bc8d02d6]{background:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.ts-label[data-v-bc8d02d6]{color:var(--text-secondary);font-size:12px}.ts-value[data-v-bc8d02d6]{color:var(--primary-color);font-family:monospace;font-size:24px;font-weight:700}.result-box[data-v-bc8d02d6]{background:var(--bg-secondary);white-space:pre-line;border-radius:8px;margin-top:15px;padding:15px;font-family:monospace}.converter-grid[data-v-277d2dcd]{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.base-card[data-v-277d2dcd]{background:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.base-label[data-v-277d2dcd]{color:var(--text-secondary);font-size:12px}.base-value[data-v-277d2dcd]{word-break:break-all;font-family:monospace;font-size:20px;font-weight:600}.color-converter[data-v-2fc14770]{flex-direction:column;gap:25px;display:flex}.color-picker-section[data-v-2fc14770]{align-items:center;gap:20px;display:flex}.color-input[data-v-2fc14770]{cursor:pointer;border:none;border-radius:12px;width:80px;height:80px}.color-preview[data-v-2fc14770]{border:2px solid var(--border-color);border-radius:12px;flex:1;height:80px}.color-formats[data-v-2fc14770]{flex-direction:column;gap:15px;display:flex}.format-row[data-v-2fc14770]{align-items:center;gap:15px;display:flex}.format-row label[data-v-2fc14770]{width:50px;font-weight:600}.format-row input[data-v-2fc14770]{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;flex:1;padding:12px 15px;font-family:monospace}.generator-controls[data-v-1cfbbcbc]{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:15px;margin-bottom:25px;padding:15px;display:flex}.generator-controls label[data-v-1cfbbcbc]{font-weight:600}.generator-controls input[data-v-1cfbbcbc]{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;padding:8px 12px}.uuid-list[data-v-1cfbbcbc]{flex-direction:column;gap:10px;display:flex}.uuid-row[data-v-1cfbbcbc]{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:15px;padding:12px 15px;display:flex}.uuid-index[data-v-1cfbbcbc]{width:30px;color:var(--text-secondary);font-weight:600}.uuid-value[data-v-1cfbbcbc]{flex:1;font-family:monospace;font-size:14px}.qr-preview[data-v-e6a6259a]{justify-content:center;align-items:center;padding:30px;display:flex}.generator-controls[data-v-ec1013fc]{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:15px;margin-bottom:25px;padding:15px;display:flex}.generator-controls label[data-v-ec1013fc]{font-weight:600}.generator-controls input[data-v-ec1013fc]{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;padding:8px 12px}.uuid-list[data-v-ec1013fc]{flex-direction:column;gap:10px;display:flex}.uuid-row[data-v-ec1013fc]{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:15px;padding:12px 15px;display:flex}.uuid-index[data-v-ec1013fc]{width:30px;color:var(--text-secondary);font-weight:600}.uuid-value[data-v-ec1013fc]{letter-spacing:1px;flex:1;font-family:monospace;font-size:14px}.regex-controls[data-v-d2d32437]{gap:15px;margin-bottom:20px;display:flex}.pattern-input[data-v-d2d32437]{border:2px solid var(--primary-color);border-radius:8px;flex:1;padding:12px 15px;font-family:monospace;font-size:14px}.flags[data-v-d2d32437]{align-items:center;gap:8px;display:flex}.flags label[data-v-d2d32437]{background:var(--bg-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-weight:600;display:flex}.regex-result[data-v-d2d32437]{background:var(--bg-secondary);border-radius:12px;margin-top:20px;padding:20px}.matches h4[data-v-d2d32437]{margin:0 0 15px}.match-list[data-v-d2d32437]{flex-wrap:wrap;gap:8px;display:flex}.match-tag[data-v-d2d32437]{background:var(--primary-color);color:#fff;border-radius:20px;padding:6px 12px;font-size:13px}.no-match[data-v-d2d32437]{color:var(--text-secondary);text-align:center;padding:20px}.tool-sidebar[data-v-4ba10ecf]{background:var(--bg-secondary);border-radius:12px;flex-shrink:0;width:260px;transition:all .3s;overflow:hidden}.sidebar-header[data-v-4ba10ecf]{color:var(--text-primary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:15px 18px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.sidebar-header[data-v-4ba10ecf]:hover{background:var(--bg-tertiary)}.toggle-icon[data-v-4ba10ecf]{color:var(--primary-color);font-size:18px;font-weight:700}.sidebar-content[data-v-4ba10ecf]{max-height:calc(100vh - 200px);padding:10px 0;overflow-y:auto}.sidebar-category[data-v-4ba10ecf]{margin-bottom:8px}.category-title[data-v-4ba10ecf]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:10px 18px 6px;font-size:11px;font-weight:600}.sidebar-item[data-v-4ba10ecf]{color:var(--text-primary);border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 18px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item[data-v-4ba10ecf]:hover{background:var(--bg-tertiary)}.sidebar-item.active[data-v-4ba10ecf]{border-left-color:var(--primary-color);color:var(--primary-color);background:#3b82f61a;font-weight:500}.tool-icon[data-v-4ba10ecf]{text-align:center;width:24px;font-size:16px}@media (width<=1024px){.tool-sidebar[data-v-4ba10ecf]{width:100%;margin-bottom:20px}}.tool-page[data-v-855adf60]{gap:25px;display:flex}.tool-main[data-v-855adf60]{flex:1;min-width:0}.tool-breadcrumb[data-v-855adf60]{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13px;display:flex}.tool-breadcrumb a[data-v-855adf60]{color:var(--primary-color);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.breadcrumb-icon[data-v-855adf60]{font-size:14px}.breadcrumb-sep[data-v-855adf60]{color:var(--text-secondary)}.current-tool[data-v-855adf60]{color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:flex}.tool-hero[data-v-855adf60]{margin-bottom:25px}.tool-hero h1[data-v-855adf60]{align-items:center;gap:12px;margin:0 0 10px;font-size:28px;display:flex}.tool-desc[data-v-855adf60]{color:var(--text-secondary);margin:0;font-size:15px}@media (width<=1024px){.tool-page[data-v-855adf60]{flex-direction:column}}@media (width<=768px){.tool-hero h1[data-v-855adf60]{font-size:22px}}