html[data-gallery=true] body>header.media-app-header,html[data-gallery=true] body>footer{display:none!important}
#atlas-gallery{--ag-paper:#141813;--ag-soft:#20271f;--ag-line:#354031;--ag-ink:#eef0e7;--ag-sub:#b2bbaa;--ag-green:#d2e7b8;color:var(--ag-ink);background:var(--ag-paper);max-width:1600px;margin:auto;font:14px/1.5 system-ui,sans-serif;padding:0 20px 32px;display:block!important}
#atlas-gallery *,#ag-comparison *{box-sizing:border-box}#atlas-gallery button,#ag-comparison button{font:inherit;color:inherit;min-height:44px;border:0;border-radius:7px;background:transparent;padding:0 9px}#atlas-gallery button:hover,#ag-comparison button:hover{background:var(--ag-soft,#20271f)}#atlas-gallery button:disabled,#ag-comparison button:disabled{opacity:.4}#atlas-gallery button[aria-pressed=true],#ag-comparison button[aria-pressed=true]{background:#344431;color:#e2f2d1}#atlas-gallery .ag-primary,#ag-comparison .ag-primary{background:var(--ag-green,#d2e7b8);color:#172114}
#atlas-gallery .ag-brand{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0;border-bottom:1px solid var(--ag-line);position:static;background:var(--ag-paper)}#atlas-gallery .ag-brand>a{font-size:17px;font-weight:500;text-decoration:none;color:inherit}#atlas-gallery .ag-brand nav{display:flex;align-items:center;gap:10px;font-size:12px}#atlas-gallery .ag-brand nav a{color:var(--ag-sub);padding:12px 6px}
#atlas-gallery .ag-controls{position:sticky;top:0;background:var(--ag-paper);z-index:15;border-bottom:1px solid var(--ag-line)}#atlas-gallery .ag-toolbar{display:flex;gap:4px;align-items:center;min-height:54px}#atlas-gallery .ag-toolbar>button{white-space:nowrap;font-size:13px}#atlas-gallery #ag-count{margin-left:auto;color:var(--ag-sub);font-size:12px;white-space:nowrap}#atlas-gallery .ag-pages{display:flex;align-items:center;gap:1px;font-variant-numeric:tabular-nums;font-size:12px}#atlas-gallery .ag-pages button{min-width:44px;padding:0}#atlas-gallery .ag-pages span{min-width:34px;text-align:center}
#atlas-gallery #ag-applied{display:flex;flex-wrap:wrap;gap:4px;max-height:72px;overflow:auto}#atlas-gallery #ag-applied:empty{display:none}#atlas-gallery .ag-pending-line{display:flex;align-items:center;gap:4px;border-top:1px solid var(--ag-line)}#atlas-gallery #ag-prediction{margin-left:auto;font-size:11px;color:var(--ag-sub)}#atlas-gallery #ag-selection-toggle{font-size:12px;padding-left:2px}#atlas-gallery #ag-draft-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:88px;overflow:auto;padding:5px 0}#atlas-gallery [hidden],#ag-comparison [hidden]{display:none!important}
#atlas-gallery #ag-filters{max-width:900px;padding:14px 0;display:grid;gap:12px}#atlas-gallery input,#atlas-gallery textarea,#ag-comparison textarea{font:inherit;font-size:16px;padding:10px;min-width:0;width:100%;border:1px solid var(--ag-line,#354031);background:#191e17;color:inherit;border-radius:7px}#atlas-gallery details{border-bottom:1px solid var(--ag-line);padding:4px 0 10px}#atlas-gallery summary{padding:10px 0;color:var(--ag-sub);min-height:44px}#atlas-gallery .ag-choices,#ag-comparison .ag-choices{display:flex;flex-wrap:wrap;gap:5px;padding:6px 0}#atlas-gallery .ag-chip,#ag-comparison .ag-chip{font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#52634b;padding:0 6px;max-width:100%;overflow-wrap:anywhere}#atlas-gallery .ag-note,#ag-comparison .ag-note{font-size:12px;line-height:1.7;color:var(--ag-sub,#b2bbaa);white-space:pre-line}#atlas-gallery #ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px 12px;padding:16px 0}#atlas-gallery .ag-card{min-width:0;background:transparent;border:0;box-shadow:none}#atlas-gallery .ag-photo{width:100%;padding:0;display:block;border-radius:8px;overflow:hidden;background:var(--ag-soft)}#atlas-gallery .ag-photo img{width:100%;height:230px;display:block;object-fit:cover}#atlas-gallery .ag-card h2{font:500 13px/1.6 system-ui,sans-serif;color:var(--ag-ink);margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}#atlas-gallery .ag-card>.ag-chip{color:var(--ag-sub);font-size:12px;line-height:1.5;padding:4px 0;min-height:44px}#atlas-gallery #ag-empty{padding:40px 0;color:var(--ag-sub)}#atlas-gallery #ag-error{padding:12px;background:#492b26}#atlas-gallery .ag-footer{margin:0}
.ag-archive{max-width:1560px;margin:0 auto 28px;padding:12px 20px;color:#b2bbaa}.ag-archive>summary{font-size:12px;min-height:44px;padding:12px 0}.ag-archive:not([open])>main{display:none!important}.ag-metadata{padding:12px;border-bottom:1px solid #3b4635;background:#20271f;color:#eef0e7;font:13px/1.6 system-ui,sans-serif}.ag-metadata .ag-choices{display:flex;flex-wrap:wrap;gap:4px}.ag-metadata button{font:inherit;min-height:44px;padding:4px 8px}.ag-metadata textarea{width:100%;font:inherit;font-size:16px;background:#181d16;color:#eef0e7}.ag-metadata h3{font:500 14px system-ui,sans-serif;color:#eef0e7;margin:12px 0}.ag-metadata .ag-note{font:12px/1.6 system-ui,sans-serif;color:#b2bbaa}.ag-rating{margin-top:16px}
#ag-comparison{background:#141813;color:#eef0e7;border:1px solid #354031;border-radius:12px;width:min(1100px,96vw);max-height:94dvh;padding:12px;overflow:auto}#ag-comparison .ag-pair-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;position:sticky;top:-12px;background:#141813;z-index:3}#ag-comparison h2{font:500 15px/1.5 system-ui,sans-serif;color:#eef0e7;margin:10px 0}#ag-comparison .ag-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#ag-comparison .ag-pair-grid>article{min-width:0}#ag-comparison .ag-pair-grid>article>button:first-child{display:block;width:100%;padding:0}#ag-comparison img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:#20271f}#ag-comparison details>summary{min-height:44px;padding:12px 0;font-size:12px}#ag-comparison .ag-metadata{padding:7px;overflow-wrap:anywhere}
#ag-comparison .ag-comparison-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ag-comparison .ag-comparison-group{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}#ag-comparison .ag-comparison-group img{width:140px;height:100px;object-fit:contain}#ag-comparison .ag-comparison-group small{font-size:11px;line-height:1.45;opacity:.8;overflow-wrap:anywhere}
@media(max-width:600px){#atlas-gallery{padding:0 12px 24px}#atlas-gallery #ag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding-top:12px}#atlas-gallery .ag-photo img{height:190px}#atlas-gallery #ag-count{font-size:11px}#atlas-gallery .ag-toolbar{gap:0}#atlas-gallery .ag-toolbar>button{padding:0 7px}#atlas-gallery .ag-pages button{min-width:44px}#atlas-gallery .ag-pages span{min-width:30px;font-size:11px}#atlas-gallery .ag-pending-line{flex-wrap:wrap}#atlas-gallery #ag-prediction{font-size:11px}#ag-comparison{padding:9px;width:98vw}#ag-comparison .ag-comparison-groups{grid-template-columns:1fr}#ag-comparison .ag-pair-grid{gap:7px}#ag-comparison img{height:auto}#ag-comparison .ag-pair-grid .ag-chip{font-size:12px;padding:4px 0;line-height:1.5}#ag-comparison .ag-pair-grid .ag-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){#atlas-gallery *,#ag-comparison *{scroll-behavior:auto!important}}
#atlas-gallery .ag-onlymodel>.ag-chip{font-size:13px;font-weight:500;color:var(--ag-ink);margin-top:4px}.ag-meta-pending{display:flex;flex-wrap:wrap;align-items:center;gap:6px;position:sticky;top:0;background:#20271f;padding:8px 0}.ag-meta-pending[hidden]{display:none!important}
#atlas-gallery .ag-condition-summary{display:grid;grid-template-columns:1fr;gap:2px;padding:5px 0 8px;border-top:1px solid var(--ag-line)}
#atlas-gallery .ag-condition-summary h2{font-size:11px;font-weight:600;color:var(--ag-sub);margin:0}
#atlas-gallery #ag-applied{max-height:120px;overflow:auto;padding:2px 0}
#atlas-gallery #ag-applied .ag-chip{border:1px solid #52634b;background:#20271f;text-decoration:none;font-weight:500}
#atlas-gallery #ag-pending{border-top:1px dashed #a98b56;padding-top:3px}
#atlas-gallery #ag-pending:not([hidden]) .ag-pending-line{flex-wrap:wrap}
#atlas-gallery #ag-pending strong{font-size:12px;color:#f0d9a8}
#atlas-gallery #ag-draft-chips .ag-chip{border:1px dashed var(--ag-sub);background:var(--ag-soft);color:var(--ag-ink);text-decoration:none}
#atlas-gallery #ag-field-options details summary{color:var(--ag-ink);font-weight:600}
#atlas-gallery #ag-field-options [aria-pressed=true],#atlas-gallery #ag-tag-options [aria-pressed=true],#ag-comparison [aria-pressed=true]{outline:2px solid #d2e7b8;outline-offset:1px;text-decoration:none;font-weight:700}
#atlas-gallery .ag-model-summary{padding:8px 10px;margin:4px 0;border-left:3px solid #d2e7b8;background:#171d16;font-size:14px;font-weight:650;overflow-wrap:anywhere}
@media(max-width:600px){#atlas-gallery .ag-condition-summary{padding-bottom:6px}#atlas-gallery #ag-applied{max-height:150px}#atlas-gallery #ag-draft-chips{max-height:140px}#atlas-gallery .ag-pending-line{align-items:flex-start}#atlas-gallery #ag-prediction{margin-left:0;flex:1 1 100%}}
html[data-gallery=true] body>main{display:none!important}
#atlas-gallery .ag-chip,.ag-metadata button{min-width:44px}
#atlas-gallery .ag-photo-missing{min-height:190px;color:var(--ag-sub)}
#atlas-gallery .ag-recordid{display:block;font-size:11px;color:var(--ag-sub);margin-top:-3px}
#atlas-gallery #ag-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
#atlas-gallery .ag-album-card{min-width:0;padding:10px;border:1px solid var(--ag-line);border-radius:10px;background:var(--ag-soft)}
#atlas-gallery .ag-album-card h2{font-size:14px;margin:8px 0 2px}
#atlas-gallery .ag-album-card .ag-photo img{height:220px}
#atlas-gallery .ag-album-card>button:not(.ag-photo){margin-top:4px;background:#344431}
#atlas-gallery .ag-album-pages{margin:12px 0 24px;padding:12px;border:1px solid var(--ag-line);border-radius:10px;background:var(--ag-paper);scroll-margin-top:70px}
#atlas-gallery .ag-album-pages-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#atlas-gallery .ag-album-pages-head h2{font-size:16px;margin:4px auto 4px 0}
#atlas-gallery .ag-album-pages-head p{margin:0}
#atlas-gallery .ag-album-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
#atlas-gallery .ag-album-page-grid .ag-photo img{height:190px}
#details .ag-album-viewer-context{padding:10px;margin:0 0 10px;border:1px solid #52634b;border-radius:8px;background:#20271f}
#details .ag-album-viewer-context h3{margin:0 0 4px;font-size:14px}
#details .ag-album-viewer-context .ag-note{margin:4px 0}
#details .ag-album-viewer-context button{background:#344431}
@media(max-width:600px){#atlas-gallery #ag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#atlas-gallery .ag-album-card{padding:7px}#atlas-gallery .ag-album-card .ag-photo img{height:170px}#atlas-gallery .ag-album-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#atlas-gallery .ag-toolbar{display:flex;flex-wrap:wrap;gap:2px}#atlas-gallery #ag-count{margin-left:auto;flex:1;text-align:right;white-space:normal}#atlas-gallery .ag-pages{flex:0 0 100%;justify-content:center;border-top:1px solid var(--ag-line)}}
#atlas-gallery #ag-album-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0}
#atlas-gallery.media-collection{min-width:0;display:flex;flex-direction:column;height:auto;overflow:visible}
#atlas-gallery .ag-explorer-layout.media-collection__body{box-sizing:border-box;width:100%;max-width:none;min-height:0;overscroll-behavior:contain;grid-template-rows:auto;align-content:start}
#atlas-gallery[data-media-layout="flow"] .ag-explorer-layout.media-collection__body{height:auto!important;max-height:none;overflow:visible}
#atlas-gallery .ag-result-bar.media-collection__footer{position:relative;justify-content:center;flex:none;margin:0;padding:6px 8px;background:var(--workspace-panel,var(--ag-paper));border-top:1px solid var(--workspace-line,var(--ag-line))}
#atlas-gallery .ag-result-bar .ag-pages{justify-content:center;flex-wrap:wrap}
#atlas-gallery .ag-result-bar .ag-pages button,#atlas-gallery .ag-result-bar .ag-pages input{min-width:44px;min-height:44px}
@media(max-height:560px){#atlas-gallery .ag-explorer-layout.media-collection__body{height:auto!important;overflow:visible}}
#atlas-gallery #ag-album-filters input[type=search]{flex:1 1 220px;width:auto}
#atlas-gallery #ag-album-filters select{min-height:44px;padding:8px;background:#191e17;color:var(--ag-ink);border:1px solid var(--ag-line);border-radius:7px}
#atlas-gallery #ag-album-filters label{display:flex;align-items:center;gap:6px;white-space:nowrap}
#atlas-gallery #ag-album-filters input[type=checkbox],#atlas-gallery .ag-album-image-picker input{width:auto;min-height:22px}
#atlas-gallery .ag-album-card{display:flex;flex-direction:column;gap:4px}
#atlas-gallery .ag-album-card>.ag-photo{margin-bottom:4px}
#atlas-gallery .ag-album-card>.ag-note{min-height:54px}
#atlas-gallery .ag-album-card>button:not(.ag-photo){align-self:flex-start}
#atlas-gallery .ag-album-editor{width:min(680px,96vw);max-height:90dvh;overflow:auto;padding:18px;background:#141813;color:#eef0e7;border:1px solid #52634b;border-radius:12px}
#atlas-gallery .ag-album-editor::backdrop{background:#000b}
#atlas-gallery .ag-album-editor form{display:grid;gap:12px}
#atlas-gallery .ag-album-editor h2{margin:0}
#atlas-gallery .ag-album-editor label{font-size:13px;color:#b2bbaa}
#atlas-gallery .ag-album-editor [aria-label="앨범 이미지 ID 순서"]{min-height:105px}
#atlas-gallery .ag-album-image-picker{max-height:240px;overflow:auto;border:1px solid var(--ag-line);border-radius:8px;padding:6px}
#atlas-gallery .ag-album-image-picker label{display:flex;align-items:center;gap:8px;padding:4px;overflow-wrap:anywhere}
#atlas-gallery .ag-album-editor [aria-label="대표 표지 이미지"]{min-height:44px;padding:8px;background:#191e17;color:var(--ag-ink);border:1px solid var(--ag-line);border-radius:7px}
@media(max-width:600px){#atlas-gallery #ag-album-filters{align-items:stretch}#atlas-gallery #ag-album-filters input[type=search]{flex-basis:100%}#atlas-gallery .ag-album-editor{padding:12px}}
#atlas-gallery #ag-draft-chips .ag-chip{color:#fff2ce!important;background:#332d20!important;border:1px dashed #e1bd75!important;font-weight:650;text-decoration:none}
#atlas-gallery #ag-applied .ag-chip{color:#e6f3d7!important;background:#20271f!important;border:1px solid #9bb786!important;font-weight:600;text-decoration:none}
#atlas-gallery #ag-field-options .ag-chip[aria-pressed=true],#atlas-gallery #ag-tag-options .ag-chip[aria-pressed=true]{color:#f1ffe4!important;background:#344431!important;border:1px solid #c2e3a8!important;outline:2px solid #d2e7b8;outline-offset:1px;font-weight:750;text-decoration:none}
/* The editor is a modal under body, alongside the image viewer. */
.ag-album-editor{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:90dvh;margin:auto;padding:24px;border:1px solid var(--workspace-line,#d8d0c3);border-radius:16px;background:var(--workspace-panel,#fffdf8);color:var(--workspace-ink,#292b29);font:14px/1.5 system-ui,sans-serif;overflow:auto}
.ag-album-editor::backdrop{background:#10172199}
.ag-album-editor *{box-sizing:border-box}
.ag-album-editor form{display:grid;gap:14px;min-width:0}
.ag-album-editor h2{margin:0;font-size:22px}
.ag-album-editor input:not([type=checkbox]),.ag-album-editor textarea,.ag-album-editor select{display:block;width:100%;max-width:100%;min-height:44px;padding:10px;border:1px solid var(--workspace-line,#d8d0c3);border-radius:8px;background:var(--workspace-panel,#fffdf8);color:inherit;font:inherit;font-size:16px}
.ag-album-editor textarea{min-height:100px}
.ag-album-editor label{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}
.ag-album-editor input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.ag-album-editor button{min-height:44px;padding:9px 14px;border:1px solid var(--workspace-line,#d8d0c3);border-radius:8px;background:var(--workspace-tint,#eef3f8);color:var(--workspace-ink,#292b29);font:inherit;cursor:pointer}
.ag-album-editor .ag-primary{background:var(--workspace-accent,#1765bc);color:#fff;border-color:transparent}
.ag-album-editor button:disabled{opacity:.5;cursor:default}
.ag-album-editor .ag-album-image-picker{display:grid;gap:8px;max-height:260px;overflow:auto;padding:10px;border:1px solid var(--workspace-line,#d8d0c3);border-radius:8px}
.ag-album-editor form>div:last-child{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:-24px;padding:12px 0;background:var(--workspace-panel,#fffdf8)}
#atlas-gallery .ag-album-editor form>div:last-child{background:#141813}
.ag-album-editor :focus-visible{outline:2px solid var(--workspace-accent,#1765bc);outline-offset:2px}
body[data-workspace-app=image] #atlas-gallery .ag-toolbar>button.ag-primary{background:var(--workspace-accent,#1765bc);color:#fff}
body[data-workspace-app=image] #atlas-gallery #ag-album-filters input[type=search],body[data-workspace-app=image] #atlas-gallery #ag-album-filters select{background:var(--workspace-panel,#fffdf8);color:var(--workspace-ink,#292b29);border:1px solid var(--workspace-line,#d8d0c3);min-height:44px;padding:10px;border-radius:8px;font:inherit}
@media(max-width:600px){.ag-album-editor{padding:16px;max-height:94dvh}.ag-album-editor form>div:last-child{bottom:-16px}.ag-album-editor h2{font-size:20px}}
#atlas-gallery .ag-image-select{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:12px}
#atlas-gallery .ag-image-select input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0}
/* Follow the active theme so pending selections remain readable. */
#atlas-gallery #ag-pending .ag-pending-line strong{color:var(--ag-ink)}
#atlas-gallery .ag-chip.ag-zero{opacity:.42;text-decoration-color:transparent}
#atlas-gallery .ag-chip.ag-zero:hover,#atlas-gallery .ag-chip.ag-zero:focus-visible{opacity:.78}
#atlas-gallery #ag-album-source option[style*="opacity"]{color:color-mix(in srgb,var(--workspace-sub,#707878) 60%,transparent)}
#atlas-gallery #ag-compare-note{margin:0;padding:4px 0}
/* Album cards use distinct images in a compact 1–4 tile preview. */
#atlas-gallery .ag-album-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;overflow:hidden;border-radius:8px;aspect-ratio:4/3;background:var(--ag-soft)}
#atlas-gallery .ag-album-preview-grid[data-count="1"]{grid-template-columns:1fr}
#atlas-gallery .ag-album-preview-grid .ag-photo{min-width:0;width:100%;height:100%;min-height:0;padding:0;border-radius:0}
#atlas-gallery .ag-album-preview-grid .ag-photo img{width:100%;height:100%;min-height:0;object-fit:cover}
#atlas-gallery .ag-album-preview-grid[data-count="1"] .ag-photo img{object-fit:contain}
#atlas-gallery .ag-work-album-row {
grid-column: 1 / -1;
display: grid;
grid-template-columns: clamp(132px, 18%, 210px) minmax(0, 1fr) auto;
grid-template-areas: "preview title actions" "preview recent actions"
"preview count actions" "preview info actions";
align-content: center;
align-items: center;
gap: 3px 12px;
min-height: 102px;
}
#atlas-gallery .ag-work-album-row>.ag-album-preview-grid{grid-area:preview;grid-template-columns:repeat(3,minmax(0,1fr));aspect-ratio:3/1;width:100%}
body[data-workspace-app=image] #atlas-gallery .ag-work-album-row>h2{grid-area:title;margin:0}
body[data-workspace-app=image] #atlas-gallery .ag-work-album-row>.ag-note{padding:0;margin:0;line-height:1.4}
#atlas-gallery .ag-work-album-row>p:nth-of-type(1){grid-area:recent}
#atlas-gallery .ag-work-album-row>p:nth-of-type(2){grid-area:count}
body[data-workspace-app=image] #atlas-gallery .ag-work-album-row>.ag-album-info{grid-area:info;margin:0;padding:0}
#atlas-gallery .ag-work-album-row>.ag-album-info>summary{font-size:12px}
body[data-workspace-app=image] #atlas-gallery .ag-work-album-row>.ag-album-actions{grid-area:actions;border:0;padding:0;margin:0}
#atlas-gallery .ag-work-album-row>.ag-album-actions>button{min-width:100px}
#atlas-gallery .ag-album-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;padding:0 8px}
#atlas-gallery .ag-album-actions>button{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;padding:0 6px!important}
#atlas-gallery dialog.ag-album-pages{position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 24px));max-width:none;max-height:min(90dvh,900px);overflow:auto;padding:18px;border:1px solid var(--workspace-line,var(--ag-line));border-radius:16px;background:var(--workspace-panel,var(--ag-paper));color:var(--workspace-ink,var(--ag-ink));box-shadow:0 20px 70px #0005;scroll-margin:0}
body.ag-album-modal-open{overflow:hidden}
#atlas-gallery dialog.ag-album-pages::backdrop{background:#10141c99;backdrop-filter:blur(4px)}
#atlas-gallery dialog.ag-album-pages .ag-album-pages-head{position:sticky;top:-18px;z-index:2;margin:-18px -18px 12px;padding:14px 18px;background:var(--workspace-panel,var(--ag-paper));border-bottom:1px solid var(--workspace-line,var(--ag-line))}
#atlas-gallery dialog.ag-album-pages .ag-album-pages-head h2{margin:0 auto 0 0;color:var(--workspace-ink,var(--ag-ink))}
#atlas-gallery dialog.ag-album-pages .ag-album-pages-head p{margin:0;color:var(--workspace-muted,var(--ag-sub))}
#atlas-gallery dialog.ag-album-pages .ag-album-pages-head button{flex:0 0 auto;background:var(--workspace-tint,var(--ag-soft));color:var(--workspace-ink,var(--ag-ink))}
#atlas-gallery dialog.ag-album-pages .ag-album-page-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}
@media(max-width:600px){#atlas-gallery .ag-album-actions{gap:4px;padding-inline:4px}#atlas-gallery .ag-album-actions>button{font-size:11px;padding-inline:3px!important}#atlas-gallery dialog.ag-album-pages{width:calc(100vw - 16px);max-height:94dvh;padding:12px}#atlas-gallery dialog.ag-album-pages .ag-album-pages-head{top:-12px;margin:-12px -12px 10px;padding:10px 12px;gap:6px}#atlas-gallery dialog.ag-album-pages .ag-album-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.ag-detail-pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%;padding:6px 0}.ag-detail-pager button,.ag-detail-pager input,.ag-detail-pager select{min-height:44px}.ag-detail-pager input{width:68px}#atlas-gallery dialog.ag-album-pages .ag-album-pages-head{position:sticky;top:-12px;z-index:6;background:var(--ag-paper)}.history-more,.history-more-groups,#atlas-candidates-more{position:sticky;bottom:0;z-index:15;display:block;margin:10px auto;padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
/* Search and secondary comparison are named, selective tools. */
#atlas-gallery .ag-simple-search{display:flex;align-items:end;gap:8px;padding:10px 0}
#atlas-gallery .ag-simple-search label{display:grid;flex:1;gap:4px;min-width:0;color:var(--workspace-muted,var(--ag-sub));font-size:12px}
#atlas-gallery .ag-simple-search input{min-height:44px;background:var(--workspace-panel,var(--ag-paper));color:var(--workspace-ink,var(--ag-ink))}
#atlas-gallery .ag-simple-search button{min-width:64px;background:var(--workspace-accent,var(--ag-green));color:var(--workspace-accent-ink,#172114)}
#atlas-gallery .ag-compare-tools{padding:4px 0;border-bottom:1px solid var(--workspace-line,var(--ag-line))}
#atlas-gallery .ag-compare-tools>summary{font-weight:600;color:var(--workspace-ink,var(--ag-ink))}
#atlas-gallery .ag-compare-tools #ag-compare{margin:4px 0;background:var(--workspace-panel,var(--ag-soft));border:1px solid var(--workspace-line,var(--ag-line))}
#atlas-gallery .ag-compare-tools #ag-compare-note{max-width:70ch}
#atlas-gallery #ag-grid{touch-action:pan-y pinch-zoom}
#atlas-gallery #ag-grid .ag-photo{touch-action:pan-y pinch-zoom}
#atlas-gallery .ag-album-card>.ag-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;margin:2px 0}
@media(max-width:600px){#atlas-gallery .ag-simple-search{padding:8px 0;gap:6px}#atlas-gallery .ag-simple-search label{font-size:11px}#atlas-gallery .ag-simple-search button{min-width:56px}#atlas-gallery #ag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#atlas-gallery .ag-album-card{padding:6px}#atlas-gallery .ag-album-actions>button{min-height:44px}#atlas-gallery .ag-work-album-row{grid-template-columns:clamp(70px,24%,96px) minmax(0,1fr);grid-template-areas:"preview title" "preview recent" "preview count" "preview info" "preview actions";gap:4px 10px}#atlas-gallery .ag-work-album-row>.ag-album-preview-grid{grid-template-columns:1fr;aspect-ratio:1}#atlas-gallery .ag-work-album-row>.ag-album-preview-grid .ag-photo:not(:first-child){display:none}}
body[data-workspace-app=image] #image-workbench #atlas-gallery button{min-height:44px}
/* Keep the shared navigation inside the active album dialog. */
#atlas-gallery dialog.ag-album-pages.ag-private-album[open] {
inset: 0;
width: min(1080px, calc(100vw - 32px));
max-height: min(900px, calc(100dvh - 32px));
margin: auto;
padding: 0;
overflow: hidden;
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
--album-card-width: 145px;
}
#atlas-gallery dialog.ag-album-pages.ag-private-album .ag-album-pages-head {
position: static;
display: grid;
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
gap: 6px;
min-height: 0;
margin: 0;
padding: 12px 16px 8px;
background: var(--workspace-panel, var(--ag-paper));
}
#atlas-gallery .ag-private-album-bar,
#atlas-gallery .ag-private-album-tools {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
#atlas-gallery .ag-private-album-heading { min-width: 0; }
#atlas-gallery .ag-private-album-heading h2 { overflow-wrap: anywhere; }
#atlas-gallery .ag-private-album-heading p { font-size: 13px; }
#atlas-gallery .ag-private-album-tools { flex-shrink: 0; }
#atlas-gallery .ag-private-album-footer {
display: flex;
justify-content: center;
padding: 6px 8px;
border-top: 1px solid var(--workspace-line, var(--ag-line));
}
#atlas-gallery .ag-private-album-footer .atlas-image-page-input { width: 3.5em; padding-inline: 4px; }
#atlas-gallery dialog.ag-private-album[data-item-size="small"] { --album-card-width: 100px; }
#atlas-gallery dialog.ag-private-album[data-item-size="large"] { --album-card-width: 205px; }
#atlas-gallery .ag-private-album :is(button, select) { white-space: nowrap; }
#atlas-gallery .ag-private-album-body {
min-height: 0;
overflow: auto;
overscroll-behavior: contain;
padding: 12px 16px 16px;
}
#atlas-gallery dialog.ag-album-pages.ag-private-album .ag-album-page-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--album-card-width)), 1fr));
align-items: start;
gap: 10px;
}
#atlas-gallery .ag-private-album .ag-album-page-grid .ag-card {
padding: 0;
min-width: 0;
}
#atlas-gallery .ag-private-album .ag-album-page-grid > .ag-card:only-child {
grid-column: 1 / -1;
justify-self: center;
width: min(100%, 320px);
}
#atlas-gallery .ag-private-album .ag-album-page-grid .ag-photo {
display: block;
width: 100%;
aspect-ratio: 1;
min-height: 0;
padding: 0;
overflow: hidden;
background: var(--workspace-panel-2, var(--ag-soft));
}
#atlas-gallery .ag-private-album .ag-album-page-grid .ag-photo img {
display: block;
width: 100%;
height: 100%;
max-height: none;
aspect-ratio: auto;
object-fit: contain;
}
#atlas-gallery .ag-private-album[data-image-frame="natural"] .ag-album-page-grid .ag-photo {
aspect-ratio: var(--image-ratio, 1);
max-height: min(55dvh, 440px);
}
#atlas-gallery .ag-private-album-empty { grid-column: 1 / -1; }
#atlas-gallery .ag-private-album .ag-work-filters {
margin: 0 0 10px;
padding: 0 10px;
border: 1px solid var(--workspace-line, var(--ag-line));
border-radius: 8px;
}
#atlas-gallery .ag-private-album .ag-work-filters summary { cursor: pointer; }
#atlas-gallery .ag-private-album .ag-work-filters-body {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
gap: 8px;
padding-bottom: 10px;
}
#atlas-gallery .ag-private-album .ag-work-filters-body > p { grid-column: 1 / -1; margin: 0; }
#atlas-gallery .ag-private-album .ag-work-filters-body > p:empty { display: none; }
#atlas-gallery .ag-private-album .ag-work-filters-body :is(input, select) { width: 100%; min-width: 0; }
#atlas-gallery .ag-private-album [hidden] { display: none !important; }
@media (max-width: 600px) {
#atlas-gallery dialog.ag-album-pages.ag-private-album[open] {
width: calc(100vw - 16px);
max-height: calc(100dvh - 16px);
--album-card-width: 132px;
}
#atlas-gallery dialog.ag-album-pages.ag-private-album .ag-album-pages-head { padding: 8px 10px; }
#atlas-gallery .ag-private-album-body { padding: 8px 10px 10px; }
#atlas-gallery dialog.ag-album-pages.ag-private-album .ag-album-page-grid {
gap: 8px;
}
}