.HomePage-module__dZEkaG__hero{border-bottom:1px solid var(--border);background:linear-gradient(#fff 0%,#f1f5f9 100%);padding:6rem 0 4rem;position:relative;overflow:hidden}.HomePage-module__dZEkaG__heroInner{z-index:2;text-align:center;position:relative}.HomePage-module__dZEkaG__heroBadge{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.HomePage-module__dZEkaG__heroTitle{letter-spacing:-.04em;color:#0f172a;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:950;line-height:1}.HomePage-module__dZEkaG__heroSub{color:#475569;max-width:650px;margin:0 auto 3rem;font-size:1.25rem;font-weight:500;line-height:1.6}.HomePage-module__dZEkaG__heroActions{justify-content:center;gap:1.25rem;margin-bottom:4rem;display:flex}.HomePage-module__dZEkaG__heroStats{justify-content:center;gap:4rem;display:flex}.HomePage-module__dZEkaG__stat{flex-direction:column;gap:.25rem;display:flex}.HomePage-module__dZEkaG__stat strong{color:var(--primary);font-size:2rem;font-weight:900}.HomePage-module__dZEkaG__stat span{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:800}.HomePage-module__dZEkaG__statDivider{background:var(--border);width:1px;height:3rem}.HomePage-module__dZEkaG__filterBar{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;align-items:center;gap:1.5rem;margin-top:-3.5rem;margin-bottom:4rem;padding:1rem;display:flex}.HomePage-module__dZEkaG__searchWrap{flex:1;position:relative}.HomePage-module__dZEkaG__searchIcon{color:#94a3b8;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.HomePage-module__dZEkaG__searchInput{border:1px solid var(--border);width:100%;height:52px;color:var(--text-primary);background:#f8fafc;border-radius:12px;outline:none;padding:0 1.25rem 0 3.25rem;font-size:1rem;font-weight:600;transition:all .2s}.HomePage-module__dZEkaG__searchInput:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-subtle);background:#fff}.HomePage-module__dZEkaG__categoryBtns{gap:8px;display:flex}.HomePage-module__dZEkaG__catBtn{border:1px solid var(--border);color:#64748b;cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:700;transition:all .2s}.HomePage-module__dZEkaG__catBtn:hover{color:var(--text-primary);background:#f1f5f9}.HomePage-module__dZEkaG__catActive{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:700;box-shadow:0 4px 12px #00808033}.HomePage-module__dZEkaG__toolGroup{margin-bottom:5rem}.HomePage-module__dZEkaG__groupTitle{color:#0f172a;font-size:1.5rem;font-weight:900}.HomePage-module__dZEkaG__featureGrid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.HomePage-module__dZEkaG__featureCard{border:1px solid var(--border);background:#fff;border-radius:20px;padding:2.5rem;transition:all .3s}.HomePage-module__dZEkaG__featureCard:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-8px)}.HomePage-module__dZEkaG__featureIcon{background:var(--primary-subtle);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}@media (max-width:900px){.HomePage-module__dZEkaG__hero{padding:4rem 0 2rem}.HomePage-module__dZEkaG__filterBar{flex-direction:column;align-items:stretch;margin-top:-2rem}.HomePage-module__dZEkaG__featureGrid{grid-template-columns:1fr}.HomePage-module__dZEkaG__heroStats{gap:2rem}.HomePage-module__dZEkaG__catBtn,.HomePage-module__dZEkaG__catActive{text-align:center;flex:1;padding:10px 8px;font-size:.75rem}}@media (max-width:600px){.HomePage-module__dZEkaG__heroTitle{font-size:2.25rem}.HomePage-module__dZEkaG__heroSub{margin-bottom:2rem;font-size:.9375rem}.HomePage-module__dZEkaG__heroActions{flex-direction:row;justify-content:center;gap:.5rem}.HomePage-module__dZEkaG__heroActions .HomePage-module__dZEkaG__btn{flex:1;min-width:0;height:44px;padding:0 .5rem;font-size:.8125rem}.HomePage-module__dZEkaG__heroStats{flex-direction:row;justify-content:space-around;gap:.5rem;margin-top:1rem}.HomePage-module__dZEkaG__stat strong{font-size:1.25rem}.HomePage-module__dZEkaG__stat span{font-size:.625rem}.HomePage-module__dZEkaG__statDivider{height:2rem;display:block}}
.ToolCard-module__76sQxa__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1.25rem;text-decoration:none;display:flex;position:relative}.ToolCard-module__76sQxa__card:hover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ToolCard-module__76sQxa__cardHeader{align-items:center;gap:.75rem;display:flex}.ToolCard-module__76sQxa__iconWrap{width:34px;height:34px;transition:all var(--transition-base);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ToolCard-module__76sQxa__iconWrap[data-category=formatter]{color:#2563eb;background:#eff6ff}.ToolCard-module__76sQxa__iconWrap[data-category=converter]{color:#16a34a;background:#f0fdf4}.ToolCard-module__76sQxa__iconWrap[data-category=encoder]{color:#ea580c;background:#fff7ed}.ToolCard-module__76sQxa__card:hover .ToolCard-module__76sQxa__iconWrap{transform:scale(1.05)}.ToolCard-module__76sQxa__title{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.2}.ToolCard-module__76sQxa__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}
.CodeEditor-module__IDUJ-W__editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-base);transition:border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.CodeEditor-module__IDUJ-W__editor:focus-within{border-color:var(--primary)}.CodeEditor-module__IDUJ-W__toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.CodeEditor-module__IDUJ-W__toolbarPrimary{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.CodeEditor-module__IDUJ-W__toolbarSecondary{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.CodeEditor-module__IDUJ-W__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.075em;opacity:.8;font-size:.7rem;font-weight:800}.CodeEditor-module__IDUJ-W__actions{flex-wrap:wrap;align-items:center;gap:.375rem;margin-left:auto;display:flex}.CodeEditor-module__IDUJ-W__actionBtn{font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-base);background:#fff;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;display:inline-flex}.CodeEditor-module__IDUJ-W__actionBtn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover);background:#f3f4f6}.CodeEditor-module__IDUJ-W__actionBtn:disabled{opacity:.4;cursor:not-allowed}.CodeEditor-module__IDUJ-W__copied{color:var(--success)!important;background:#f0fdf4!important;border-color:#10b981!important}.CodeEditor-module__IDUJ-W__cmWrapper{border-top:1px solid var(--border);background:#fff;overflow:hidden}.CodeEditor-module__IDUJ-W__cmWrapper .cm-editor{outline:none!important}.CodeEditor-module__IDUJ-W__contextActions{flex-wrap:wrap;gap:.5rem;margin:0 1rem;display:flex}.CodeEditor-module__IDUJ-W__contextBtn{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;height:38px;padding:0 1rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex}.CodeEditor-module__IDUJ-W__contextBtn:hover{background:#1a4a5a}.CodeEditor-module__IDUJ-W__contextBtnSecondary{color:var(--primary);border:1px solid var(--primary);background:#fff}.CodeEditor-module__IDUJ-W__contextBtnSecondary:hover{background:var(--primary-subtle)}.CodeEditor-module__IDUJ-W__statusBar{border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);background:#f9fafb;align-items:center;gap:1rem;padding:.5rem .875rem;display:flex}.CodeEditor-module__IDUJ-W__readOnlyTag{color:var(--text-secondary);border:1px solid var(--border);font-size:.65rem;font-weight:700;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;background:#f3f4f6;border-radius:4px;margin-left:auto;padding:.125rem .5rem}