@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ts-bg:#0b1016;--ts-side:#111922;--ts-surface:#151e29;--ts-surface2:#1b2734;--ts-line:#2a3745;--ts-muted:#91a3b4;--ts-text:#edf5f8;--ts-mint:#68e6b4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ts-app{font-family:'DM Sans',system-ui,sans-serif;background:var(--ts-bg);color:var(--ts-text);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.sidebar{position:fixed;top:0;bottom:0;left:0;width:252px;background:var(--ts-side);border-right:1px solid var(--ts-line);z-index:1040;display:flex;flex-direction:column}.ts-brand{display:flex;gap:11px;align-items:center;padding:25px 23px;border-bottom:1px solid var(--ts-line);font-weight:800;font-size:1.27rem;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#8bf8c3,#35bfa3);color:#073526;font-size:18px}.ts-brand b{color:var(--ts-mint)}.sidebar-nav{overflow-y:auto;flex:1;padding:18px 12px}.nav-heading{font-size:.69rem;letter-spacing:.15em;color:#70869b;font-weight:800;margin:15px 13px 10px}.side-link{display:flex;align-items:center;gap:12px;border-radius:9px;padding:11px 13px;color:#abb9c7;font-size:.9rem;transition:background .15s}.side-link:hover,.side-link.active{background:#204035;color:#89eac2}.side-symbol{display:grid;place-items:center;width:22px;font-size:1.08rem}.sidebar-bottom{border-top:1px solid var(--ts-line);padding:14px 22px;font-size:.77rem;color:var(--ts-muted)}.workspace{margin-left:252px;min-width:0}.topbar{height:78px;position:sticky;top:0;z-index:1020;display:flex;align-items:center;gap:18px;padding:0 clamp(18px,4vw,56px);background:rgba(11,16,22,.95);border-bottom:1px solid var(--ts-line);backdrop-filter:blur(12px)}.topbar .search-holder{position:relative;max-width:620px;width:100%}.search-field{width:100%;background:#19232e;color:var(--ts-text);border:1px solid #334152;border-radius:11px;padding:13px 18px 13px 44px;outline:none}.search-field:focus{border-color:var(--ts-mint);box-shadow:0 0 0 3px #68e6b41c}.search-field::placeholder{color:#8494a6}.search-icon{position:absolute;left:16px;top:13px;color:var(--ts-muted)}.kbd{position:absolute;right:13px;top:12px;border:1px solid #4a5967;border-radius:5px;font-size:.7rem;padding:2px 6px;color:#96a8ba}.top-link{white-space:nowrap;font-size:.86rem;color:var(--ts-muted)}.top-link:hover{color:var(--ts-mint)}.content{padding:clamp(25px,4vw,55px);max-width:1600px;margin:auto}.eyebrow{color:var(--ts-mint);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.hero-title{font-size:clamp(2rem,4.3vw,3.6rem);font-weight:800;letter-spacing:-.055em;line-height:1.1;margin:12px 0 15px}.hero-title span{color:var(--ts-mint)}.muted{color:var(--ts-muted)!important}.hero-desc{max-width:700px;color:var(--ts-muted);line-height:1.8}.stats-strip{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.mini-pill{border:1px solid var(--ts-line);background:#151f28;border-radius:9px;padding:9px 13px;color:#adbdca;font-size:.8rem}.mini-pill strong{color:var(--ts-mint)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:33px 0 18px}.section-head h2{font-weight:800;font-size:1.35rem;letter-spacing:-.025em;margin:0}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 10px}.filter-chip{background:#161f29;color:#aab9c7;border:1px solid var(--ts-line);border-radius:22px;padding:9px 16px;font-size:.81rem;font-weight:700}.filter-chip:hover,.filter-chip.active{background:#214838;border-color:#3b8f6b;color:#a6f7cd}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card{display:flex;flex-direction:column;min-height:171px;border:1px solid #2a3745;background:var(--ts-surface);border-radius:14px;padding:20px;transition:transform .16s,border-color .16s,background .16s}.tool-card:hover{background:#1c2b37;border-color:#47896e;transform:translateY(-3px)}.card-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:21px;background:#203b35;border-radius:11px;color:#89eac2;font-size:1.16rem;font-weight:800}.card-title{font-weight:800;font-size:.94rem;letter-spacing:-.01em}.card-desc{color:var(--ts-muted);font-size:.76rem;line-height:1.5;margin-top:7px}.card-arrow{margin-left:auto;color:#78d8b1}.ad-placeholder{min-height:88px;border:1px dashed #354251;border-radius:12px;color:#657788;display:grid;place-items:center;font-size:.68rem;letter-spacing:.16em;margin-top:37px}.site-end{border-top:1px solid var(--ts-line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px clamp(25px,4vw,55px);font-size:.8rem;color:var(--ts-muted)}.site-end a:hover{color:var(--ts-mint)}.no-results{padding:30px;border:1px dashed var(--ts-line);border-radius:12px;color:var(--ts-muted)}.tool-panel{border:1px solid var(--ts-line);background:var(--ts-surface);border-radius:16px;padding:clamp(18px,3vw,34px)}.ts-label{color:#c7d5e2;font-weight:700;font-size:.83rem;margin-bottom:8px}.ts-input{width:100%;padding:15px;background:#0e151d;border:1px solid #394a58;color:var(--ts-text);border-radius:10px;font-size:1.13rem}.ts-input:focus{outline:none;border-color:var(--ts-mint)}select.ts-input{appearance:auto}.ts-result{background:#10271f;border:1px solid #377a5c;border-radius:12px;padding:20px 23px}.result-value{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;overflow-wrap:anywhere}.ts-btn{border:0;background:var(--ts-mint);color:#0b2720;border-radius:10px;padding:12px 18px;font-weight:800}.ts-btn:hover{background:#91f4cb}.ts-btn-secondary{background:#233340;color:#e1ebf3;border:1px solid #425364}.ts-btn-secondary:hover{background:#304453;color:#fff}.help-box{border:1px solid var(--ts-line);border-radius:14px;padding:24px;margin-top:24px;color:#a7b9c6;line-height:1.75}.help-box h2{color:#f2f7fb;font-size:1.1rem}.offcanvas.ts-mobile{background:var(--ts-side);color:var(--ts-text)}.offcanvas.ts-mobile .btn-close{filter:invert(1)}.mobile-brand{font-weight:800;color:var(--ts-mint)}.mobile-toggle{display:none;background:#1b2934;border:1px solid var(--ts-line);color:#fff;padding:8px 12px;border-radius:9px}.crumb{font-size:.82rem;color:var(--ts-muted)}.crumb a:hover{color:var(--ts-mint)}.notice{font-size:.8rem;color:var(--ts-muted)}@media(max-width:1220px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991px){.sidebar{display:none}.workspace{margin-left:0}.mobile-toggle{display:block}.topbar{height:70px}.kbd{display:none}}@media(max-width:640px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:15px;min-height:170px}.content{padding:25px 16px}.topbar{padding:0 16px;gap:10px}.top-link{display:none}.site-end{padding:20px 16px}.hero-title{font-size:2.25rem}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:145px}}