.demo-library { --dl-line:#dfe3eb; --dl-surface:#fff; --dl-ink:#0a0b49; --dl-muted:#667085; color:var(--dl-ink); }
.demo-library .dl-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.demo-library .dl-stat,.demo-library .dl-panel {background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:8px}
.demo-library .dl-stat {padding:16px 20px}.demo-library .dl-stat strong {display:block;font-size:26px;letter-spacing:-.5px}.demo-library .dl-muted {color:var(--dl-muted);font-size:12px}
.demo-library .dl-toolbar {display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px;border-bottom:1px solid var(--dl-line)}
.demo-library label {display:grid;gap:5px;font-size:12px;font-weight:600}.demo-library input,.demo-library select {background:var(--dl-surface);color:inherit;border:1px solid var(--dl-line);border-radius:5px;padding:8px;font-size:13px;min-width:110px}.demo-library .dl-search {flex:1;min-width:220px}
.demo-library .dl-table-wrap {overflow:auto}.demo-library table {width:100%;border-collapse:collapse;text-align:left;font-size:13px}.demo-library th {font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dl-muted);padding:12px 16px;border-bottom:1px solid var(--dl-line);white-space:nowrap}.demo-library td {padding:15px 16px;border-bottom:1px solid var(--dl-line);vertical-align:top}.demo-library .dl-file {display:block;text-align:left;font-weight:650;overflow-wrap:anywhere;max-width:340px}.demo-library .dl-file:hover {text-decoration:underline}.demo-library .dl-badge {display:inline-block;border:1px solid var(--dl-line);border-radius:4px;padding:2px 6px;font-size:11px;margin-top:5px}
.demo-library .dl-footer {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px}.demo-library button:disabled {opacity:.4;cursor:default}.demo-library .dl-message {padding:30px;text-align:center}.demo-library .dl-warning {padding:12px 18px;background:#fff4d6;color:#73520c;font-size:13px}
.dl-dialog {padding:0;border:1px solid #dfe3eb;border-radius:10px;width:min(1050px,94vw);max-height:90vh;background:var(--dl-surface,#fff);color:var(--dl-ink,#0a0b49)}.dl-dialog::backdrop {background:rgba(5,6,38,.55)}.dl-dialog header {padding:20px 24px;border-bottom:1px solid var(--dl-line);display:flex;justify-content:space-between;gap:20px}.dl-dialog h2 {font-weight:750;font-size:20px;overflow-wrap:anywhere}.dl-dialog h3 {font-weight:700;margin-bottom:10px}.dl-dialog .dl-detail-grid {display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px;padding:24px}.dl-dialog .dl-detail-grid section {margin-bottom:24px}.dl-dialog dl {display:grid;gap:10px}.dl-dialog dt {font-size:11px;color:var(--dl-muted);text-transform:uppercase}.dl-dialog dd {font-size:13px;overflow-wrap:anywhere}.dl-dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 inherit;padding:14px;background:rgba(128,128,128,.06)}.dl-dialog details {border:1px solid var(--dl-line);border-radius:6px;margin-top:10px;padding:12px}.dl-dialog summary {cursor:pointer;font-size:13px;font-weight:650}.dl-dialog .dl-related {display:block;padding:8px 0;text-align:left;font-size:13px;overflow-wrap:anywhere}
body[data-app-theme="dark"] .demo-library {--dl-line:#30354f;--dl-surface:#171a31;--dl-ink:#e7eaf7;--dl-muted:#a9b1ca}
@media(max-width:800px){.demo-library .dl-stats{grid-template-columns:repeat(2,1fr)}.dl-dialog .dl-detail-grid{grid-template-columns:1fr}.demo-library .dl-toolbar{padding:12px}.demo-library .dl-footer{flex-wrap:wrap}}

.demo-library .dl-file,.demo-library .dl-related {background:none;border:0;padding-left:0;color:inherit;font-family:inherit;cursor:pointer}.dl-dialog header > button {align-self:flex-start}.dl-dialog dd {margin:3px 0 0}.demo-library button:focus-visible,.demo-library a:focus-visible {outline:2px solid #6875e8;outline-offset:3px}