.sd-demo{padding:1.2rem;border:1px solid var(--border);border-radius:12px;background:var(--bg2);margin:1.5rem 0}.sd-items{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-height:90px;padding:16px 0}.sd-pile{flex-direction:column;gap:5px;justify-content:end;min-height:180px;border-bottom:6px solid #8995a1}.sd-plate{display:block;width:min(240px,95%);text-align:center;border:2px solid #267dba;border-bottom:6px solid #267dba;border-radius:50%;background:#e4f5ff;color:#16364d;padding:5px;font-weight:600;animation:sd-enter .3s ease-out}.sd-person{display:block;padding:12px;background:#e9f3e3;border:1px solid #659457;border-radius:8px;color:#234123;animation:sd-enter .3s ease-out}.sd-controls{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.sd-controls button{padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);cursor:pointer}.sd-controls button:disabled{opacity:.5}.sd-state{overflow-wrap:anywhere;font-family:var(--font-mono)}.sd-demo [role=status]{min-height:3em}.sd-help{padding:15px;border:1px solid var(--border);border-radius:8px;margin:15px 0}.sd-help summary{cursor:pointer;font-weight:600}@keyframes sd-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sd-plate,.sd-person{animation:none}}