.sd{margin:var(--space-6) 0;padding:var(--space-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}@media (width<=640px){.sd{padding:var(--space-4)}}.sd__title{margin:0;font-size:14px;font-weight:700;line-height:20px}.sd .sd__hint{margin:var(--space-1) 0 var(--space-4);color:var(--text-muted);font-size:12px;line-height:16px}.sd .sd__label{margin:0 0 var(--space-2);color:var(--text-secondary)}.sd__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.sd__stack{gap:var(--space-3);align-content:start;display:grid}.sd__divider{padding-top:var(--space-4);border-top:1px solid var(--border)}.sd__muted{color:var(--text-muted);font-size:12px}.sd-seg{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.sd-seg button{height:28px;padding:0 var(--space-3);font:inherit;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;font-size:12px;transition:background-color .12s,color .12s}.sd-seg button:hover{color:var(--text)}.sd-seg button[aria-pressed=true]{color:var(--text);background:var(--surface-3)}.sd button:focus-visible,.sd input:focus-visible{outline:1px solid var(--text);outline-offset:2px}.sd-slider{align-items:center;gap:var(--space-3);grid-template-columns:120px minmax(0,1fr) 52px;display:grid}.sd-slider label{color:var(--text-secondary)}.sd-slider output{text-align:right}.sd-slider input[type=range]{width:100%;accent-color:var(--accent)}@media (width<=560px){.sd-slider{grid-template-columns:minmax(0,1fr) 52px}.sd-slider label{grid-column:1/-1}}.sd-check{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;display:flex}.sd-check input{accent-color:var(--accent)}.sd-part__head{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.sd-track{height:6px;margin-top:var(--space-1);background:var(--surface-3);border-radius:var(--radius-sm);position:relative;overflow:hidden}.sd-track>i{border-radius:var(--radius-sm);height:100%;transition:width .15s;display:block}.sd-score{align-items:baseline;gap:var(--space-2);display:flex}.sd-score strong{letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:44px}.sd-score span{color:var(--text-muted)}.sd-ruler{height:6px;margin-top:var(--space-2);background:var(--surface-3);border-radius:var(--radius-sm);position:relative}.sd-ruler>i{border-radius:var(--radius-sm);transition:width .15s,background-color .15s;position:absolute;inset:0 auto 0 0}.sd-ruler>b{background:var(--text);width:1px;position:absolute;top:-4px;bottom:-4px}.sd-ruler__labels{height:16px;margin-top:var(--space-1);color:var(--text-muted);font-size:12px;position:relative}.sd-ruler__labels span{position:absolute;transform:translate(-50%)}.sd-pill{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:12px;line-height:16px;display:inline-block}.sd-pill--pos{color:var(--positive);background:var(--positive-bg)}.sd-pill--neg{color:var(--negative);background:var(--negative-bg)}.sd-pill--warn{color:var(--warning);background:var(--warning-bg)}.sd-pill--acc{color:var(--accent);background:var(--accent-bg)}.sd-pill--mute{color:var(--text-secondary);background:var(--surface-3)}.sd-actions{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.sd-btn{height:28px;padding:0 var(--space-3);font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;font-size:12px;transition:background-color .12s}.sd-btn:hover{background:var(--surface-3)}.sd-btn--danger{color:var(--negative)}.sd-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000;margin-left:auto}.sd-meta{gap:var(--space-2) var(--space-5);margin-bottom:var(--space-3);color:var(--text-secondary);flex-wrap:wrap;align-items:center;display:flex}.sd-log{margin:var(--space-4) 0 0;padding-left:var(--space-5);color:var(--text-muted);font-size:12px;line-height:18px}.sd-log li:last-child{color:var(--text)}.sd-svg{touch-action:none;width:100%;height:auto;display:block}.sd-svg text{font-family:var(--font-mono);fill:var(--text-muted);font-size:11px}.sd-legend{gap:var(--space-2) var(--space-5);margin:var(--space-3) 0 0;color:var(--text-secondary);flex-wrap:wrap;padding:0;font-size:12px;list-style:none;display:flex}.sd-legend li{align-items:center;gap:var(--space-2);display:flex}.sd-legend i{border-radius:1px;width:12px;height:2px;display:block}.sd-scene{gap:var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sd-scene pre{min-width:0;padding:var(--space-3);white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex:240px;margin:0;font-size:12px;line-height:18px}.sd-phone{aspect-ratio:9/16;box-sizing:border-box;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:180px;color:var(--text);flex-direction:column;flex-shrink:0;justify-content:center;padding:22px 14px 46px;display:flex;position:relative;overflow:hidden}.sd-phone__sub{text-align:center;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 6px;font-size:8px;line-height:11px;position:absolute;bottom:12px;left:10px;right:10px}.sd-diagram{margin:var(--space-6) 0;padding:var(--space-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.sd-diagram__svg{min-height:120px}.sd-diagram__svg svg{max-width:100%;height:auto;margin:0 auto;display:block}.sd-diagram pre{color:var(--text-secondary);margin:0;font-size:12px}.sd-caption{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:12px;line-height:18px}@media (prefers-reduced-motion:reduce){.sd *,.sd :before{transition:none!important}}