@layer pages{.asset-workspace{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid}.asset-workspace>.state,.asset-workspace>.notice{grid-row:1/-1}body:has(asset-explorer) .top-app-bar>h1{flex-shrink:0}.asset-manager{grid-template-columns:272px minmax(0,1fr);min-width:0;min-height:0;display:grid}.asset-manager.has-preview{grid-template-columns:272px minmax(0,1fr) minmax(320px,38%)}.asset-manager__tree{background:var(--md-sys-color-surface-container-low);min-height:0;padding:8px;overflow:auto}.asset-tree{gap:2px;margin:0;padding:0;list-style:none;display:grid}.asset-tree .asset-tree{margin-top:2px}.asset-tree__item{width:100%;min-height:48px;padding:0 12px 0 calc(12px + var(--depth,0) * 16px);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;display:flex}.asset-tree__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-tree__item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.asset-tree__item.is-current{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.asset-manager__contents{align-content:start;min-width:0;min-height:0;padding:8px;display:grid;overflow:auto}.asset-manager__contents--list{gap:2px}.asset-manager__contents--table{gap:0}.asset-manager__contents--table .asset-item{border-bottom:1px solid var(--md-sys-color-outline-variant);contain-intrinsic-size:auto 48px;border-radius:0;grid-template-columns:24px minmax(0,1fr) minmax(96px,160px);min-height:48px;padding-block:0}.asset-manager__contents--table .asset-item__media{background:0 0;width:24px;height:24px}.asset-manager__contents--grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}.asset-item{border-radius:var(--md-sys-shape-corner-medium);min-width:0;min-height:56px;color:var(--md-sys-color-on-surface);text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 56px;background:0 0;grid-template-columns:40px minmax(0,1fr) minmax(0,max-content);align-items:center;gap:12px;padding:4px 12px;display:grid}.asset-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.asset-item.is-selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.asset-item__media{border-radius:var(--md-sys-shape-corner-small);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);place-items:center;display:grid;overflow:hidden}.asset-item__media img{object-fit:contain;width:100%;height:100%}.asset-item__name,.asset-item__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-item__meta{max-width:240px;color:var(--md-sys-color-on-surface-variant)}.asset-manager__contents--grid .asset-item{contain-intrinsic-size:auto 168px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;min-height:168px;padding:8px}.asset-manager__contents--grid .asset-item__media{aspect-ratio:1;width:100%;height:auto}.asset-manager__contents--grid .asset-item--up .asset-item__meta{display:none}.asset-preview{border-left:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.asset-preview__header{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:4px 4px 4px 16px;display:flex}.asset-preview__header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:48px;overflow:hidden}.asset-preview__download{z-index:1;position:absolute;top:8px;right:52px}.asset-preview>div{background-image:linear-gradient(45deg, var(--md-sys-color-surface-container) 25%, transparent 25%), linear-gradient(-45deg, var(--md-sys-color-surface-container) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--md-sys-color-surface-container) 75%), linear-gradient(-45deg, transparent 75%, var(--md-sys-color-surface-container) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:0;padding:16px;display:grid;overflow:auto}.asset-preview img,.asset-preview video{object-fit:contain;max-width:100%;max-height:100%}.asset-preview audio{width:min(100%,560px)}.asset-preview model-preview-stage,.model-preview-stage,.model-preview-stage__canvas{width:100%;min-width:0;height:100%;min-height:0;display:block}.model-preview-stage{position:relative}.model-preview-stage__canvas canvas{width:100%;height:100%;display:block}.model-preview-stage__state{color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb, var(--md-sys-color-surface-container-high) 88%, transparent);text-align:center;align-content:center;place-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.model-preview-stage__state p{margin:0}.asset-preview pre{background:var(--md-sys-color-surface-container-lowest);width:100%;height:100%;font:12px/1.55 var(--md-ref-typeface-code);white-space:pre-wrap;margin:0;padding:16px;overflow:auto}@media (max-width:960px){.asset-manager,.asset-manager.has-preview{grid-template-columns:minmax(0,1fr)}.asset-manager__tree,.asset-manager.has-preview .asset-manager__contents{display:none}.asset-preview{border-left:0}.asset-preview>div{padding:12px}}}