.mini-demo{padding:0 20px 20px;color:var(--demo-ink);font-size:11px}.mini-toolbar{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin-bottom:18px;align-items:end}.mini-demo label{display:grid;gap:6px;font-size:10px;font-weight:600;color:var(--demo-muted)}.mini-demo input[type=search],.mini-demo select,.mini-demo textarea{width:100%;min-width:0;min-height:35px;padding:8px 10px;background:var(--demo-paper);color:var(--demo-ink);border:1px solid var(--demo-border);border-radius:5px;font:11px 'DM Sans',system-ui,sans-serif}.mini-demo textarea{resize:vertical;line-height:1.6}.mini-demo button,.mini-status button{padding:7px 11px;border:1px solid var(--demo-border);background:var(--demo-paper);color:var(--demo-accent);border-radius:5px;font:10px 'DM Sans',system-ui,sans-serif;cursor:pointer}.mini-demo button:hover:not(:disabled),.mini-status button:hover{border-color:var(--demo-accent);background:var(--demo-selected)}.mini-demo button:disabled{cursor:default;opacity:.45}.mini-demo input[type=checkbox]{accent-color:#6542c0}.mini-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.mini-actions label{display:flex;align-items:center;gap:6px}.mini-meta{color:var(--demo-muted);font-size:10px;margin:15px 0}.mini-table-wrap{overflow:auto;border:1px solid var(--demo-border);border-radius:6px}.mini-demo table{width:100%;border-collapse:collapse;min-width:350px;text-align:left}.mini-demo th{background:var(--demo-header);color:var(--demo-muted);font-size:9px;white-space:nowrap;padding:12px;font-weight:650}.mini-demo td{padding:12px;border-top:1px solid var(--demo-border);font-size:10px;vertical-align:middle}.mini-demo td code{display:block;color:var(--demo-muted);font-size:8px;overflow-wrap:anywhere;margin-top:4px}.mini-tag{display:inline-block;padding:4px 8px;border-radius:4px;background:var(--demo-selected);color:var(--demo-accent);font-size:8px;white-space:nowrap}.mini-split{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}.mini-items{display:grid;gap:9px}.mini-demo .mini-item{display:grid;gap:7px;width:100%;text-align:left;padding:15px;border:1px solid var(--demo-border);background:var(--demo-paper);color:var(--demo-ink)}.mini-item strong{color:var(--demo-accent);font-size:12px;font-weight:650}.mini-item code,.mini-detail code{font:9px ui-monospace,monospace;overflow-wrap:anywhere;color:var(--demo-muted)}.mini-item small{font-size:9px;color:var(--demo-muted)}.mini-demo .mini-item[aria-pressed=true]{background:var(--demo-selected);border-color:var(--demo-accent)}.mini-detail{min-width:0;padding:20px;border:1px solid var(--demo-border);border-radius:7px;background:var(--demo-panel);min-height:230px}.mini-detail h4,.mini-plan-head h4{font-size:19px;line-height:1.3;margin:6px 0 10px;font-weight:650;letter-spacing:-.5px;color:var(--demo-ink)}.mini-detail p,.mini-plan-head p{font-size:10px!important;line-height:1.7;color:var(--demo-muted)!important}.mini-detail label{margin-top:16px}.mini-kicker{font-size:8px;letter-spacing:.8px;color:var(--demo-accent);font-weight:650}.mini-status{margin:0;padding:0 20px 18px;color:var(--demo-muted);font-size:10px;line-height:1.7;min-height:35px}.mini-plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--demo-panel);padding:18px;border:1px solid var(--demo-border);border-radius:7px}.mini-progress{height:7px;background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:5px;overflow:hidden;margin-top:20px}.mini-progress>div{height:100%;background:#8d70de;transition:width .3s}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.mini-stats>div{display:grid;gap:3px;padding:12px 16px;background:var(--demo-panel);border:1px solid var(--demo-border);border-radius:6px}.mini-stats strong{font-size:23px;font-weight:550;color:var(--demo-accent)}.mini-stats span{font-size:9px;color:var(--demo-muted)}.mini-demo .mini-link{padding:0;background:transparent;border:0;text-align:left;font-size:11px;font-weight:650;color:var(--demo-accent)}.mini-demo .mini-link[aria-pressed=true]{text-decoration:underline}.mini-diff{display:grid;gap:8px;margin-top:18px;font-size:10px;line-height:1.7}.mini-diff strong{color:var(--demo-muted);font-size:9px}.mini-before{padding:8px;border:1px solid #cb7c7c44;background:#c46b6b12;border-radius:4px}.mini-after{padding:8px;border:1px solid #8d70de44;background:var(--demo-selected);border-radius:4px}.mini-notice{padding:12px 15px;margin-bottom:18px;border:1px solid var(--demo-border);background:var(--demo-selected);color:var(--demo-accent);font:9px ui-monospace,monospace;border-radius:5px}.mini-categories{display:flex;flex-wrap:wrap;gap:20px;padding:16px;border:1px solid var(--demo-border);border-radius:6px}.mini-categories legend{font-size:10px;color:var(--demo-muted);padding:0 6px}.mini-categories label{display:flex;align-items:center;gap:6px}#ms-progress{display:block;width:100%;height:10px;border:0;border-radius:5px;accent-color:#8d70de;margin:20px 0 15px;overflow:hidden}#ms-progress::-webkit-progress-bar{background:var(--demo-panel)}#ms-progress::-webkit-progress-value{background:#8d70de}.mini-log{padding-left:20px;min-height:80px;color:var(--demo-muted);font:10px/2 ui-monospace,monospace}.mini-toolbar-action{align-self:end}.mini-toolbar-action button{min-height:35px}.mini-detail .mini-actions button:first-child,#ms-start{background:#6542c0;color:#fff;border-color:#6542c0}
@media(max-width:720px){.mini-demo{padding:0 12px 14px}.mini-toolbar{grid-template-columns:1fr 1fr;gap:10px}.mini-toolbar label:last-child{grid-column:1/-1}.mini-split{grid-template-columns:1fr;gap:14px}.mini-detail{min-height:140px;padding:15px}.mini-plan-head{display:block;padding:15px}.mini-plan-head .mini-tag{margin-top:10px}.mini-stats{gap:5px}.mini-stats>div{padding:9px}.mini-stats strong{font-size:20px}.mini-stats span{font-size:8px}.mini-categories{gap:12px}.mini-status{padding:0 12px 14px;font-size:9px}.mini-notice{font-size:8px;line-height:1.6}.mini-demo td{padding:10px}.mini-demo table{min-width:340px}}
@media(prefers-reduced-motion:reduce){.mini-progress>div{transition:none}}