.card-preview .library-source-thumb{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}
.library-original-toolbar,.library-original-caption{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0;color:var(--text-secondary);font-size:14px}
.library-original-toolbar{justify-content:space-between}
.library-original-toolbar label{display:flex;align-items:center;gap:12px}
.library-original-toolbar select{font:inherit;padding:10px 32px 10px 12px;background:var(--background-default);color:var(--text-body);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input)}
.library-original-stage{padding:24px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card-md);background:var(--background-default);overflow:auto}
.library-original-stage a{display:block;cursor:zoom-in}
.library-original-stage img{display:block;width:auto;max-width:100%;height:auto;margin:auto}
.library-original-caption a{color:var(--text-body)}
.library-group-label{display:block;margin:0 0 8px;color:var(--text-secondary);font-size:12px}
.ds-cover-sample .library-source-thumb{width:100%;height:100%;object-fit:contain}
.content-topic-card .library-topic-preview{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:700px){.library-original-stage{padding:12px}.library-original-toolbar{align-items:flex-start}.library-original-caption{gap:12px}}

/* Designer-facing Usage: short sections, responsive property rows, explicit reading order. */
.library-usage{font-size:14px;line-height:1.65}
.library-usage h3{margin:0 0 14px;font-size:17px;letter-spacing:0}
.library-usage h4{margin:0 0 8px;font-size:13px;font-weight:700}
.library-usage p{margin:0;line-height:1.65}
.usage-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:4px 0 24px;border-bottom:1px solid var(--color-border-subtle)}
.usage-intro h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.usage-section{margin-top:28px}
.usage-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.usage-layout article{padding:18px 20px;background:var(--background-botanical-subtle);border-radius:12px}
.usage-settings{margin:0;border-top:1px solid var(--color-border-subtle)}
.usage-setting{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--color-border-subtle)}
.usage-setting dt{font-weight:600;padding-top:3px}
.usage-setting dd{margin:0;min-width:0}
.usage-values{display:flex;flex-wrap:wrap;gap:6px}
.usage-values>span{display:inline-block;padding:3px 10px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--commerce-product-card-surface);font-size:13px;overflow-wrap:anywhere}
.usage-setting dd p{font-size:12px;margin-top:8px}
.usage-list{margin:0;padding-left:20px;color:var(--text-secondary)}
.usage-list li+li{margin-top:8px}
.usage-check{margin-top:24px;padding:18px 20px;border-left:3px solid var(--color-border-selected);background:var(--background-botanical-subtle);border-radius:0 8px 8px 0}
.usage-check h3{font-size:14px;margin-bottom:6px}
.usage-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.usage-alternatives button{padding:16px 18px;text-align:left;white-space:normal}
.usage-alternatives strong{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px}
.usage-alternatives button>span{display:block;font-size:13px;line-height:1.65;color:var(--text-secondary)}
.usage-source-notes{margin-top:28px;border-top:1px solid var(--color-border-subtle);padding-top:16px}
.usage-source-notes summary{cursor:pointer;font-size:13px;font-weight:600}
.usage-source-notes p{margin-top:12px;font-size:13px;white-space:normal}
.usage-footer{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:13px}
.library-usage .usage-provenance{margin-top:12px;font-size:11px}
@media(max-width:700px){.usage-intro,.usage-layout,.usage-alternatives{grid-template-columns:1fr;gap:14px}.usage-setting{grid-template-columns:1fr;gap:8px}.usage-section{margin-top:24px}.usage-layout article{padding:16px}.usage-setting dt{padding:0}}