:root{--bg:#e9edf0;--panel:#fff;--card:#f2f5f7;--ink:#25313a;--muted:#667580;--edge:#bdc7cf;--accent:#3c627f;--accent-ink:#fff;--warn:#fff5d9}
html body nav,html body aside,html #right{border:0}
#result{max-height:none;overflow:visible}
.model-control{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;align-items:end;margin:12px 0}
.model-control label{margin:0}
.model-help{width:28px!important;height:30px;margin:0 0 1px!important;border-radius:50%!important;font-size:13px!important;padding:0!important}
#thresholds{border:1px solid var(--edge);margin:8px 0 12px;padding:10px;background:var(--card)}#thresholds legend{font-weight:700;padding:0 5px}#thresholds>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#thresholds label{font-size:11px;margin:0}
.algo-list{display:grid;gap:8px;margin:16px 0 20px}
.algo-list section{background:var(--card);border:1px solid var(--edge);border-radius:10px;padding:12px}
.algo-list p{margin:4px 0 0;color:var(--muted);font-size:13px}
.result-head,.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.result-head .hint,.page-head p{margin:4px 0}
.result-state,.test-badge{border:1px solid var(--edge);background:var(--card);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750;white-space:nowrap}
.numbers small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.quality-card,.tech,.downloads,.class-card,.examples,.trial,.validation-block,.validation-intro{margin-top:24px}
.quality-card h3,.tech h3,.downloads h3,.class-card h3,.examples h3{font-size:15px;margin:0 0 8px}
.quality-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}
.quality-grid>div{display:grid;grid-template-columns:65px 105px 1fr;align-items:center;gap:8px;background:var(--card);border:1px solid var(--edge);padding:11px;border-radius:10px}
.quality-grid strong{font-size:20px}
.quality-grid span{color:var(--muted)}
.quality-grid i,.class-row i,.trial-row i{position:relative;display:block;height:8px;background:var(--bg);border-radius:5px;overflow:hidden}
.quality-grid b,.class-row b{display:block;height:100%;background:#d4a531}
.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px}
.tech-grid>div{background:var(--card);border:1px solid var(--edge);border-radius:10px;padding:11px}
.tech-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
.tech-grid strong{font-size:13px}
.downloads .exports{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}
.downloads .exports a{display:block;padding:11px 12px}
.downloads .exports a strong,.downloads .exports a small{display:block}
.downloads .exports a small{color:var(--muted);margin-top:4px}
.model-math{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-top:8px}.model-math>div{border-left:3px solid var(--accent);background:var(--card);padding:8px 10px}.model-math span,.model-math strong{display:block}.model-math span{font-size:11px;color:var(--muted)}.model-math strong{margin-top:3px}
.validation-intro>.hint{max-width:760px}
.metric-row i{position:relative}
.metric-row i em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#89958a;z-index:2}
.gain{font-weight:700;color:var(--accent)}
.fact-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:8px}
.fact-grid>div{background:var(--card);border:1px solid var(--edge);border-radius:10px;padding:12px}
.fact-grid strong,.fact-grid span{display:block}
.fact-grid strong{font-size:19px}
.fact-grid span{color:var(--muted);font-size:11px;margin-top:4px}
.class-card{max-width:760px}
.class-row{display:grid;grid-template-columns:100px minmax(150px,1fr) 55px;gap:10px;align-items:center;margin:8px 0}
.class-row strong{text-align:right}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:12px}
.example-grid article{background:var(--card);border:1px solid var(--edge);border-radius:12px;padding:14px}
.example-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.example-images figure{margin:0}
.example-images figcaption{font-size:11px;color:var(--muted);margin-bottom:4px}
.example-images img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#111;border-radius:6px}
.trial-chart{display:grid;gap:8px}
.trial-row{display:grid;grid-template-columns:260px minmax(180px,1fr) 95px;gap:12px;align-items:center}
.trial-row i{overflow:visible}
.trial-row i u{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--muted)}
.trial-row i b{position:absolute;height:100%;border-radius:4px}
.trial-row .positive{background:#70a53d}
.trial-row .negative{background:#ce6b55}
.trial-row strong{text-align:right}
.decision{background:var(--card);border-left:4px solid var(--accent);padding:13px;line-height:1.6}
.zone-list{border-top:1px solid var(--edge);padding-top:18px}
.severity-list{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}.severity-list>div{display:grid;grid-template-columns:10px auto auto auto;gap:8px;align-items:center}.severity-list i{width:10px;height:10px;border-radius:2px}.severity-list strong{font-size:12px}.severity-list small{color:var(--muted)}
.workspace>.toolbar{margin:0 0 10px;background:#e0e5e9;border:1px solid #bac5ce!important;border-radius:4px;min-height:62px;padding:9px 12px}.workspace{padding-top:0}html main{height:auto;min-height:calc(100vh - 111px)}html #maps{height:clamp(540px,67vh,760px);min-height:540px;flex:none;border:1px solid var(--edge)}html #maps.single{width:min(100%,70vh);height:auto;min-height:0;aspect-ratio:1;margin:0 auto;border-radius:8px}html #result{padding-top:22px}.zone-list{margin-top:16px}
#ruler-panel{position:absolute;z-index:900;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#fffffff2;border:1px solid var(--edge);border-radius:5px;padding:7px;box-shadow:0 2px 8px #22334433}#ruler-panel[hidden]{display:none}#ruler-panel strong{font-size:14px}#ruler-panel span{color:var(--muted)}#ruler-panel button{padding:4px 7px}
.validation-tabs{display:flex;gap:6px;margin:14px 0}.validation-tabs button.active{background:var(--accent);color:#fff}.validation-frame{width:100%;min-height:780px;border:1px solid var(--edge);background:#fff}.validation-panel[hidden]{display:none!important}
@media(max-width:800px){html body nav{border:0}html #maps.single{width:100%;height:520px;aspect-ratio:auto}.tech-grid,.downloads .exports,.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid{grid-template-columns:1fr}.trial-row{grid-template-columns:160px 1fr 85px}.quality-grid{grid-template-columns:1fr}}
.ruler-distance{pointer-events:none;font-size:12px;font-weight:700;color:#8c2019;background:#fff;border:1px solid #e43f32;white-space:nowrap}