.hero{border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.hero-inner{padding:38px 0 24px}
.hero h1{margin:0 0 8px;font-size:clamp(2rem,4vw,4rem);line-height:1.02}
.hero p{margin:0 0 12px;color:var(--muted);font-size:1.05rem}
.meta-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:800}
.section{padding:30px 0 46px}
.soft-section{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section h2{margin:0 0 8px;font-size:clamp(1.4rem,2.2vw,2rem)}
.section-intro{margin:0 0 18px;color:var(--muted)}
.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}
.result-area{min-width:0}
.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.view-switch{display:flex;gap:8px;flex-wrap:wrap}
.tab-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;
  border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--text);font-weight:900;cursor:pointer;white-space:nowrap;
}
.tab-btn:hover{border-color:var(--accent)}
.tab-btn.active{background:linear-gradient(180deg,var(--brand),var(--brand-dark));border-color:rgba(255,255,255,.2);color:#fff}
.tools-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.slider-wrap{display:flex;align-items:center;gap:10px;min-width:260px;color:var(--muted);font-weight:800}
.slider-wrap input{width:190px;max-width:40vw;accent-color:var(--brand);cursor:pointer;touch-action:pan-x;pointer-events:auto;position:relative;z-index:2}
#zoom-value{min-width:22px;color:var(--text)}
.active-filter-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;min-height:40px;min-width:0}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:900}.chip button{border:0;background:transparent;color:var(--brand);cursor:pointer;font-size:1.1rem;font-weight:900;padding:0 2px}.content-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:22px;box-shadow:var(--shadow)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-card h3{margin:0 0 10px;font-size:1rem;color:var(--muted)}.stat-card strong{font-size:1.8rem}.stat-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.stat-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:7px}.stat-list li:last-child{border-bottom:0;padding-bottom:0}