@layer pages{.asset-workspace{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.asset-workspace>.state,.asset-workspace>.notice{grid-row:1/-1}.asset-toolbar{z-index:var(--md-sys-z-index-local-sticky);min-width:0;min-height:56px;padding:8px var(--pane-gutter);background:var(--md-sys-color-surface);box-shadow:0 1px 0 var(--md-sys-color-outline-variant);border:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.asset-toolbar nav{align-items:center;gap:4px;min-width:0;display:flex;overflow:auto hidden}.asset-toolbar nav button{min-width:max-content;color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);cursor:pointer;background:0 0;padding:8px}.asset-columns{scroll-snap-type:x proximity;min-width:0;min-height:0;display:flex;overflow:auto hidden}.asset-column{border-right:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);scroll-snap-align:start;width:clamp(240px,26vw,340px);min-width:240px;overflow:auto}.asset-column>header,.asset-preview>header{z-index:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);align-items:center;height:48px;padding:0 16px;font-weight:500;display:flex;position:sticky;top:0}.asset-column>button{text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px minmax(0,1fr) auto 20px;align-items:center;gap:6px;width:100%;min-height:48px;padding:6px 12px;display:grid}.asset-column>button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.asset-column>button.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.asset-column>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-column>button small{color:var(--md-sys-color-on-surface-variant)}.asset-preview{background:var(--md-sys-color-surface);scroll-snap-align:start;flex:1;grid-template-rows:48px minmax(0,1fr);min-width:min(520px,100%);display:grid}.asset-preview>header{justify-content:space-between;gap:12px}.asset-preview>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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:760px){body:has(asset-explorer) .top-app-bar h1{display:none}.asset-toolbar{right:max(8px, env(safe-area-inset-right));gap:4px;width:auto;left:56px}.asset-toolbar nav{scroll-snap-type:x proximity;flex:1}.asset-toolbar nav button{scroll-snap-align:start}.asset-columns{scroll-snap-type:x mandatory;width:100%}.asset-column,.asset-preview{scroll-snap-align:start;border-right:0;flex:0 0 100%;width:100%;min-width:100%}.asset-preview>div{padding:12px}}}