:root{color-scheme:dark;--surface: #171b19;--sidebar: #101512;--muted: #a3aaa3;--border: #373d39;--accent: #c7e7a3;--on-accent: #172411}body{margin:0;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased}button,select{cursor:pointer;touch-action:manipulation}button{min-height:44px}button:disabled{cursor:not-allowed}button,input,select{transition:background-color .18s,border-color .18s}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}main:focus{outline:none}.lab-shell{height:100dvh}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);padding:12px 20px;background:var(--accent);color:var(--on-accent);z-index:100;border-radius:6px}.skip-link:focus{transform:none}.lab-sidebar{width:252px;background:var(--sidebar)}.sidebar-brand{padding:28px 24px 24px}.brand-mark{width:36px;height:36px;padding:8px;border-radius:9px;background:var(--accent);color:var(--on-accent);flex-shrink:0}.nav-group{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:12px 12px 8px}.nav-item{min-height:44px;padding:10px 12px}.nav-active{background:var(--accent);color:var(--on-accent)}.nav-active:after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:auto;flex-shrink:0}.sidebar-footer{line-height:1.6}.workspace-bar{min-height:64px;padding:12px 40px;background:var(--surface)}.workspace-status{display:flex;align-items:center;gap:8px}.workspace-status>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.workspace-content{padding:32px 40px 48px;scrollbar-gutter:stable}.workspace-content>div{max-width:1500px;margin-inline:auto}.view-header{margin-bottom:24px}.view-eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:500;margin-bottom:16px}.view-eyebrow>span{color:var(--muted);margin-inline:8px}.view-title{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.15}.view-controls{margin-top:24px;padding-block:16px;border-block:1px solid var(--border)}.gallery-toolbar{display:flex;align-items:end;gap:20px}.filter-field{flex:1;max-width:440px}.sort-field{width:192px}.density-field{margin-left:auto}.control-label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:8px}.control-label>span{font-size:11px}.search-field{display:block;position:relative}.search-field svg{position:absolute;top:13px;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}.search-field input{min-height:44px;padding:10px 14px 10px 42px}input::placeholder{color:var(--muted);opacity:1}select{min-height:44px}.column-stepper button{min-width:44px;font-size:18px}.column-stepper{min-height:44px}.collection-meta{padding-top:2px}.collection-meta>p:last-child{font-size:10px;letter-spacing:.12em}.image-card{border:1px solid var(--border);box-shadow:none;vertical-align:top}.image-media{background:#232826}.image-caption{padding:14px 12px}.image-caption p{overflow-wrap:anywhere;line-height:1.4}.image-caption p:first-child{font-size:12px}.image-caption p:last-child{font-size:12px}.image-card-cover .image-caption{position:absolute;bottom:0;width:100%;background:#101512e6}.photo-grid{align-items:start}.photo-grid .image-media{aspect-ratio:3 / 2}.photo-grid .image-media img{height:100%;aspect-ratio:auto!important}.photo-grid .image-media>div{height:100%;aspect-ratio:auto!important}button.image-card:hover{border-color:var(--accent)}.gallery-empty{max-width:720px;margin:48px auto}.gallery-loading>[role=status]{padding-top:16px}.loading-tile{aspect-ratio:3 / 2;border-radius:8px;border:1px solid var(--border);background:#232826}.lab-drawer{padding:0;border:0;margin:0;height:100dvh;max-height:100dvh;width:min(320px,88vw);max-width:100vw;background:var(--sidebar);color:#fff}.lab-drawer::backdrop{background:#0009}.lab-drawer .lab-sidebar{width:100%}.lab-drawer button[aria-label="Close views"]{width:44px;flex-shrink:0}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-fade-in{animation:fade-in .25s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--surface);border-radius:8px}@media(max-width:1100px){.workspace-content{padding:28px 24px}.workspace-bar{padding-inline:24px}.gallery-toolbar{flex-wrap:wrap;gap:16px}.filter-field{max-width:none}.density-field{margin-left:0}}@media(max-width:767px){.workspace-bar{min-height:68px;padding:12px 20px}.workspace-status{display:none}.workspace-content{padding:28px 20px 40px;scrollbar-gutter:auto}.view-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:12px}.view-title{font-size:32px}.view-header{margin-bottom:22px}.view-header>div>p:last-child{font-size:14px}.view-controls{margin-top:24px;padding-block:16px}.filter-field{flex-basis:100%}.sort-field{flex:1;min-width:0;width:auto}.density-field{min-width:0}.density-field .control-label>span{display:none}.density-field .column-stepper>span{display:none}.collection-meta>p:last-child{font-size:9px;letter-spacing:.06em}.photo-grid{gap:16px 12px}.image-caption{padding:10px}.image-caption>div:first-child{flex-direction:column;gap:4px}.image-caption p:first-child{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
