.battery-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.battery-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.battery-panel legend{padding:0 .5rem;font-weight:700}.battery-panel h2{margin:0;font-size:1.05rem}.battery-drop{border:2px dashed var(--border,#b9b9b9);text-align:center;border-radius:.9rem;justify-items:center;gap:.6rem;padding:1.5rem 1rem;display:grid}.battery-drop[data-active=true]{border-color:var(--focus,#1a73e8);background:var(--surface-muted,#f0f4f2)}.battery-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.battery-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;display:grid}.battery-metric{border:1px solid var(--border,#e2e2e2);border-radius:.75rem;gap:.15rem;padding:.6rem .75rem;display:grid}.battery-metric dt{opacity:.8;font-size:.8rem}.battery-metric dd{margin:0;font-size:1.15rem;font-weight:700}.battery-score{align-items:center;gap:.75rem;display:flex}.battery-bar{background:var(--surface-muted,#e8ecea);border-radius:999px;flex:1;height:14px;overflow:hidden}.battery-fill{background:var(--focus,#1a73e8);border-radius:999px;height:100%;transition:width .4s}.battery-hist{align-items:flex-end;gap:4px;height:120px;padding:.5rem 0 0;display:flex}.battery-hist span{background:var(--focus,#1a73e8);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-width:6px}.battery-error{border:1px solid #c0392b;border-radius:.75rem;padding:.6rem .8rem}.battery-note{opacity:.85;font-size:.9rem}.battery-steps{gap:.4rem;margin:0;padding-left:1.25rem;display:grid}.battery-steps code{font-size:.9em}