.sd-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem 1rem;margin:1rem 0;display:grid}.sd-grid label,.sd-advanced label{gap:.35rem;font-weight:600;display:grid}.sd-grid input,.sd-grid select,.sd-advanced input{width:100%}.sd-grid output,.sd-advanced output{color:var(--accent);font-variant-numeric:tabular-nums}.sd-mechanism{justify-content:center;align-items:stretch;gap:.55rem;margin:1rem 0;display:flex}.sd-mechanism span{border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;place-items:center;gap:.25rem;min-width:0;padding:.7rem;display:grid}.sd-mechanism b{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;display:grid}.sd-mechanism i{color:var(--accent);align-self:center;font-style:normal}.sd-advanced{border:1px solid var(--border);border-radius:10px;margin:.5rem 0 1rem;padding:.65rem .8rem}.sd-advanced summary{cursor:pointer;font-weight:700}.model-note{color:var(--muted);margin:.75rem 0;font-size:.88rem}.sample-btn[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}@media (width<=620px){.sd-grid{grid-template-columns:1fr 1fr}.sd-mechanism{gap:.25rem}.sd-mechanism span{padding:.5rem .25rem;font-size:.82rem}}
