html[data-theme=mono]{--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-body:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--size-xs:.6875rem;--size-sm:.75rem;--size-base:.8125rem;--size-lg:1rem;--size-xl:1.25rem;--line-tight:1.2;--line-base:1.6;--tracking-tight:-.01em;--tracking-wide:.04em;--gutter:clamp(1rem, 3vw, 2rem);--rule-width:1px;--radius:0px;--grid-gap:clamp(8px, 1.2vw, 12px);--tile-min:180px;--measure:68ch;--duration-fast:.12s;--duration-base:.2s;--ease:cubic-bezier(.2, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#fafafa;--fg:#1a1a1a;--fg-muted:#6a6a6a;--fg-faint:#9a9a9a;--rule:#1a1a1a;--rule-faint:#e4e4e4;--accent:#1a1a1a;--accent-fg:#fff;--hover-bg:#1a1a1a;--hover-fg:#fff;--danger:#b42318;--success:#067647;--overlay:#fffffff5;--shadow:#0000000f}@media (prefers-color-scheme:dark){html[data-theme=mono]{--lightningcss-light: ;--lightningcss-dark:initial}html[data-theme=mono]:not([data-mode=light]){--bg:#0d0d0d;--bg-subtle:#141414;--fg:#e8e8e8;--fg-muted:#8a8a8a;--fg-faint:#5a5a5a;--rule:#e8e8e8;--rule-faint:#262626;--accent:#e8e8e8;--accent-fg:#0d0d0d;--hover-bg:#e8e8e8;--hover-fg:#0d0d0d;--danger:#f97066;--success:#47cd89;--overlay:#0d0d0df5;--shadow:#0009}}html[data-theme=mono][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--bg-subtle:#141414;--fg:#e8e8e8;--fg-muted:#8a8a8a;--fg-faint:#5a5a5a;--rule:#e8e8e8;--rule-faint:#262626;--accent:#e8e8e8;--accent-fg:#0d0d0d;--hover-bg:#e8e8e8;--hover-fg:#0d0d0d;--danger:#f97066;--success:#47cd89;--overlay:#0d0d0df5;--shadow:#0009}html[data-theme=mono][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-subtle:#fafafa;--fg:#1a1a1a;--fg-muted:#6a6a6a;--fg-faint:#9a9a9a;--rule:#1a1a1a;--rule-faint:#e4e4e4;--accent:#1a1a1a;--accent-fg:#fff;--hover-bg:#1a1a1a;--hover-fg:#fff;--danger:#b42318;--success:#067647;--overlay:#fffffff5;--shadow:#0000000f}
*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:16px}body{font-size:var(--size-base);line-height:var(--line-base);flex-direction:column;min-height:100dvh;margin:0;display:flex}img{max-width:100%;display:block}a{color:inherit;border-bottom:var(--rule-width) solid currentColor;text-decoration:none}a:hover,a:focus-visible{background:var(--hover-bg);color:var(--hover-fg)}a.bare{border-bottom:0}button{font:inherit;color:inherit;border:var(--rule-width) solid var(--rule);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.35em .75em}button:hover:not(:disabled),button:focus-visible{background:var(--hover-bg);color:var(--hover-fg)}button:disabled{color:var(--fg-faint);border-color:var(--rule-faint);cursor:not-allowed}button.bare{border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);width:100%;padding:.45em .6em}input::placeholder{color:var(--fg-faint)}.page{width:100%;max-width:1400px;padding:0 var(--gutter);flex-direction:column;flex:1;margin:0 auto;display:flex}.site-header{padding:calc(var(--gutter) * .75) 0;border-bottom:var(--rule-width) solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.site-title{font-size:var(--size-lg);letter-spacing:var(--tracking-tight)}.site-nav{color:var(--fg-muted);align-items:baseline;gap:1rem;display:flex}main{padding:calc(var(--gutter) * 1.5) 0;flex:1}.site-footer{padding:calc(var(--gutter) * .75) 0;border-top:var(--rule-width) solid var(--rule);color:var(--fg-muted);font-size:var(--size-sm);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.mode-toggle{color:var(--fg-muted);transition:opacity var(--duration-fast) var(--ease)}.mode-toggle:hover{color:var(--fg);background:0 0}.mode-toggle[data-pending]{opacity:.5}.stack{max-width:var(--measure);flex-direction:column;gap:1rem;display:flex}h1,h2{letter-spacing:var(--tracking-tight);font-weight:400;line-height:var(--line-tight);margin:0}h1{font-size:var(--size-xl)}h2{font-size:var(--size-lg)}.muted{color:var(--fg-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--fg-muted);font-size:var(--size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.notice{border:var(--rule-width) solid var(--rule-faint);padding:.75rem 1rem}.notice[data-tone=error]{border-color:var(--danger);color:var(--danger)}.notice[data-tone=success]{border-color:var(--success);color:var(--success)}.form-row{align-items:stretch;gap:.5rem;display:flex}.form-row button{white-space:nowrap}.kv{font-size:var(--size-sm);grid-template-columns:minmax(8rem,max-content) 1fr;gap:.35rem 1.5rem;display:grid}.kv dt{color:var(--fg-muted)}.kv dd{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}hr.rule{border:0;border-top:var(--rule-width) solid var(--rule-faint);width:100%;margin:0}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.crumbs{font-size:var(--size-sm)}.badge{border:var(--rule-width) solid var(--rule-faint);font-size:var(--size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.1em .5em}.badge[data-visibility=public]{border-color:var(--rule)}select{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);padding:.45em .6em}.prefix{align-items:center;display:flex}.album-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.album-row{border-bottom:var(--rule-width) solid var(--rule-faint);flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.6rem 0;display:flex}.album-row .title{flex:1;min-width:12rem}.album-cards{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min), 1fr));gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}.album-card .cover{aspect-ratio:3/2;background:var(--bg-subtle);display:block;overflow:hidden}.album-card .cover img{object-fit:cover;width:100%;height:100%}.cover-empty{background:var(--bg-subtle);width:100%;height:100%;display:block}.album-card .meta{font-size:var(--size-sm);flex-direction:column;gap:.15rem;padding-top:.5rem;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min), 1fr));gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}.photo-grid .tile{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.photo-grid .tile:hover,.photo-grid .tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:0 0}.photo-grid .tile img{width:100%;height:auto;aspect-ratio:attr(width) / attr(height);background-color:var(--bg-subtle)}.tile-meta{font-size:var(--size-xs);text-overflow:ellipsis;white-space:nowrap;padding-top:.35rem;display:block;overflow:hidden}.dropzone{border:var(--rule-width) dashed var(--rule-faint);padding:calc(var(--gutter) * 1.25);text-align:center;transition:border-color var(--duration-fast) var(--ease);flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone[data-dragging]{border-color:var(--accent);border-style:solid}.dropzone p{margin:0}.upload-list{font-size:var(--size-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-list li{border-bottom:var(--rule-width) solid var(--rule-faint);grid-template-columns:1fr auto auto;grid-template-areas:"name size state""bar bar bar";gap:.25rem 1rem;padding:.5rem 0;display:grid}.upload-list .name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.upload-list .size{grid-area:size}.upload-list .state{grid-area:state}.upload-list .bar{background:var(--rule-faint);grid-area:bar;height:2px;display:block}.upload-list .fill{background:var(--accent);height:100%;transition:width var(--duration-base) var(--ease);display:block}.upload-list li[data-status=error] .state{color:var(--danger)}.upload-list li[data-status=error] .fill{background:var(--danger)}.upload-list li[data-status=done] .state,.upload-list li[data-status=duplicate] .state{color:var(--success)}body.lightbox-open{overflow:hidden}.lightbox{z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--gutter) * .5);flex-direction:column;gap:.5rem;display:flex;position:fixed;inset:0}.lightbox-bar,.lightbox-meta{font-size:var(--size-sm);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.lightbox-bar .left,.lightbox-bar .right{align-items:center;gap:1rem;display:flex}.lightbox-meta{flex-direction:column;align-items:flex-start;gap:.2rem;min-height:1.5rem}.lightbox-stage{flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:0;display:flex}.lightbox-stage img{object-fit:contain;max-width:100%;max-height:100%}.lightbox-stage .nav{color:var(--fg-muted);flex:none;padding:.25rem .5rem;font-size:2rem;line-height:1}.lightbox-stage .nav:hover,.lightbox-stage .nav:focus-visible{color:var(--fg);background:0 0}@media (max-width:640px){.lightbox-stage .nav{display:none}}textarea{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);resize:vertical;width:100%;padding:.45em .6em}.labelled{flex-direction:column;gap:.25rem;display:flex}.labelled>span{color:var(--fg-muted);font-size:var(--size-sm)}.photo-editor{gap:calc(var(--gutter) * 1.5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.photo-editor{grid-template-columns:1fr}}.photo-editor .preview{top:var(--gutter);flex-direction:column;gap:.5rem;display:flex;position:sticky}.photo-editor .preview img{object-fit:contain;width:100%;height:auto;max-height:75dvh}.exif-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled),button.danger:focus-visible{background:var(--danger);color:var(--bg)}.pulse{background:var(--fg-muted);width:.5em;height:.5em;animation:pulse 1.6s var(--ease) infinite;border-radius:50%;margin-right:.5em;display:inline-block}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.photo-grid li.arrangeable{cursor:grab;flex-direction:column;gap:.25rem;display:flex}.photo-grid li.arrangeable[data-dragging]{opacity:.4;cursor:grabbing}.tile-controls{font-size:var(--size-xs);color:var(--fg-muted);align-items:center;gap:.5rem;display:flex}.tile-controls button:disabled{opacity:.3;cursor:default}.tile-controls .cover-flag{margin-left:auto}