:root{color-scheme:dark;--bg:#0b0907;--panel:rgba(255,255,255,.075);--panel-2:rgba(255,255,255,.115);--line:rgba(255,255,255,.14);--text:#fff8ed;--muted:#cfc2af;--gold:#f7a928;--orange:#ff6b1a;--green:#53d18a;--red:#ff6767;--shadow:0 24px 80px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,107,26,.18),transparent 34rem),radial-gradient(circle at 86% 12%,rgba(247,169,40,.13),transparent 32rem),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem,4vw,3.5rem);background:rgba(11,9,7,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;font-size:1.12rem}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.8rem;background:linear-gradient(135deg,var(--gold),var(--orange));color:#120b05;box-shadow:0 12px 35px rgba(255,107,26,.28)}.nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.nav a{padding:.65rem .8rem;border-radius:.7rem;color:var(--muted);font-size:.94rem}.nav a:hover,.nav a:focus{background:var(--panel);color:var(--text)}.nav-toggle{display:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.7rem;padding:.6rem .75rem}.hero{padding:clamp(3rem,8vw,6.6rem) clamp(1rem,4vw,3.5rem) 2.5rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.72fr);gap:2rem;align-items:center}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.95;margin:.65rem 0 1rem;letter-spacing:0}.hero p,.section-head p,.tool-card p,.feature p,.faq p,.content p,.tool-meta p{color:var(--muted);line-height:1.65}.hero-art{min-height:25rem;border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(135deg,rgba(247,169,40,.22),rgba(255,107,26,.08)),rgba(255,255,255,.05);box-shadow:var(--shadow);padding:1.2rem;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:10%;background:conic-gradient(from 20deg,var(--gold),transparent,var(--orange),transparent,var(--gold));filter:blur(34px);opacity:.35}.dash-preview{position:relative;display:grid;gap:.8rem}.dash-row{height:3.8rem;border-radius:.9rem;background:rgba(255,255,255,.1);border:1px solid var(--line)}.dash-row:nth-child(2){margin-left:2rem}.dash-row:nth-child(3){margin-right:3rem}.search-panel{margin-top:1.4rem;display:grid;grid-template-columns:1fr auto;gap:.75rem;max-width:48rem}.search-panel input,.field,input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:.85rem;padding:.9rem 1rem;outline:0}.search-panel input:focus,.field:focus,input:focus,textarea:focus,select:focus{border-color:rgba(247,169,40,.7);box-shadow:0 0 0 4px rgba(247,169,40,.12)}.btn{border:0;border-radius:.85rem;padding:.9rem 1rem;font-weight:850;background:linear-gradient(135deg,var(--gold),var(--orange));color:#140b05;box-shadow:0 14px 35px rgba(255,107,26,.22);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:none}.section{padding:2.4rem clamp(1rem,4vw,3.5rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:.2rem 0}.tool-grid,.category-grid,.network-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tool-card,.category-card,.network-card,.feature,.faq,.tool-shell,.content-card{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);border-radius:1rem;padding:1rem;box-shadow:0 18px 50px rgba(0,0,0,.18)}.tool-card{min-height:15.5rem;display:flex;flex-direction:column}.tool-icon{width:2.8rem;height:2.8rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(247,169,40,.28),rgba(255,107,26,.16));border:1px solid rgba(247,169,40,.28);color:var(--gold);font-weight:900}.tool-card h3{margin:.9rem 0 .2rem;font-size:1.03rem}.tool-card p{font-size:.92rem;margin:.2rem 0 1rem}.card-link{margin-top:auto;color:var(--gold);font-weight:850}.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.65rem .8rem;border-radius:999px}.chip.active{background:linear-gradient(135deg,var(--gold),var(--orange));color:#150b05}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{padding:1.1rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid var(--line)}.stat strong{display:block;font-size:2rem;color:var(--gold)}.tool-page{padding:1.4rem clamp(1rem,4vw,3.5rem) 3rem}.breadcrumbs{color:var(--muted);font-size:.9rem;margin:1rem 0}.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1rem;align-items:start}.tool-workspace{min-height:28rem}.tool-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.output,.preview{border:1px solid var(--line);border-radius:.9rem;background:rgba(0,0,0,.24);padding:1rem;min-height:8rem;overflow:auto;white-space:pre-wrap}.preview{display:grid;place-items:center;white-space:normal}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.canvas-box{width:100%;max-width:42rem;aspect-ratio:16/9;border-radius:1rem;border:1px solid var(--line);background:#19120d;display:grid;place-items:center;overflow:hidden}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:min(26rem,100%)}.mini-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:.45rem;background:var(--panel);display:grid;place-items:center;overflow:hidden}.footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;color:var(--muted);background:rgba(0,0,0,.18)}.footer-links{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:var(--text)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}.toast{position:fixed;right:1rem;bottom:1rem;max-width:min(24rem,calc(100vw - 2rem));padding:.9rem 1rem;border-radius:.8rem;background:#17110d;border:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(130%);transition:.25s;z-index:50}.toast.show{transform:translateY(0)}.toast.success{border-color:rgba(83,209,138,.55)}.toast.error{border-color:rgba(255,103,103,.6)}.content{max-width:62rem;margin:auto}.content-card{margin:1rem 0}.faq{margin:.8rem 0}.advisory{border-left:4px solid var(--gold);padding:.9rem 1rem;background:rgba(247,169,40,.08);border-radius:.7rem;color:var(--muted)}@media (max-width:1000px){.hero,.tool-shell{grid-template-columns:1fr}.tool-grid,.category-grid,.network-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:1rem;right:1rem;top:4.6rem;padding:.8rem;background:#12100e;border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow)}.nav.open{display:grid}.hero{padding-top:2rem}.hero-art{min-height:17rem}.search-panel,.two-col,.control-grid,.footer{grid-template-columns:1fr}.tool-grid,.category-grid,.network-grid,.feature-grid,.stats{grid-template-columns:1fr}.section-head{display:block}.footer-links{justify-content:flex-start}.tool-actions .btn{flex:1 1 9rem}}

.ad-slot,.ad-section{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}
.ad-header{gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;background:rgba(0,0,0,.18);border-bottom:1px solid var(--line)}
.ad-banner{width:468px;min-height:60px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.ad-rectangle{max-width:300px;min-height:250px;margin:2rem auto;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.045)}
.ad-section{min-height:90px;padding:1.25rem clamp(1rem,4vw,3.5rem);border-top:1px solid var(--line)}
@media (max-width:980px){.ad-header{display:grid;grid-template-columns:1fr}.ad-banner{margin:auto}}
@media (max-width:520px){.ad-banner{transform-origin:top center;scale:.72;margin:-.5rem auto}.ad-rectangle{max-width:100%;border-radius:.8rem}}