* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: transparent; }
body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
body[data-backdrop="paper"] { background: #f7f5f3; }
body[data-backdrop="charcoal"] { background: #101012; }
body[data-backdrop="site-light"] { background: #f5f4f1; }
body[data-backdrop="site-dark"] { background: #0e0e0e; }
body[data-backdrop="contrast"] { background: linear-gradient(125deg, #444b57 0%, #b7b0a2 38%, #dbb08b 60%, #49474c 100%); }
.sr-only { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#files { min-height: 100svh; display: grid; place-items: center; padding: 32px 24px; }
#files .cx-feature-card { margin: 0; position: relative; isolation: isolate; pointer-events: auto; }
#files .file-scene-body, #files .file-scene-footer { position: relative; z-index: 1; }
#files .file-scene-folders ul { padding: 0; margin: 0; list-style: none; }
#files .file-scene-footer { text-align: left; }
#files [data-file-results] li { cursor: pointer; }
#files [data-file-results] li:focus-visible { outline: 1px solid #fff; outline-offset: -1px; }
#files [data-file-results] { transform: translateY(var(--list-y, 0px)); }
#files .file-scene-launch::before { opacity: var(--launch-selection, 1); }
#files .file-scene-brief::before { opacity: var(--brief-selection, 0); }
#files .file-scene-preview { opacity: var(--preview, 0); clip-path: inset(0 calc((1 - var(--preview, 0)) * 100%) 0 0); }
#files .file-scene-preview-empty { opacity: calc(1 - var(--preview, 0)); }
#files .file-scene-selected-path { visibility: var(--selected-path, hidden); }
/* Source: OurosSurfaceSubstance. OurosGlassRelief and continuous contours
   are supplied by native-surface.js from native exports. The .popover
   compositor blur remains an unverified browser approximation. */
#files[data-material="native"] .cx-feature-card {
  background: linear-gradient(180deg, rgb(255 255 255 / 12%), transparent 48px), rgb(0 0 0 / 77.2%);
  box-shadow: none;
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
}
#files[data-material="native"] .cx-feature-card::before {
  content: none;
}
#files[data-material="native"] .cx-feature-card::after {
  content: none;
}
@media (max-width: 600px) {
  #files { padding: 28px 12px; }
}
@media (prefers-reduced-transparency: reduce) {
  #files[data-material="native"] .cx-feature-card { background: #292929; backdrop-filter: none; }
}
@media (forced-colors: active) {
  #files[data-material="native"] .cx-feature-card { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  #files[data-material="native"] .cx-feature-card::before, #files[data-material="native"] .cx-feature-card::after { display: none; }
}