.is-hidden{display:none!important}body.tools-cols-layout{flex-direction:column;height:100vh;min-height:100vh;max-height:100vh;margin:0;display:flex;overflow:hidden}body.tools-cols-layout>#top{flex:none}body.tools-cols-layout>.sticky-top-wrap{z-index:20;flex:none;width:100%;position:sticky;top:0}body.tools-cols-layout>.main-fullheight{flex-direction:column;flex:1;width:100%;height:0;min-height:0;max-height:100%;display:flex;overflow:hidden}body.tools-cols-layout>section.cw-inline{flex:none;display:none!important}body.tools-cols-layout>footer.footer{color:#ffffffc7;background:radial-gradient(520px 220px at 0 0,#2ea82d24,#0000 60%),radial-gradient(520px 220px at 100% 0,#e4b8001f,#0000 60%),linear-gradient(#06150aeb,#030b06fa);border-top:1px solid #e4b80040;flex:none;padding-top:1px;padding-bottom:2px}:root[data-theme=light] body.tools-cols-layout>footer.footer{color:#020617ad;background:radial-gradient(520px 220px at 0 0,#2ea82d14,#0000 60%),radial-gradient(520px 220px at 100% 0,#e4b8000f,#0000 60%),linear-gradient(#f7fbf8,#eef7f0);border-top:1px solid #2ea82d33}.tools-hero{background:radial-gradient(640px 360px at 10% -10%, #2ea82d38, transparent 60%), radial-gradient(560px 320px at 95% 10%, #e4b8002e, transparent 60%), linear-gradient(180deg, var(--hero-bg-a,#06150a) 0%, var(--hero-bg-b,#030b06) 100%);padding-top:72px;padding-bottom:44px;position:relative}.tools-hero h1{letter-spacing:-.02em;background:linear-gradient(100deg, var(--text,#fff) 0%, color-mix(in srgb, var(--accent) 16%, var(--text,#fff)) 50%, color-mix(in srgb, #e4b800 18%, var(--text,#fff)) 100%);color:#0000;background-clip:text;margin:0 0 16px;font-size:42px;font-weight:900;line-height:1.18}.hero-meta{background:var(--surface,#ffffff0a);border:1px solid var(--border,#ffffff14);backdrop-filter:blur(6px);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:14px 18px;display:inline-grid}.hero-meta span{letter-spacing:-.01em;color:color-mix(in srgb, var(--accent) 82%, var(--text,#fff));font-size:22px;font-weight:900;line-height:1.1}.eyebrow{color:#e4b800;letter-spacing:.06em;background:#e4b8001f;border:1px solid #e4b80059;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow i{font-size:14px}.tools-hero .lede{color:var(--muted);max-width:780px;margin:0 auto 26px;font-size:16.5px;line-height:1.85}.tools-hero .lede strong{color:var(--text)}.hero-meta>div{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex}@media (prefers-color-scheme:dark){.tools-hero{background:radial-gradient(640px 360px at 10% -10%,#2ea82d38,#0000 60%),radial-gradient(560px 320px at 95% 10%,#e4b8002e,#0000 60%),linear-gradient(#06150a 0%,#030b06 100%)}.tools-hero h1{background:linear-gradient(100deg,#fff 0%,#eafff0 50%,#fff6c6 100%);color:#0000;background-clip:text}.hero-meta{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14}.eyebrow{color:#e4b800;background:#e4b8001f;border:1px solid #e4b80059}}@media (prefers-color-scheme:light){.tools-hero{background:radial-gradient(640px 360px at 10% -10%,#2ea82d1a,#0000 60%),radial-gradient(560px 320px at 95% 10%,#e4b80014,#0000 60%),linear-gradient(#f7fbf8 0%,#fff 100%)}.tools-hero h1{background:linear-gradient(100deg,#06150a 0%,#0f3a1a 50%,#5a4200 100%);color:#0000;background-clip:text}.hero-meta{background:#fff;border:1px solid #0206171a;box-shadow:0 10px 26px #0206170f}.eyebrow{color:#c99400;background:#e4b8001a;border:1px solid #e4b8004d}}:root[data-theme=dark] .tools-hero{background:radial-gradient(640px 360px at 10% -10%,#2ea82d38,#0000 60%),radial-gradient(560px 320px at 95% 10%,#e4b8002e,#0000 60%),linear-gradient(#06150a 0%,#030b06 100%)}:root[data-theme=dark] .tools-hero h1{background:linear-gradient(100deg,#fff 0%,#eafff0 50%,#fff6c6 100%);color:#0000;background-clip:text}:root[data-theme=dark] .hero-meta{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14}:root[data-theme=dark] .eyebrow{color:#e4b800;background:#e4b8001f;border:1px solid #e4b80059}:root[data-theme=light] .tools-hero{background:radial-gradient(640px 360px at 10% -10%,#2ea82d1a,#0000 60%),radial-gradient(560px 320px at 95% 10%,#e4b80014,#0000 60%),linear-gradient(#f7fbf8 0%,#fff 100%)}:root[data-theme=light] .tools-hero h1{background:linear-gradient(100deg,#06150a 0%,#0f3a1a 50%,#5a4200 100%);color:#0000;background-clip:text}:root[data-theme=light] .hero-meta{background:#fff;border:1px solid #0206171a;box-shadow:0 10px 26px #0206170f}:root[data-theme=light] .eyebrow{color:#c99400;background:#e4b8001a;border:1px solid #e4b8004d}:root[data-theme=light] .tools-sidebar .sidebar-inner{background:#fff;border:1px solid #0206171a;box-shadow:0 16px 40px #02061714}:root[data-theme=light] .cat-nav-title{color:#06150a}:root[data-theme=light] .cat-btn{color:#020617ad}:root[data-theme=light] .cat-btn:hover{color:#06150a;background:#2ea82d14;border-color:#2ea82d40}:root[data-theme=light] .cat-btn.is-active{color:#06150a;background:linear-gradient(135deg,#2ea82d2e,#e4b80024);border-color:#2ea82d6b;box-shadow:inset 0 0 0 1px #e4b8004d}:root[data-theme=light] .cat-btn .cat-count{color:#02061794;background:#0206170a;border:1px solid #02061714}:root[data-theme=light] .cat-btn.is-active .cat-count{color:#8a6100;background:#e4b8002e;border-color:#e4b8006b}:root[data-theme=light] .sidebar-principles .principle{background:#f7fbf8;border:1px solid #02061714}:root[data-theme=light] .sidebar-principles .principle h4{color:#06150a}:root[data-theme=light] .sidebar-principles .principle p{color:#0206179e}.hero-inner{text-align:center;max-width:980px;margin:0 auto}.section-head{text-align:center;max-width:760px;margin:0 auto 24px}.section-head h2{letter-spacing:-.01em;color:var(--text,#fff);margin:0 0 8px;font-size:28px;font-weight:900}.section-head p{color:var(--muted,#ffffffb8);margin:0;font-size:14.5px;line-height:1.75}.container.tools-container{box-sizing:border-box;flex:100%;grid-template-columns:280px minmax(0,1fr);align-items:stretch;width:min(100%,2600px);max-width:none;height:100%;min-height:0;max-height:100%;margin-left:0;margin-right:0;display:grid}.section--tools-cards{box-sizing:border-box;flex-direction:column;flex:100%;justify-content:stretch;align-items:stretch;height:100%;min-height:0;max-height:100%;margin:0;padding:0;display:flex;overflow:hidden}.tools-sidebar{min-width:0;height:100%;min-height:0;max-height:100%;display:block;overflow:hidden}.tools-sidebar .sidebar-inner{box-sizing:border-box;background:var(--surface,#0c1a11);border:1px solid var(--border,#ffffff14);flex-direction:column;gap:10px;height:100%;max-height:100%;padding:22px 20px;display:flex;position:static;overflow:hidden;box-shadow:0 16px 40px #0000004d}.cat-nav{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.cat-nav>.cat-list{scrollbar-gutter:auto;flex:auto;min-height:0;padding:0;overflow:hidden auto}.cat-nav-title{letter-spacing:.02em;color:var(--text,#fff);flex:none;align-items:center;gap:8px;margin:0 0 10px;font-size:14.5px;font-weight:900;display:flex}.cat-nav-title i{color:#22c55e}.cat-search{border:1px solid var(--border,#ffffff14);height:40px;color:var(--muted-2,#ffffffb3);background:#ffffff0a;border-radius:12px;flex:none;align-items:center;gap:8px;margin:0 0 14px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.cat-search:focus-within{background:#22c55e0f;border-color:#22c55e80;box-shadow:inset 0 0 0 1px #e4b8002e}.cat-search-icon{text-align:center;color:#22c55ed9;flex:none;width:18px;font-size:14px}.cat-search-input{min-width:0;height:100%;color:var(--text,#fff);font:inherit;letter-spacing:.005em;background:0 0;border:0;outline:0;flex:auto;padding:0;font-size:13.5px}.cat-search-input::placeholder{color:var(--muted,#ffffff7a)}.cat-search-clear{width:22px;height:22px;color:var(--muted,#ffffffb3);cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;outline:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.cat-search-clear:hover{color:#fecaca;background:#ef44442e}:root[data-theme=light] .cat-search{color:#0206179e;background:#02061708;border:1px solid #0206171a}:root[data-theme=light] .cat-search:focus-within{background:#2ea82d0d;border-color:#2ea82d6b;box-shadow:inset 0 0 0 1px #e4b80038}:root[data-theme=light] .cat-search-input{color:#06150a}:root[data-theme=light] .cat-search-input::placeholder{color:#0206176b}:root[data-theme=light] .cat-search-clear{color:#0206179e;background:#0206170f}:root[data-theme=light] .cat-search-clear:hover{color:#b91c1c;background:#ef44441f}ul.cat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cat-btn{cursor:pointer;width:100%;color:var(--muted-2,#ffffffc7);text-align:left;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 11px;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.cat-btn:hover{color:var(--text,#fff);background:#22c55e14;border-color:#22c55e40}.cat-btn.is-active{color:#fff;background:linear-gradient(135deg,#22c55e38,#e4b80029);border-color:#22c55e73;box-shadow:inset 0 0 0 1px #e4b80040}.cat-btn .cat-icon{text-align:center;flex:none;width:24px;font-size:15px}.cat-btn .cat-label{flex:auto;font-size:13.5px;font-weight:800}.cat-btn .cat-count{color:var(--muted,#ffffffad);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:900}.cat-btn.is-active .cat-count{color:#facc15;background:#e4b80029;border-color:#e4b8006b}.sidebar-principles{margin-top:auto}.principles-grid.principles-grid--sidebar{grid-template-columns:1fr;gap:10px}.principles-grid--sidebar .principle{border-radius:14px;gap:6px;padding:12px 13px}.principles-grid--sidebar .principle-head{gap:8px}.principles-grid--sidebar .principle i{border-radius:9px;width:30px;height:30px;font-size:14px}.principles-grid--sidebar .principle h4{letter-spacing:-.005em;color:var(--text,#fff);flex:1;margin:0;font-size:13.5px;font-weight:900}.principles-grid--sidebar .principle p{color:var(--muted,#ffffffa6);font-size:12px;line-height:1.65}.tools-grid-wrap{scrollbar-gutter:stable;box-sizing:border-box;min-width:0;height:100%;max-height:100%;padding:20px;position:static;overflow:hidden auto}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width>=2000px){.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1400px) and (width>=1000px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.section--tools-cards{flex:none;height:auto;min-height:0;max-height:none;padding-top:24px;padding-bottom:16px;display:block;overflow:visible}.container.tools-container{flex:none;grid-template-columns:1fr;gap:18px;height:auto;max-height:none;overflow:visible}.tools-sidebar{height:auto;max-height:none}.tools-sidebar .sidebar-inner{height:auto;max-height:none;padding:18px 16px;position:static;overflow:visible}.cat-nav{min-height:auto}.cat-nav>.cat-list{min-height:auto;overflow:auto visible}.tools-grid-wrap{border-radius:0;height:auto;max-height:none;padding:0;position:static;overflow:visible}ul.cat-list{scrollbar-width:thin;flex-direction:row;padding-bottom:6px;padding-right:0;overflow:auto visible}ul.cat-list li{flex:none}.cat-btn{justify-content:center;width:auto;min-width:110px}.sidebar-principles{margin-top:10px}.principles-grid.principles-grid--sidebar,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.section--tools-cards{flex:none;height:auto;max-height:none;display:block;overflow:visible}.container.tools-container{flex:none;width:min(100% - 14px,2600px);height:auto;max-height:none;overflow:visible}.tools-grid,.principles-grid.principles-grid--sidebar{grid-template-columns:1fr}.tools-hero{padding-top:52px}.tools-hero h1{font-size:30px}.hero-meta{grid-template-columns:1fr;width:100%}.section-head h2{font-size:22px}}.tool-card{color:inherit;background:var(--surface,#0c1a11);border:1px solid var(--border,#ffffff14);border-radius:22px;flex-direction:column;gap:14px;padding:26px 26px 22px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059}.tool-card:not(.is-nolink):hover{border-color:#2ea82d8c;transform:translateY(-3px);box-shadow:0 10px 20px #00000073}.tool-card:before{content:"";opacity:.95;background:linear-gradient(#2ea82d,#e4b800);width:4px;position:absolute;top:0;bottom:0;left:0}.tool-card.status-online:before{background:linear-gradient(#22c55e,#e4b800)}.tool-card.status-dev:before{background:linear-gradient(#94a3b899,#e4b80059)}.tool-card.is-nolink{cursor:default}.tool-head{align-items:flex-start;gap:14px;display:flex}.tool-head>div:last-child{flex:auto;min-width:0;max-width:100%}.tool-icon{background:linear-gradient(135deg,#2ea82d2e,#e4b80029);border-radius:16px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.tool-icon.is-cube3{background:linear-gradient(135deg,#ef44442e,#eab30829);box-shadow:inset 0 0 0 1px #ef44444d}.tool-icon.is-color-palette{background:linear-gradient(135deg,#6366f12e,#a855f729);box-shadow:inset 0 0 0 1px #8b5cf64d}.tool-icon.is-text-diff{background:linear-gradient(135deg,#10b9812e,#0ea5e929);box-shadow:inset 0 0 0 1px #06b6d44d}.tool-icon.is-qr-batch{background:linear-gradient(135deg,#1e40af2e,#3b82f629);box-shadow:inset 0 0 0 1px #2563eb4d}.tool-icon.is-mini-dashboard{background:linear-gradient(135deg,#d977062e,#f9731629);box-shadow:inset 0 0 0 1px #f59e0b4d}.tool-icon.is-pass-gen{background:linear-gradient(135deg,#9f12392e,#7c3aed29);box-shadow:inset 0 0 0 1px #be123c4d}.tool-icon.is-roc-calc{background:linear-gradient(135deg,#8b5cf62e,#6366f129);box-shadow:inset 0 0 0 1px #8b5cf64d}.tool-icon.is-csv-sql{background:linear-gradient(135deg,#06b6d42e,#0ea5e929);box-shadow:inset 0 0 0 1px #06b6d44d}.tool-icon.is-mark-diff{background:linear-gradient(135deg,#be185d2e,#ec489929);box-shadow:inset 0 0 0 1px #be185d4d}.tool-icon.is-date-count{background:linear-gradient(135deg,#1d4ed82e,#3b82f629);box-shadow:inset 0 0 0 1px #2563eb4d}.tool-icon.is-schema-gen{background:linear-gradient(135deg,#1e3a8a2e,#38bdf829);box-shadow:inset 0 0 0 1px #2563eb4d}.tool-icon.is-ocr-text{background:linear-gradient(135deg,#16a34a2e,#14b8a629);box-shadow:inset 0 0 0 1px #16a34a4d}.tool-icon.is-placeholder{background:linear-gradient(135deg,#94a3b82e,#64748b29);box-shadow:inset 0 0 0 1px #94a3b84d}.tool-meta{align-items:center;gap:10px;width:100%;max-width:100%;margin-bottom:4px;display:flex}.tool-subtitle{color:var(--muted,#ffffffad);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.tool-tag{letter-spacing:.06em;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.tool-tag.is-online{color:#22c55e;background:#22c55e24;border:1px solid #22c55e59}.tool-tag.is-dev{color:#e4b800;background:#e4b8001f;border:1px solid #e4b80059}.tool-tag i{font-size:11px}.tool-head h3{letter-spacing:-.01em;color:var(--text,#fff);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:22px;font-weight:900;line-height:1.2}.tool-desc{color:var(--muted,#ffffffbd);margin:0;font-size:14px;line-height:1.8}.tool-highlights{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tool-highlights li{color:var(--text,#fff);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.55;display:flex}.tool-highlights i{color:#22c55e;flex:none;margin-top:1px;font-size:16px}.tool-roadmap h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#ffffffb3);border-bottom:1px solid #e4b80042;margin:0 0 8px;padding-bottom:6px;font-size:12.5px;font-weight:800}.tool-roadmap ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tool-roadmap li{color:var(--text,#fff);border-radius:8px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:4px;font-size:13px;display:grid}.tool-roadmap li.is-done{color:#22c55e}.tool-roadmap li.is-dev{color:var(--muted,#ffffffc7)}.tool-roadmap em{letter-spacing:.05em;color:#e4b800;background:#e4b8001f;border:1px solid #e4b80059;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.tool-cta{letter-spacing:.06em;color:color-mix(in srgb, var(--accent) 85%, #fff);border-top:1px dashed #ffffff14;justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;font-size:14px;font-weight:800;display:inline-flex}.tool-cta i{font-size:14px}.tool-cta.is-muted{color:var(--muted-2,#ffffffb3)}.tool-card:not(.is-nolink):hover .tool-cta{color:#22c55e}.section--principles{padding-top:0}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.principle{background:var(--surface,#0c1a11);border:1px solid var(--border,#ffffff14);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex}.principle .principle-head{align-items:center;gap:12px;display:flex}.principle i{color:#e4b800;background:#e4b8001f;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex;box-shadow:inset 0 0 0 1px #e4b8004d}.principle h3{letter-spacing:-.01em;color:var(--text,#fff);flex:1;margin:0;font-size:17px;font-weight:900}.principle p{color:var(--muted,#ffffffb8);margin:0;font-size:13.5px;line-height:1.8}.principle p strong{color:var(--text,#fff)}@media (width<=880px){.tools-hero{padding-top:52px}.tools-hero h1{font-size:30px}.hero-meta{grid-template-columns:1fr;width:100%}.tools-grid,.principles-grid{grid-template-columns:1fr}.section-head h2{font-size:22px}}