.ssz{min-height:520px}.ssz-toggles{flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:.6rem;display:flex}.ssz-cats{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:4px;display:inline-flex}.ssz-cat{appearance:none;color:var(--text-2);font:600 14px var(--font);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 18px;transition:background .12s,color .12s}.ssz-cat:hover{color:var(--text)}.ssz-cat.is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000000f}.ssz-fits{background:color-mix(in srgb, var(--accent) 7%, var(--bg-soft));border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));border-radius:999px;gap:4px;padding:3px;display:inline-flex}.ssz-fit{appearance:none;color:var(--text-2);font:600 12px var(--font);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;transition:background .12s,color .12s}.ssz-fit:hover{color:var(--accent)}.ssz-fit.is-active{background:var(--accent);color:#fff}.ssz-fit-note{color:var(--text-2);margin:0 0 1.25rem;font-size:12.5px;line-height:1.5}.ssz-input-row{grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.ssz-field{flex-direction:column;gap:.4rem;display:flex}.ssz-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);cursor:pointer;padding:10px 12px;font-size:16px}.ssz-size{width:100%;font-size:20px;font-weight:600;font-family:var(--font-mono);text-align:center}.ssz-results{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem;margin-bottom:.75rem;display:grid}.ssz-card{appearance:none;text-align:left;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:2px;padding:.7rem .8rem;transition:border-color .12s,background .12s;display:flex}.ssz-card:hover{border-color:var(--text-3)}.ssz-card.is-source{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.ssz-card.is-copied{border-color:var(--accent)}.ssz-card.is-copied .ssz-card-value:after{content:" ✓";color:var(--accent)}.ssz-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:11px;font-weight:600}.ssz-card-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1.1}.ssz-foot{color:var(--text-2);font-size:13px;font-family:var(--font-mono);margin:0 0 .5rem}.ssz-method-link{margin:0 0 1.75rem;font-size:13px}.ssz-method-link a{color:var(--accent);text-decoration:none}.ssz-method-link a:hover{text-decoration:underline}.ssz-chart-wrap{margin-top:.5rem}.ssz-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.ssz-filter{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);max-width:180px;padding:6px 10px;font-size:13px}.ssz-table-scroll{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.ssz-table{border-collapse:collapse;width:100%;font-family:var(--font-mono)}.ssz-table th{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--bg-soft);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.ssz-table td{text-align:center;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px;font-size:13px}.ssz-table tbody tr:last-child td{border-bottom:none}.ssz-table tbody tr:hover td{background:var(--bg-soft)}.ssz-table tr.is-current td{background:color-mix(in srgb, var(--accent) 12%, var(--bg));font-weight:700}.ssz-empty{color:var(--text-3);font-style:italic}.ssz-method{margin-top:2.5rem}.ssz-method h2{font-family:var(--font-heading);margin-bottom:.75rem;font-style:italic;font-weight:400}.ssz-method p{color:var(--text);margin:0 0 1rem;font-size:15px;line-height:1.65}.ssz-method ul{margin:0 0 1rem;padding-left:1.25rem}.ssz-method li{margin-bottom:.5rem;font-size:15px;line-height:1.6}.ssz-method code{font-family:var(--font-mono);background:var(--bg-soft);border-radius:5px;padding:1px 5px;font-size:13px}.ssz-cta{background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem}.ssz-method code{overflow-wrap:anywhere}@media (width<=640px){.ssz{min-height:560px}.ssz-input-row{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.1rem}.ssz-cats{width:100%;display:flex}.ssz-cat{text-align:center;flex:1;padding:9px 4px}.ssz-fits{align-self:stretch}.ssz-fit{text-align:center;flex:1}.ssz-size{font-size:18px}.ssz-select{padding:10px;font-size:15px}.ssz-results{grid-template-columns:repeat(3,1fr);gap:.4rem}.ssz-card{padding:.5rem .55rem}.ssz-card-value{font-size:19px}.ssz-card-label{font-size:10px}.ssz-foot{font-size:12px}.ssz-chart-head{gap:.5rem}.ssz-filter{flex:1;max-width:none}.ssz-table th{padding:7px;font-size:10px}.ssz-table td{padding:7px;font-size:12px}.ssz-method{margin-top:2rem}.ssz-method p,.ssz-method li{font-size:14px}.ssz-cta{padding:.9rem 1rem}}@media (width<=380px){.ssz-results{grid-template-columns:repeat(2,1fr)}}