.public-explorer{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;margin:2rem 0;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1px 2px #0000000a}.public-explorer__head,.public-explorer__footer{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.public-explorer__head p,.public-explorer__footer p{color:var(--color-text-muted);margin:.4rem 0 0}.public-explorer__eyebrow,.public-explorer__sample{color:var(--color-primary);font:700 .75rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.public-explorer__sample{white-space:nowrap;border:1px solid;border-radius:999px;padding:.35rem .6rem}.public-explorer__controls{grid-template-columns:1fr auto;gap:.65rem;margin:1.25rem 0;display:grid}.public-explorer__controls input{accent-color:var(--color-primary);grid-column:1/-1}.public-explorer__controls select{border:1px solid var(--color-border);background:var(--color-bg);min-height:42px;color:var(--color-text);border-radius:8px;padding:.5rem}.public-explorer__controls--inline{grid-template-columns:1fr minmax(150px,auto);align-items:center}.public-explorer__split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.25rem 0;display:grid}.public-explorer__result{background:var(--color-bg);border-radius:10px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.public-explorer__result strong{font-size:1.35rem}.public-explorer__result span{color:var(--color-text-muted)}.public-explorer__note{color:var(--color-text-muted);margin:.75rem 0 0;font-size:.85rem}.public-explorer__bars{gap:.8rem;margin:1.25rem 0;display:grid}.public-explorer__bars div{grid-template-columns:minmax(100px,1fr) 2fr auto;align-items:center;gap:.75rem;display:grid}.public-explorer__bars i{background:var(--color-primary);border-radius:999px;min-width:2px;height:10px}.public-explorer__footer{border-top:1px solid var(--color-border);align-items:center;margin-top:1.25rem;padding-top:1rem}@media (width<=640px){.public-explorer__head,.public-explorer__footer,.public-explorer__split{grid-template-columns:1fr;display:grid}.public-explorer__sample{justify-self:start}.public-explorer__bars div{grid-template-columns:1fr auto}.public-explorer__bars i{grid-area:2/1/auto/-1}}