.quick-demo{margin-top:24px;border-top:1px solid var(--border-subtle);padding-top:20px}.quick-demo h2{font-size:18px;margin:0 0 6px}.quick-demo>p{font-size:13px}.quick-demo-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:14px;padding:16px;margin:12px 0}.quick-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-muted);color:var(--success-text);display:grid;place-items:center;object-fit:cover;font-weight:700;flex-shrink:0}.quick-demo-card>div{flex:1;min-width:110px}.quick-demo-card span:not(.quick-avatar),.quick-demo-card small,.quick-admin-list span,.quick-admin-list small{display:block;font-size:12px;margin-top:4px;color:var(--text-secondary)}.quick-error{color:var(--danger-text);font-size:13px;flex-basis:100%;margin:0}.quick-error:empty{display:none}.quick-demo summary{cursor:pointer;padding:12px}.quick-admin-list>div{border-top:1px solid var(--border-subtle);padding:14px 0}.quick-admin-list .btn{margin-top:8px}.quick-editor input,.quick-editor select{width:100%}@media(max-width:600px){.quick-demo-card{flex-direction:column;text-align:center;align-items:center}.quick-demo-card>.btn{width:100%}.quick-demo-card>div{width:100%}}