/* The library uses the existing light/dark design tokens. */
.view-assets .heading{margin-bottom:12px}.view-assets .heading>div>p{max-width:640px}
.view-assets .assets-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none}
.asset-library-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 22px}.asset-library-header p{margin:0;color:var(--ui-muted)}
.asset-primary-tabs{display:flex;gap:30px;border-bottom:1px solid var(--ui-border-soft);margin-bottom:24px;overflow:auto}
html:root[data-lj-theme] .asset-primary-tabs button{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;white-space:nowrap;padding:12px 0;min-height:48px;font-size:17px;color:var(--ui-muted)!important}
html:root[data-lj-theme] .asset-primary-tabs button[aria-selected=true]{border-bottom-color:var(--ui-accent)!important;color:var(--ui-text)!important;font-weight:650}
.asset-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}.asset-toolbar .asset-search-field{max-width:360px;min-width:160px;flex:1;position:relative}.asset-toolbar input{height:42px;border-radius:22px;padding:8px 16px}.asset-toolbar select{width:auto;max-width:210px;border-radius:22px;padding:7px 32px 7px 14px;min-height:42px}
.asset-library-categories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.asset-library-categories button{border-radius:24px;min-height:38px;padding:7px 17px;font-size:13px}.asset-library-categories [aria-pressed=true]{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent-border)!important;color:var(--ui-accent)!important}
.asset-view-switch{display:inline-flex;gap:3px;border:1px solid var(--ui-border-soft);border-radius:22px;padding:3px;margin-left:auto}.asset-view-switch button{min-height:32px;border:0!important;border-radius:18px!important;padding:4px 12px;font-size:13px}.asset-view-switch [aria-pressed=true]{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}
.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:24px 20px;align-items:start}.asset-library-grid.compact{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.asset-library-grid>.asset,.picker-v3 .asset{background:transparent!important;border:0!important;border-radius:0;padding:0;position:relative;min-width:0;overflow:visible}
.asset-library-grid .asset-cover,.picker-v3 .asset-cover{width:100%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;position:relative;background:var(--ui-soft);display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--ui-border-soft)!important;color:var(--ui-muted)!important}
.asset-cover img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0}.asset-cover .cover-symbol{font-size:36px;font-weight:300;color:var(--ui-subtle)}.asset-cover .cover-status{position:absolute;bottom:13px;font-size:11px;padding:2px 8px;background:var(--ui-panel);border-radius:5px}.cover-ready .cover-symbol,.cover-ready .cover-status{display:none}
.asset-cover.cover-pending{background:linear-gradient(105deg,var(--ui-soft) 20%,var(--ui-hover) 45%,var(--ui-soft) 70%);background-size:200% 100%;animation:asset-shimmer 1.6s ease-in-out infinite}.asset-cover .asset-format{position:absolute;bottom:10px;left:10px;border-radius:6px;background:#000a;color:#fff;font-size:11px;padding:2px 7px;z-index:1}
.asset-cover.description-cover{align-items:flex-start;justify-content:flex-start;padding:20px;background:var(--ui-soft)!important;text-align:left}.description-cover .cover-excerpt{font-size:14px;line-height:1.9;color:var(--ui-text);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space:pre-wrap}.description-cover .cover-symbol{position:absolute;right:14px;bottom:10px;font-size:24px;opacity:.4}.description-cover .cover-status{left:14px;bottom:13px;max-width:75%}
.asset-card-caption{display:flex;align-items:flex-start;gap:5px;margin-top:10px}.asset-card-caption h3{margin:0;flex:1;min-width:0;font-size:14px;font-weight:550;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.asset-card-subtitle{font-size:11px;color:var(--ui-muted);margin:5px 0 0;line-height:1.7;display:block}
.asset .asset-select{position:absolute;top:10px;left:10px;z-index:2;min-height:25px;width:25px;padding:0;border:1px solid #ffffff99!important;border-radius:7px!important;background:#14201dcc!important;color:#fff!important;font-size:12px}.asset .asset-select[aria-pressed=true]{background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--ui-accent)!important}
.asset-more{position:relative;flex:none}.asset-more summary{list-style:none;width:30px;height:28px;display:grid;place-items:center;cursor:pointer;border-radius:8px;color:var(--ui-muted);font-size:18px}.asset-more summary::-webkit-details-marker{display:none}.asset-more[open] summary{background:var(--ui-soft)}.asset-more-menu{position:absolute;right:0;top:32px;width:184px;padding:6px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-panel-raised);box-shadow:var(--ui-shadow);z-index:20;display:grid;gap:2px}.asset-more-menu button,.asset-more-menu a{border:0!important;border-radius:7px!important;background:transparent!important;justify-content:flex-start!important;width:100%;padding:9px 11px;min-height:36px;text-align:left;font-size:13px}.asset-more-menu button:hover,.asset-more-menu a:hover{background:var(--ui-hover)!important}
.asset-list{display:grid;grid-template-columns:1fr;gap:8px}.asset-list>.asset{display:grid;grid-template-columns:76px minmax(0,1fr) 110px;gap:16px;align-items:center;padding:10px!important;border-bottom:1px solid var(--ui-border-soft)!important}.asset-list .asset-cover{height:76px;width:76px;border-radius:10px}.asset-list .asset-select{top:15px;left:15px}.asset-list .asset-card-caption{margin:0;align-items:center}.asset-list .asset-card-subtitle{margin:0}.asset-list .description-cover .cover-excerpt,.asset-list .cover-status{display:none}.asset-list .description-cover .cover-symbol{position:static;font-size:28px}.asset-list .asset-format{font-size:9px;left:3px;bottom:3px;padding:0 3px}
.asset-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:22px}.asset-skeleton{aspect-ratio:1/1.16;border-radius:18px;background:linear-gradient(105deg,var(--ui-soft) 20%,var(--ui-hover) 45%,var(--ui-soft) 70%);background-size:200% 100%;animation:asset-shimmer 1.6s infinite}
.asset-selection-bar{position:sticky;bottom:18px;z-index:25;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 18px;margin-top:25px;border:1px solid var(--ui-accent-border);border-radius:16px;background:var(--ui-panel);box-shadow:var(--ui-shadow)}.asset-selection-bar .row{gap:8px}.asset-library-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:32px;padding-top:20px;border-top:1px solid var(--ui-border-soft);font-size:12px;color:var(--ui-muted)}.asset-library-footer details{max-width:520px}.asset-library-footer details[open]{background:var(--ui-panel);padding:15px;border-radius:12px}.asset-library-footer summary{cursor:pointer}.asset-library-footer details button,.asset-library-footer details a{font-size:12px;margin:5px 5px 0 0}
.asset-page-count{font-size:12px;color:var(--ui-muted);margin:18px 0}.asset-error{padding:24px;border:1px solid var(--ui-error-border);background:var(--ui-error-bg);border-radius:14px}.asset-empty{padding:70px 20px;text-align:center;border:1px dashed var(--ui-border);border-radius:18px}
.picker-v3 .grid{gap:24px 18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.asset-detail-body{display:grid;gap:16px}.asset-detail-body p{white-space:pre-wrap;overflow-wrap:anywhere}
@keyframes asset-shimmer{from{background-position:150% 0}to{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){.asset-skeleton,.asset-cover.cover-pending{animation:none}}
@media(max-width:700px){.asset-primary-tabs{gap:24px;margin-bottom:16px}.asset-primary-tabs button{font-size:15px!important}.asset-library-grid,.asset-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.asset-library-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-toolbar{gap:8px}.asset-toolbar .asset-search-field{max-width:none;flex-basis:100%}.asset-toolbar select{max-width:155px;font-size:12px}.asset-view-switch{margin-left:0}.asset-selection-bar{bottom:8px;flex-wrap:wrap;padding:12px}.asset-list>.asset{grid-template-columns:64px minmax(0,1fr);gap:12px}.asset-list .asset-cover{width:64px;height:64px}.asset-list .asset-card-subtitle{grid-column:2}.asset-library-footer{flex-direction:column}.asset-library-header{align-items:flex-start}.asset-library-header p{font-size:12px}}
.asset:has(.asset-more[open]){z-index:40}
html:root[data-lj-theme] .asset-library-grid>.asset,html:root[data-lj-theme] .picker-v3 .asset{background:transparent!important;border:0!important;padding:0;box-shadow:none}
.asset-more{margin:0;padding:0;border:0}.asset button,.asset a.button{margin-top:0}.view-assets>.heading p{display:none}.view-assets .asset-library-header{margin-bottom:8px}.view-assets>.status:empty{display:none}

html:root[data-lj-theme] .asset-toolbar select{appearance:none;-webkit-appearance:none;border:1px solid var(--ui-border)!important;background-color:var(--ui-panel)!important;background-image:linear-gradient(45deg,transparent 50%,var(--ui-muted) 50%),linear-gradient(135deg,var(--ui-muted) 50%,transparent 50%)!important;background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;height:42px;padding-right:34px}
/* Compact library chrome. These rules are scoped to the library, not the homepage. */
.main:has(>.view-assets)>.top{min-height:56px;padding:8px 24px}.view-assets.content{padding:18px 24px}.view-assets .asset-library-header{margin:0 0 8px;min-height:38px;align-items:center}.asset-library-header h1{font-size:24px!important;line-height:1.4;margin:0!important;letter-spacing:-.5px}.asset-library-header>button{min-height:36px;padding:6px 16px;font-size:13px}.asset-primary-tabs{margin-bottom:12px;gap:26px}html:root[data-lj-theme] .asset-primary-tabs button{font-size:15px;min-height:40px;padding:8px 0}.asset-library-categories{margin-bottom:10px;gap:6px}.asset-library-categories button{min-height:32px;padding:4px 13px;font-size:12px}.asset-toolbar{margin-bottom:14px;gap:8px}.asset-toolbar .asset-search-field{max-width:300px}.asset-toolbar input,.asset-toolbar>button,html:root[data-lj-theme] .asset-toolbar select{height:36px;min-height:36px;font-size:12px;padding-top:5px;padding-bottom:5px}.asset-toolbar>button{padding:5px 12px}.asset-view-switch{padding:2px}.asset-view-switch button{font-size:12px;min-height:28px;padding:3px 10px}html:root[data-lj-theme] .asset-toolbar select{background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px!important}
/* Description cards are documents, with a reserved header and no ornamental icon. */
.asset-library-grid .asset-cover.description-cover,.picker-v3 .asset-cover.description-cover{aspect-ratio:auto;height:174px;min-height:174px;padding:46px 18px 20px;align-items:flex-start;border-radius:14px}.description-cover .cover-excerpt{font-size:14px;line-height:1.8;-webkit-line-clamp:4}.description-cover .cover-symbol{display:none}.description-cover .cover-status{top:14px;left:18px;bottom:auto;background:transparent;padding:0;font-size:11px;max-width:calc(100% - 64px);color:var(--ui-muted)}.description-cover+.asset-select{left:auto;right:10px;top:10px}.asset-cover:not(.description-cover):hover{filter:brightness(1.04)}
@media(hover:hover) and (pointer:fine){.asset .asset-select{opacity:0;pointer-events:none;transition:opacity .12s}.asset:hover .asset-select,.asset:focus-within .asset-select,.asset .asset-select[aria-pressed=true],.is-selecting .asset .asset-select{opacity:1;pointer-events:auto}.asset-more summary{opacity:.4;transition:opacity .12s}.asset:hover .asset-more summary,.asset:focus-within .asset-more summary,.asset-more[open] summary{opacity:1}}
.is-selecting .asset-cover{cursor:copy}.asset-more-menu{padding:5px;width:172px}.asset-more-menu button,.asset-more-menu a{font-size:12px;min-height:34px}.asset-list .asset-cover.description-cover{width:76px;height:76px;min-height:76px;padding:12px}.asset-list .description-cover .cover-status{display:block;position:static;font-size:11px}.asset-list .description-cover+.asset-select{left:15px;right:auto;top:15px}
.asset-preview-dialog{width:min(800px,calc(100vw - 24px))!important}.asset-detail-dialog{width:min(660px,calc(100vw - 24px))!important}.asset-preview-dialog .dialog-head,.asset-detail-dialog .dialog-head{padding:16px 20px}.asset-preview-dialog .dialog-head h2,.asset-detail-dialog .dialog-head h2{font-size:18px;line-height:1.5;margin:0}.asset-preview-dialog .dialog-head button,.asset-detail-dialog .dialog-head button{width:32px;min-height:32px;padding:0}.asset-preview-dialog .dialog-body,.asset-detail-dialog .dialog-body{padding:16px 20px}.asset-media-box{display:flex;flex-direction:column;gap:14px;align-items:center}.asset-preview-still,.asset-preview-dialog .verified-media{width:100%;height:min(58vh,560px);object-fit:contain;border-radius:12px;background:var(--ui-bg)}.asset-preview-dialog .dialog-body>p{font-size:12px;margin:0 0 10px;color:var(--ui-muted)}.asset-provenance{margin:8px 0 0;padding:10px 0;font-size:12px}.asset-provenance small{overflow-wrap:anywhere}.asset-detail-body>p{font-size:15px;line-height:1.9;max-height:45vh;overflow:auto;margin:0}.asset-detail-body{gap:12px}
@media(max-width:700px){.view-assets.content{padding:14px 16px}.asset-library-header h1{font-size:21px!important}.asset-primary-tabs{gap:22px;margin-bottom:10px}.asset-toolbar .asset-search-field{max-width:none;flex-basis:calc(100% - 90px)}.asset-toolbar>button:first-child{order:3}.asset-toolbar .asset-view-switch{margin-left:auto}.asset-library-grid .asset-cover.description-cover{height:164px;min-height:164px;padding:40px 13px 14px}.description-cover .cover-excerpt{font-size:12px;line-height:1.85}.description-cover .cover-status{left:13px;top:12px;font-size:10px}.asset-preview-dialog .dialog-head,.asset-detail-dialog .dialog-head{padding:12px 14px}.asset-preview-dialog .dialog-body,.asset-detail-dialog .dialog-body{padding:12px 14px}}