/* Light surfaces. Shared controls and states are owned by styles.css. */
@media screen {
 [data-preview-theme="light"] :is(.toolbar,.document-search){background:var(--an-color-panel)}
 [data-preview-theme="light"] .workspace{--preview-rail:var(--an-color-rail);--preview-workspace:var(--an-color-workspace)}
 [data-preview-theme="light"] .sidebar{color:var(--an-color-text);color-scheme:light}
 [data-preview-theme="light"] :is(.thumbnail,.thumb-label){color:var(--an-color-text-secondary)}
 [data-preview-theme="light"] .thumb-image{background:var(--an-color-thumbnail)}
 [data-preview-theme="light"] .thumbnail:hover .thumb-image{background:var(--an-color-hover)}
 [data-preview-theme="light"] .thumbnail.active .thumb-image{background:var(--an-color-selected);border-color:var(--an-color-primary)}
 [data-preview-theme="light"] .thumbnail.active .thumb-label{color:var(--an-color-primary);background:var(--an-color-selected)}
 [data-preview-theme="light"] .page-actions{border-color:var(--an-color-border)}
 [data-preview-theme="light"] .sidebar .separator{background:var(--an-color-border)}
}