.pd-planet-grid{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.pd-planet-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:99px;padding:.3rem .75rem;font-size:.85rem;transition:border-color .15s,background .15s}.pd-planet-btn:hover{border-color:var(--accent)}.pd-planet-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pd-inputs{margin-bottom:1rem}.pd-input-row{grid-template-columns:7rem 1fr;align-items:center;gap:.5rem;margin-bottom:.6rem;display:grid}.pd-input-label{color:var(--text-dim);white-space:nowrap;font-size:.85rem}.pd-input-controls{align-items:center;gap:.5rem;display:flex}.pd-slider{accent-color:var(--accent);flex:1;min-width:0}.pd-num{border:1px solid var(--border);background:var(--bg-surface);width:7.5rem;color:var(--text);text-align:right;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.85rem}.pd-num:focus{border-color:var(--accent);outline:none}.pd-unit{color:var(--text-dim);white-space:nowrap;font-size:.8rem}.pd-material-bar{margin-bottom:1rem}.pd-main-row{grid-template-columns:220px 1fr;align-items:start;gap:1.5rem;margin-bottom:1rem;display:grid}.pd-vis-col{flex-direction:column;align-items:center;gap:.75rem;display:flex}.pd-results-col{min-width:0}.pd-diagram{width:100%}.pd-legend{flex-flow:wrap;justify-content:center;gap:.35rem .75rem;display:flex}.pd-legend-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pd-legend-swatch{border-radius:2px;flex-shrink:0;width:1rem;height:1rem;display:inline-block}.pd-sample-context{color:var(--text-dim);background:var(--surface-alt,var(--bg-surface));border-left:3px solid var(--accent);border-radius:0 4px 4px 0;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}@media (width<=540px){.pd-input-row{grid-template-columns:5rem 1fr}.pd-num{width:6rem}.pd-main-row{grid-template-columns:1fr}.pd-vis-col{flex-direction:row;justify-content:center;align-items:flex-start}}