:root .app-shell .app-content .gallery-page{--gallery-shadow:drop-shadow(0 10px 10px rgba(var(--ef-shadow-rgb), .16))}:root .app-shell .app-content .gallery-page :is(.gallery-stage,.gallery-collage-cell,.project-card .document-thumb,.folder-card-icon){background:var(--ef-panel-sunken)}:root .app-shell .app-content .gallery-page :is(.gallery-stage,.gallery-collage-cell) .document-thumb{background:0 0;flex:none;width:100%;height:100%;min-height:0;position:absolute;top:0;left:0}:root .app-shell .app-content .gallery-page .document-thumb img{width:80%;height:76%;filter:var(--gallery-shadow);transition:opacity var(--ef-motion-base) var(--ef-ease-standard), transform var(--ef-motion-slowest) var(--ef-ease-decelerate);top:12%;left:10%}:root .app-shell .app-content .gallery-page .document-thumb[data-ink] img{filter:none}:root .app-shell .app-content .gallery-page :is(.gallery-card,.project-card,.folder-card){text-align:start;border:1px solid var(--ef-border);border-radius:var(--ef-radius-lg);background:var(--ef-panel);box-shadow:none;cursor:pointer;transition:transform var(--ef-motion-base) var(--ef-ease-standard), box-shadow var(--ef-motion-base) var(--ef-ease-standard), border-color var(--ef-motion-fast) var(--ef-ease-standard);flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;position:relative;overflow:hidden}@media (hover:hover){:root .app-shell .app-content .gallery-page :is(.gallery-card,.project-card,.folder-card):hover{border-color:var(--ef-border-strong);box-shadow:var(--ef-elevation-2);transform:translateY(-2px)}:root .app-shell .app-content .gallery-page :is(.gallery-card,.project-card,.folder-card):hover .document-thumb img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){:root .app-shell .app-content .gallery-page :is(.gallery-card,.project-card,.folder-card),:root .app-shell .app-content .gallery-page .document-thumb img{transition:none;transform:none!important}}:root .app-shell .app-content .gallery-page :is(.gallery-card,.project-card,.folder-card):focus-visible{border-color:var(--ef-accent)}.gallery-grid{gap:var(--ef-space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.gallery-stage{aspect-ratio:16/10;display:block;position:relative}.gallery-card-caption{gap:var(--ef-space-2);border-top:1px solid var(--ef-border);flex-direction:column;padding:10px 12px 11px;display:flex}.gallery-card-title{align-items:center;gap:var(--ef-space-3);min-width:0;display:flex}.gallery-card-title strong{min-width:0;color:var(--ef-ink);font-size:var(--ef-text-sm);font-weight:var(--ef-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gallery-card-title .project-card-workflows{flex:none;margin:0 0 0 auto}.gallery-card-meta{align-items:center;gap:var(--ef-space-4);min-width:0;color:var(--ef-ink-muted);font-size:var(--ef-text-xs);display:flex}.gallery-card-meta>:last-child{flex:none;margin-left:auto}.gallery-card-meta .document-location{min-width:0;overflow:hidden}.gallery-card-meta .document-location>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root .app-shell .app-content .gallery-page :is(.project-grid,.folder-grid){grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:stretch}:root .app-shell .app-content .gallery-page :is(.project-card,.folder-card){aspect-ratio:auto}.gallery-collage{aspect-ratio:16/11;background:var(--ef-border);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;display:grid}.gallery-collage-cell{min-width:0;min-height:0;position:relative}.gallery-collage[data-count="1"] .gallery-collage-cell{grid-area:1/1/3/3}.gallery-collage[data-count="2"] .gallery-collage-cell,.gallery-collage[data-count="3"] .gallery-collage-cell:first-child{grid-row:1/3}:root .app-shell .app-content .gallery-page .folder-card-icon{aspect-ratio:16/11;color:var(--ef-ink-faint);place-items:center;display:grid}:root .app-shell .app-content .gallery-page .folder-card-icon svg{width:40px;height:40px}:root .app-shell .app-content .gallery-page .folder-card-body{gap:var(--ef-space-2);border-top:1px solid var(--ef-border);flex-direction:column;padding:10px 12px 11px;display:flex}:root .app-shell .app-content .gallery-page .folder-card-meta{color:var(--ef-ink-muted);font-size:var(--ef-text-xs)}:root .app-shell .app-content .gallery-page .folder-card-tools{z-index:2;border-radius:var(--ef-radius-sm);background:var(--ef-panel);gap:2px;padding:2px;top:6px;right:6px}:root .app-shell .app-content .gallery-page .project-card .document-card-body{flex-direction:column-reverse;flex:1;justify-content:flex-end;display:flex}:root .app-shell .app-content .gallery-page .project-card .document-card-details{flex:1;align-content:flex-start}:root .app-shell .app-content .gallery-page .project-card .document-thumb{aspect-ratio:16/11;flex:none;width:100%;height:auto;min-height:0;position:relative}:root .app-shell .app-content .gallery-page .project-card .document-card-details{align-items:center;gap:var(--ef-space-2) var(--ef-space-4);flex-flow:wrap;padding:10px 12px 11px}:root .app-shell .app-content .gallery-page .project-card .document-card-details>:first-child{flex:1 0 100%;min-width:0}:root .app-shell .app-content .gallery-page .project-card h3{font-weight:var(--ef-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root .app-shell .app-content .gallery-page .project-card .project-card-workflows{margin:0}:root .app-shell .app-content .gallery-page .project-card .project-card-meta{color:var(--ef-ink-muted);margin-left:auto}:root .app-shell .app-content .gallery-page .project-card .document-card-details>.empty-hint{display:none}:root .app-shell .project-card-workflows[data-glyphs]{gap:var(--ef-space-1);flex-wrap:nowrap}:root .app-shell .project-card-workflows[data-glyphs] .project-card-workflow-badge{border-radius:var(--ef-radius-xs);width:20px;height:20px;color:var(--ef-ink-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}:root .app-shell .project-card-workflows[data-glyphs] .project-card-workflow-badge:hover{color:var(--ef-ink);background:var(--ef-veil-2)}:root .app-shell .project-card-workflows[data-glyphs] .project-card-workflow-badge svg{width:16px;height:16px}:root .app-shell .app-content .gallery-page .project-card .document-card-body:not(:has(.document-thumb)):after{content:"";aspect-ratio:16/11;background:var(--ef-panel-sunken)}