.tool-demo{z-index:1;width:100%;min-width:0;font-family:var(--body);color:var(--pv-ink);gap:16px;margin:0;font-size:14px;line-height:1.5;display:grid;position:relative}.tool-demo p{margin:0}.tool-demo__sample,.tool-demo__label{font-family:var(--mono);letter-spacing:.025em;font-size:12px;line-height:1.5}.tool-demo__sample{color:var(--pv-txt)}.tool-demo__label{color:var(--pv-ink)}.tool-demo__muted{color:var(--pv-txt)}.tool-demo__reactor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.tool-demo__graph{width:100%;height:auto;margin-bottom:14px;display:block}.tool-demo__verdict{background:var(--ink);color:var(--paper);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.tool-demo__verdict>strong{letter-spacing:-.03em;font-size:22px;line-height:1.2}.tool-demo__verdict .tool-demo__label{color:#c9c8c0}.tool-demo__verdict>svg{width:100%;height:36px;display:block}.tool-demo__chip{background:var(--yellow);color:var(--ink);border-radius:12px;align-self:start;padding:5px 10px;font-size:12px;line-height:1.5;display:inline-block}.tool-demo__panel{border:1px solid var(--pv-line);background:var(--pv-card);border-radius:14px;padding:18px}.tool-demo__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tool-demo__row>p{flex:1;min-width:120px}.tool-demo__sources,.tool-demo__checks{flex-wrap:wrap;gap:8px;display:flex}.tool-demo__sources span,.tool-demo__checks span{background:var(--pv-soft);border-radius:10px;padding:6px 10px;font-size:13px}.tool-demo__sources .is-selected{background:var(--yellow);color:var(--ink)}.tool-demo__list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tool-demo__list li{padding-left:15px;position:relative}.tool-demo__list li:before{content:"";background:var(--yellow);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.tool-demo__score{border:2px solid var(--yellow);background:var(--pv-card);border-radius:14px;justify-items:start;gap:3px;padding:12px 16px;display:grid}.tool-demo__score strong{letter-spacing:-.04em;font-size:40px;font-weight:600;line-height:1.1}.tool-demo__score span{font-size:12px}.tool-demo__bars{border-bottom:1px solid var(--pv-line);justify-content:center;align-items:end;gap:18px;height:100px;display:flex}.tool-demo__bars i{background:var(--pv-soft);border-radius:12px 12px 0 0;width:20%;max-width:70px}.tool-demo__bars i:first-child{background:var(--yellow)}.tool-demo__bars i:last-child{background:var(--pv-ink)}.tool-demo .tool-demo__metric{letter-spacing:-.04em;margin-top:8px;font-size:clamp(30px,7cqi,44px);font-weight:600;line-height:1.35}.tool-demo__metric>span{letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:400}.tool-demo__ranked{counter-reset:priorities;gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool-demo__ranked li{counter-increment:priorities;background:var(--pv-card);border:1px solid var(--pv-line);border-radius:10px;align-items:baseline;gap:12px;padding:12px;display:flex}.tool-demo__ranked li:before{content:"0" counter(priorities);font-family:var(--mono);font-size:12px}.tool-demo__ranked li:first-child{border-color:var(--yellow)}.tool-demo__formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-demo__formats>div{align-content:end;gap:7px;font-size:13px;display:grid}.tool-demo__formats strong{font-size:16px}.tool-demo__format{border:1px solid var(--pv-line);background:var(--pv-card);border-radius:10px;place-items:center;height:110px;display:grid}.tool-demo__format--0{height:78px}.tool-demo__format--1{height:95px}.tool-demo__format i{aspect-ratio:1;background:var(--yellow);border:1px solid var(--pv-line);border-radius:8px;width:54%;display:block}.tool-demo__backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:13px;display:grid}.tool-demo__art{border:1px solid var(--pv-line);background:radial-gradient(ellipse at 20% 15%, var(--yellow) 0 24%, transparent 25%), var(--pv-soft);border-radius:10px;height:125px;margin-bottom:8px}.tool-demo__art--1{background:linear-gradient(135deg, transparent 40%, var(--yellow) 41% 60%, transparent 61%), var(--pv-soft)}.tool-demo__art--2{background:repeating-linear-gradient(0deg, var(--pv-soft) 0 14px, var(--pv-card) 14px 28px)}.tool-demo__popup{border:1px solid var(--pv-line);background:var(--pv-card);border-radius:14px;justify-items:start;gap:14px;padding:24px;display:grid}.tool-demo__popup strong{letter-spacing:-.03em;font-size:28px;line-height:1.2}@container (max-width:350px){.tool-demo__reactor{grid-template-columns:1fr}.tool-demo__graph{max-width:240px;margin-inline:auto}}