/* Original asset surface, measured against the live JiMeng asset reference. */
#page-assets{width:100%;max-width:none;margin:0;padding:0 24px 40px 40px;background:#101010}
#page-assets #cloudAssets{display:none}
.asset-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
.asset-history-switch{display:flex;align-items:center;gap:8px}
.asset-history-switch button{height:36px;padding:7px 16px;border-radius:20px;background:transparent;color:#d7d7d7;font-size:13px;white-space:nowrap}
.asset-history-switch button.active{background:#252525;color:#fff}.asset-history-switch button:hover{background:#252525}
.asset-reference-actions{display:flex;gap:2px;padding:2px;border:1px solid #ffffff0c;border-radius:9px}
.asset-reference-actions button{display:grid;place-items:center;width:30px;height:28px;background:none;border-radius:6px;color:#d5d5d5}.asset-reference-actions button:hover{background:#ffffff0b}
.asset-controls{display:flex;align-items:center;gap:0;min-height:36px;margin-bottom:32px;flex-wrap:wrap}
#page-assets .asset-toolbar{display:flex;max-width:none;margin:0;padding:0;border:0}
#page-assets .asset-tabs{display:flex;gap:0}
#page-assets .asset-tabs button{height:36px;padding:7px 16px;background:transparent;color:#bfbfbf;font-size:13px;border-radius:8px;white-space:nowrap}
#page-assets .asset-tabs button.active{color:#fff;background:transparent}.asset-tabs button:hover{background:#ffffff08!important}
.asset-filter-bar{display:flex;align-items:center;gap:0;margin:0}.asset-filter-control{position:relative}
.asset-filter-trigger{display:flex;align-items:center;gap:4px;height:36px;padding:7px 14px;background:transparent;color:#bfbfbf;border-radius:8px;font-size:13px;white-space:nowrap}
.asset-filter-trigger:hover,.asset-filter-trigger[aria-expanded="true"],.asset-filter-trigger.has-value{background:#ffffff08;color:#fff}.filter-chevron{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}.asset-filter-trigger[aria-expanded="true"] .filter-chevron{transform:rotate(180deg)}
.asset-filter-summary{display:none}.asset-search.gallery-search{display:none;width:300px;max-width:100%;margin:0 0 24px;padding:7px 12px;height:36px;background:#1c1c1c;border:1px solid #ffffff12}.asset-search.is-open{display:flex}.asset-search input{min-width:0;width:100%}
.asset-canvas-view .asset-controls{display:none}.asset-canvas-view .asset-navigation{margin-bottom:28px}
.asset-filter-menu{position:fixed;display:none;z-index:600;width:200px;max-width:calc(100vw - 96px);max-height:600px;overflow-x:hidden;overflow-y:auto;padding:4px;border:1px solid #ffffff10;border-radius:12px;background:#262626;box-shadow:0 8px 30px #0006}
.asset-filter-menu.open{display:block}.asset-sort-menu{width:180px}.asset-time-menu{width:280px;padding:16px}
.asset-filter-menu h3{font-size:12px;color:#8e979f;margin:10px 10px 6px}.asset-filter-menu button{background:transparent;border-radius:6px;color:#d9dde0;font-size:12px}
.asset-filter-menu [data-asset-filter-value]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-height:40px;width:100%;padding:7px 8px;text-align:left}
.asset-filter-menu button:hover{background:#ffffff0a}.asset-filter-option-list{display:block;width:100%}.asset-filter-group{display:block}.asset-filter-group h3{width:auto}
.asset-filter-group [data-asset-filter-value]{width:100%;min-width:0;background:transparent}.asset-filter-group [aria-checked="true"]{background:#ffffff08;color:#fff}
.filter-check,.filter-selected-icon,.sort-selected-icon{opacity:0;width:14px;height:14px;flex-shrink:0}.filter-check svg{width:14px;height:14px}
[aria-checked="true"]>.filter-check,[aria-checked="true"]>.filter-selected-icon,[aria-checked="true"]>.sort-selected-icon{opacity:1}
.asset-filter-menu svg{fill:none;stroke:currentColor;stroke-width:1.8}.asset-filter-divider{height:1px;background:#ffffff0c;margin:8px 10px}
.asset-filter-summary{margin-left:auto;color:#7e878e;font-size:12px}.asset-date-range{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.asset-date-field{flex:1;min-width:0}.asset-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:8px;background:#ffffff06!important;white-space:nowrap}
.asset-calendar-icon{width:14px;height:14px}.asset-date-picker[hidden]{display:none}.asset-date-picker{padding:8px 0 12px;border-bottom:1px solid #ffffff0c;margin-bottom:6px}
.asset-calendar-header{display:flex;align-items:center;gap:4px;margin-bottom:10px}.asset-calendar-header strong{flex:1;text-align:center;font-size:12px}.asset-calendar-nav{width:24px;height:24px;padding:4px}.asset-calendar-nav svg{width:16px;height:16px}
.asset-calendar-week-list,.asset-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;font-size:11px}
.asset-calendar-week-list{color:#959da4;margin-bottom:4px}.asset-calendar-cell{height:28px;color:#686f76!important;padding:0}.asset-calendar-cell.is-in-view{color:#d9dde0!important}.asset-calendar-cell.is-selected{background:#38566a;color:#cff1ff!important}.asset-calendar-cell:disabled{opacity:.25;cursor:not-allowed}

#page-assets .asset-grid{display:block;max-width:none;margin:0;padding:0}
.asset-day-group{margin:0 0 32px}.asset-day-group>h2{font-size:24px;line-height:32px;font-weight:600;color:#f3f3f3;padding-left:16px;margin:0 0 16px}
.asset-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;align-items:start}
#page-assets .asset-card{position:relative;min-width:0;aspect-ratio:1;border:0;border-radius:2px;overflow:hidden;background:#191919;transform:none;box-shadow:none}
#page-assets .asset-card:hover{transform:none;box-shadow:none;border:0}
#page-assets .cloud-asset-card>.cloud-image-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
#page-assets .cloud-image-button img{display:block;width:100%;height:100%;object-fit:cover}
#page-assets .asset-thumb{height:100%;aspect-ratio:1;border-radius:2px}
#page-assets .asset-info{display:none}.asset-kind{display:flex;align-items:center;justify-content:center;gap:6px;color:#c4c9cf;font-size:13px}.asset-kind svg{width:20px;height:20px}
#page-assets .result-favorite-badge{left:auto;right:8px;top:8px;background:#282828eb;border-radius:6px;padding:5px;z-index:3}
#page-assets .asset-card:hover .result-favorite-badge,#page-assets .asset-card:focus-within .result-favorite-badge{display:none}
.asset-canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.asset-canvas-card{display:flex;flex-direction:column;gap:10px;min-width:0;background:transparent;text-align:left;color:#eee;padding:0}
.asset-canvas-cover{display:grid;place-items:center;width:100%;aspect-ratio:16/10;border:1px solid #ffffff0a;border-radius:8px;background:#1b1b1b;overflow:hidden}.asset-canvas-cover>svg{width:36px;height:36px;color:#777}.asset-canvas-cover img{width:100%;height:100%;object-fit:cover}.asset-canvas-name{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0;color:#8c9297;font-size:12px}.asset-pagination button{padding:8px 12px;border-radius:8px;background:#242424}.asset-pagination button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1000px){#page-assets{padding:20px 24px 32px}.asset-day-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
@media(max-width:600px){#page-assets{padding:16px 16px 28px}.asset-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-day-group>h2{font-size:22px;padding-left:4px}.asset-history-switch button{padding:7px 12px}.asset-controls{margin-bottom:24px}.asset-filter-trigger{padding:7px 10px}.asset-canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}