@font-face{font-family:Montserrat;src:url("fonts/Montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#111111;color:#f5f3ef;font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column;font-size:15px}
a{color:inherit;text-decoration:none}
a:hover{color:#f06438}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.5}
header{display:flex;align-items:center;justify-content:space-between;padding:1.9rem max(clamp(1rem,4.4vw,4.4rem),calc((100% - 100rem)/2 + clamp(1rem,4.4vw,4.4rem)));gap:20px;background:transparent}
.brand>svg{width:58px;height:58px}

nav{display:flex;align-items:center;gap:28px}
header nav{flex-shrink:0}
header nav a,header nav button{white-space:nowrap;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:400}
svg{width:24px;height:24px;flex-shrink:0}
header nav svg{width:26px;height:26px}
main{flex:1;width:100%;max-width:100rem;margin:0 auto;padding:0 clamp(1rem,4.4vw,4.4rem) 3rem}
.hero{text-align:center;margin:24px 0 28px}
.hero>p{font-size:20px;color:#c5b3a0;margin:0}

.upload-symbol{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto}
.upload-prompt{color:#c5b3a0;font-size:17px;line-height:1.5;margin:20px 0 24px}
.primary{min-width:240px}
.practical{text-align:center;color:#c5b3a0;font-size:14px;margin:22px 0;line-height:1.6}
footer{padding:1.5rem max(clamp(1rem,4.4vw,4.4rem),calc((100% - 100rem)/2 + clamp(1rem,4.4vw,4.4rem)));font-size:.8rem;line-height:1.5;background:transparent;color:#b5afa9}
.footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem 2rem}
footer nav{flex-wrap:wrap;gap:.5rem 1.2rem}
footer nav a{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;min-height:2.5rem}
footer a:hover{color:inherit}
.footer-explore svg{width:1.1rem;height:1.1rem}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:.7rem;border-top:1px solid #ffffff1c;padding-top:.7rem}
.footer-copyright,.footer-statistics{font-size:.8rem;line-height:1.5}
.footer-statistics{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.2rem .6rem}
.footer-statistics span{white-space:nowrap}
.footer-statistics span+span:before{content:"·";margin-right:.6rem}
.footer-social{gap:.5rem}
.footer-social a{justify-content:center;min-width:2.5rem}
.footer-social svg{width:1.3rem;height:1.3rem}
.text{border:0;background:none;color:inherit;padding:5px 0}
.prose{max-width:680px;margin:55px auto;line-height:1.65}
.prose h1{font-size:40px;letter-spacing:-1px;line-height:1.15}
.prose h2{font-size:22px;margin-top:34px}
.prose p{color:#c5b3a0}
.prose a{text-decoration:underline;text-underline-offset:3px}
.auth{max-width:440px}
form label{display:block;margin:18px 0;font-size:15px}
input,textarea,select{display:block;width:100%;background:#191919;border:1px solid #454545;border-radius:7px;padding:12px;color:#f5f3ef;margin-top:7px}
textarea{resize:vertical}
.muted{color:#c5b3a0;font-size:14px}
.form-error,.error{color:color-mix(in srgb,#f06438 80%,#fff)}
.form-error:empty{display:none}
.notice{border-left:3px solid #f3a039;padding:12px 16px;background:#1b1b1b}
.honeypot,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.honeypot{left:-10000px}
.gallery{margin:24px 0;padding-bottom:64px}
.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 24px}
.small-button,.danger{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.square{width:100%;aspect-ratio:1;background:#141414;display:flex;align-items:center;justify-content:center;border:0;padding:0;color:#c5b3a0;overflow:hidden}
.square img{width:100%;height:100%;object-fit:contain}
.unavailable{font-size:14px;padding:15px;text-align:center}
.card-tools{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;padding:3px;background:#141414dc;border:1px solid #ffffff18;border-radius:8px}
.icon{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#c5b3a0;padding:8px;width:40px;height:40px}
.card-tools .icon{width:34px;height:34px;padding:7px;color:#f5f3ef}
.card-tools svg{width:20px;height:20px}
.flag-1,.card-tools .flag-1{color:#f3a039}
.flag-2,.card-tools .flag-2{color:#f06438}
.flag-1 svg,.flag-2 svg{fill:currentColor}
.active{background:color-mix(in srgb,#176dd8 20.0%,transparent);box-shadow:inset 0 0 0 1px #176dd8}
.empty{text-align:center;padding:70px 10px}
.empty h1{font-size:32px}

.admin-filters{gap:5px;flex-wrap:wrap}

.admin-pagination{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:12px;color:#c5b3a0}
.image-count{white-space:nowrap}
.per-page,.jump-page{display:flex;align-items:center;gap:2px}
.per-page label,.jump-page label{display:flex;align-items:center;gap:5px;white-space:nowrap;margin:0;font-size:12px}
.admin-pagination input{width:50px;min-width:0;height:30px;margin:0;padding:4px 5px;border-radius:5px;font-size:12px;text-align:center;appearance:textfield}
.admin-pagination input::-webkit-inner-spin-button{appearance:none}
.page-links{gap:3px;flex-wrap:wrap;justify-content:flex-end}
.page-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;border:1px solid #ffffff1c;background:rgba(255,255,255,.07)}
.page-button svg{width:18px;height:18px}
.page-button.current{background:#f3a039;color:#111111}
.page-button.disabled{opacity:.25;pointer-events:none}
.page-ellipsis{padding:0 2px}
.mini{width:28px}
.mini svg{width:16px;height:16px}
aside{padding:18px;background:color-mix(in srgb,#f3a039 4.3%,transparent);border:1px solid color-mix(in srgb,#f3a039 33.3%,transparent);border-radius:9px;margin:24px 0}
aside p{font-size:14px;color:#c5b3a0}


.viewer{max-width:1200px;margin:30px auto}
.viewer>img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}
.viewerbar{display:flex;justify-content:flex-end;gap:15px;margin-top:24px;color:#c5b3a0;font-size:14px}
dialog{padding:0;background:#141414;border:1px solid #176dd8;border-radius:10px;max-width:95vw;max-height:95vh}
dialog::backdrop{background:#000c}
dialog img{display:block;max-width:92vw;max-height:85vh;object-fit:contain}
.close{position:absolute;right:8px;top:8px;background:#191919dd;color:white}
.share-menu{position:fixed;z-index:60;width:250px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #ffffff1c;border-radius:10px;background:#1b1b1b;box-shadow:0 12px 40px #0006}
.share-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;border-radius:6px;color:#f5f3ef;padding:12px 10px;text-align:left;font-size:14px}
.share-menu button:focus-visible{background:#2a3035}
.share-menu svg{width:18px;height:18px;color:#c5b3a0}
.clipboard-helper{position:fixed;left:-10000px}
.upload-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;text-align:center;max-width:calc(100vw - 32px)}
.add-images{white-space:nowrap}
.upload-dock.expanded{width:580px}
.upload-dock.expanded .add-images{margin-top:10px}
#upload-panel{position:relative;max-height:75vh;overflow:auto;border-radius:12px;background:transparent;box-shadow:0 8px 40px #0008}
.compact-dropzone .primary{min-width:190px}
.compact-dropzone #upload-state{margin-top:16px}
.compact-dropzone #upload-status{font-size:13px;margin-bottom:0;white-space:pre-line}
#gallery-more{min-height:2px;text-align:center;margin-top:24px;color:#c5b3a0;font-size:14px}
progress{width:min(550px,90%);height:10px;accent-color:#f3a039}
#upload-state{margin-top:24px}
#upload-status{font-size:16px;color:#c5b3a0}
[hidden]{display:none!important}
@media(min-width:1400px){.admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){header{padding-block:1.4rem}
.brand{font-size:29px;gap:8px;letter-spacing:-1px}
.brand>svg{width:40px;height:40px}
header nav{gap:12px}
header nav a,header nav button{font-size:15px;gap:10px}
header nav svg{width:24px;height:24px}
header:has(nav>:nth-child(2)) .brand{font-size:24px}
header:has(nav>:nth-child(2)) .brand>svg{width:34px;height:34px}
main{padding-bottom:2.3rem}
.hero{margin:22px 0 26px}
.hero h1{letter-spacing:-1px}
.hero>p{font-size:17px}
.dropzone{padding:26px 15px}
.upload-prompt{font-size:15px;margin:18px 0 22px}
.upload-symbol{width:70px;height:70px}
.practical{font-size:12px}
footer{padding-block:1.2rem}
.footer-row{flex-direction:column;gap:.5rem}
footer nav{justify-content:center;gap:.3rem 1rem}
.footer-bottom{justify-content:center;column-gap:1rem}
.footer-statistics{order:0;flex-basis:auto;justify-content:center}
.prose{margin:32px auto}
.prose h1{font-size:32px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.toolbar{gap:10px}
.card-tools{top:5px;right:5px;padding:2px;gap:0}
.card-tools .icon{width:29px;height:29px;padding:5px}
.card-tools svg{width:19px;height:19px}
.primary{min-width:200px}

.admin-pagination{width:100%;gap:10px}
.admin-filters .icon{width:34px;height:34px;padding:7px}
.viewerbar{flex-wrap:wrap}
.gallery{margin:16px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.gallery-toolbar>.small-button{white-space:nowrap}
.gallery-toolbar>.small-button svg{width:18px;height:18px}
.selection-tools{display:flex;align-items:center;gap:4px;white-space:nowrap}
.utility{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;color:#c5b3a0;white-space:nowrap}
.utility svg{width:17px;height:17px}
.utility:disabled{cursor:default;opacity:.35}
.delete-selection:enabled{color:color-mix(in srgb,#f06438 80%,#fff)}
[data-selection-count]:not(:empty){font-size:11px;padding:2px 5px;border-radius:4px;background:color-mix(in srgb,color-mix(in srgb,#f06438 80%,#fff) 11%,transparent)}
.admin-link{display:flex;align-items:center;gap:0;margin-left:auto;height:2rem;border:0;border-radius:7px;background:transparent}
.admin-link>#copy-edit{height:2rem;padding:.3rem .6rem;color:#f5f3ef}


#edit-info{position:absolute;right:0;top:calc(100% + 10px);width:270px;max-width:calc(100vw - 32px);padding:13px 15px;border:1px solid #176dd8;border-radius:8px;background:#1b1b1b;color:#c5b3a0;font-size:13px;line-height:1.5;box-shadow:0 8px 25px #0006;z-index:40;visibility:hidden;opacity:0}

.card-select{position:absolute;top:8px;left:8px;margin:0;display:grid;place-items:center;width:29px;height:29px;border:1px solid #f3a039;border-radius:6px;background:#1b1b1b;cursor:pointer;z-index:2}
.card-select input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}
.card-select span{pointer-events:none;display:flex;visibility:hidden;color:#111111}
.card-select svg{width:19px;height:19px}
.card-select:has(input:checked){background:#f3a039;border-color:#f3a039}
.card-select input:checked+span{visibility:visible}
.card-select:has(input:disabled){opacity:.5;cursor:wait}
.card.selected{border-color:#f3a039;box-shadow:0 0 0 1px #f3a039}

.upload-close{z-index:2;width:32px;height:32px;padding:7px}
.upload-close svg{width:18px;height:18px}
body:has(.upload-dock) footer{padding-bottom:90px}
#toast{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:8px;background:#f3a039;color:#111111;font-size:15px;z-index:70;display:none;max-width:90vw}
@media(max-width:1000px){.gallery-toolbar{flex-wrap:wrap}
.gallery-toolbar>.selection-tools{order:3;flex-basis:100%;justify-content:flex-start}}
@media(max-width:700px){.brand>img{max-width:132px;max-height:36.8px}
header:has(nav>:nth-child(2)) .brand>img{max-width:112px;max-height:33.6px}
.selection-tools{gap:2px}
.utility svg{width:16px;height:16px}
.gallery-toolbar{gap:10px}
.card-select{top:5px;left:5px;width:24px;height:24px}
.card-select svg{width:16px;height:16px}



.compact-dropzone{padding:38px 18px}
.upload-dock{bottom:16px}}
body:has(main>.hero){background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#f3a039 7.1%,transparent) 0%,color-mix(in srgb,#f3a039 2.0%,transparent) 45%,transparent 78%),#111111}
main:has(>.hero){display:flex;flex-direction:column;justify-content:center;padding-top:4rem;padding-bottom:96px}
main:has(>.hero)>.hero{margin:0 0 54px}
main:has(>.hero)>.dropzone{width:100%;margin:0 auto}
main:has(>.hero)>.practical{margin:24px 0 0}
@media(max-width:700px){main:has(>.hero){padding-top:2.5rem;padding-bottom:68px}
main:has(>.hero)>.hero{margin-bottom:38px}}
.video-mark{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#141414d9;color:#fff;pointer-events:none}
.video-mark svg{width:20px;height:20px}
.viewer video{display:block;width:100%;max-height:78vh;object-fit:contain;background:#000}
.square.preview{position:relative}
.card-tools .ip-link,#lightbox-tools .ip-link{font-size:12px;font-weight:700;letter-spacing:.3px}
#lightbox{position:fixed;width:min(1100px,96vw);max-width:96vw;max-height:95dvh;overflow:hidden}
.lightbox-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 8px;background:transparent;min-height:54px}
#lightbox-tools a{color:#f5f3ef}
#lightbox-tools .icon{width:36px;height:36px;padding:8px}
#lightbox-tools svg{width:20px;height:20px}
#lightbox-tools .flag-1{color:#f3a039}
#lightbox-tools .flag-2{color:#f06438}
#lightbox .close{position:static;flex-shrink:0;width:36px;height:36px;padding:8px;background:#1b1b1b}
.lightbox-media{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:120px;padding-bottom:54px;background:transparent}
#lightbox img,#lightbox video{width:auto;max-width:100%;max-height:calc(95dvh - 110px);object-fit:contain;margin:0 auto}
#lightbox video{display:block;width:100%;max-height:85vh;background:transparent}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:44px;padding:8px;background:#141414dc;color:#fff}
.lightbox-prev{left:8px}
.lightbox-next{right:8px}
.lightbox-prev:disabled,.lightbox-next:disabled{opacity:.2;cursor:default}
.lightbox-prev svg,.lightbox-next svg{width:24px;height:24px}
@media(max-width:400px){.card-tools .icon{width:26px;height:28px;padding:5px}}
.brand{display:flex;align-items:center;gap:14px;font-size:44px;font-weight:750;letter-spacing:-1.8px;flex-shrink:0}
.brand>img{display:block;width:15rem;height:auto;max-width:240px;max-height:60.8px;object-fit:contain;transition:opacity .2s}
.brand:hover>img{opacity:.88}
.card-tools .profile-link:hover,.card-tools .ip-link:hover,#lightbox-tools .profile-link:hover,#lightbox-tools .ip-link:hover{color:#176dd8}
.share-menu button:focus-visible svg{color:#f3a039}
.admin-filters .active:not(.flag){color:#f5f3ef}
.scan-mark{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:25px;height:26px;border:1px solid transparent;border-radius:4px;background:transparent;color:#c5b3a0;padding:4px 2px;font-size:10px;font-weight:700;line-height:1.2}
.scan-mark.active{border-color:#176dd8;background:color-mix(in srgb,#176dd8 20.0%,transparent);color:#f5f3ef;box-shadow:none}
.scan-mark:hover{border-color:#f3a039;color:#f3a039}
@media(max-width:700px){.moderator .card-tools .icon{width:22px;height:28px;padding:2.5px}
.moderator .card-tools svg{width:17px;height:17px}
}
[data-content-scanner] .toolbar{gap:8px}
[data-content-scanner] progress{width:100%}
[data-content-scanner] .small-button,[data-content-scanner] .utility{text-decoration:none}
.scan-command{display:flex;align-items:center;gap:8px}
.scan-command input{min-width:0;flex:1;font-family:monospace;font-size:12px}
.scan-command .icon{flex:none}
#upload-queue{list-style:none;margin:12px auto 0;padding:0;max-width:660px;max-height:280px;overflow:auto;text-align:left}
.upload-file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 0;border-top:1px solid #ffffff1c;font-size:13px}
.upload-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f3ef}
.upload-file-status{color:#c5b3a0;text-align:right;max-width:350px;overflow-wrap:anywhere}
.upload-file[data-state=error] .upload-file-status{color:color-mix(in srgb,#f06438 80%,#fff)}
.upload-file[data-state=done] .upload-file-status{color:#f3a039}
.upload-file progress{grid-column:1/-1;width:100%;height:6px}
.upload-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.upload-actions .small-button{text-decoration:none}
.filter-count{font-size:11px;color:#c5b3a0;font-variant-numeric:tabular-nums}

@media(max-width:700px),(hover:none) and (pointer:coarse){.upload-file{grid-template-columns:minmax(0,1fr);gap:4px;font-size:12px}
.upload-file-status{text-align:left;max-width:none}
.gallery:not(.moderator) .card-tools[data-image-tools]{inset:0;top:0;right:0;padding:0;border:0;background:none;border-radius:0;pointer-events:none}
.gallery:not(.moderator) .card-tools[data-image-tools] button{pointer-events:auto}
.gallery:not(.moderator) .card-tools .card-share{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;width:auto;max-width:calc(100% - 16px);height:38px;padding:9px 12px;background:#f3a039;color:#111111;border-radius:7px;box-shadow:0 3px 14px #0006;white-space:nowrap}

.gallery:not(.moderator) .card-tools .card-delete{position:absolute;top:7px;right:7px;width:34px;height:34px;padding:7px;border:1px solid #ffffff30;background:#141414e8;border-radius:6px}


#lightbox-tools{gap:2px}
.share-menu button{min-height:44px}
.lightbox-media{touch-action:pan-y pinch-zoom}
}
@media(max-width:600px){.admin-grid{grid-template-columns:minmax(0,1fr)}
.moderator .card-tools .icon{width:36px;height:36px;padding:8px}
.moderator .card-tools svg{width:20px;height:20px}
.moderator .card-select{width:32px;height:32px}}
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin:20px 0}
.album-tile{position:relative;display:flex;flex-direction:column;text-align:center;border:1px solid #ffffff1c;border-radius:10px;min-width:0;background:rgba(0,0,0,.3);overflow:hidden}
.album-open{width:100%;min-height:144px;flex:1;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:42px 10px 8px}
.album-title{flex:1;min-width:0;line-height:1.4;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-tile .album-share{position:absolute;top:8px;right:8px;width:34px;height:34px;padding:7px}
.album-tile.drop-target{border-color:#f3a039;background:color-mix(in srgb,color-mix(in srgb,#f06438 80%,#000) 20.0%,transparent)}
.album-new-frame{display:grid;place-items:center;width:120px;height:95px;color:#f3a039}
.album-new-frame svg{width:120px;height:96px}
.album-name-input{position:static;flex:1;min-width:0;width:100%;height:28px;margin:0;padding:2px 5px;text-align:left;font-size:.9rem}
.album-tile.editing .album-open{opacity:1}
.album-name-row{display:flex;align-items:center;gap:4px;min-height:50px;padding:8px;text-align:left;cursor:pointer;border-top:1px solid #ffffff0d}
.album-select{top:8px;left:8px}
.album-tile.selected{border-color:#f3a039;box-shadow:0 0 0 1px #f3a039}
@media(max-width:600px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.album-new-frame{max-width:100%}}



.gallery-toolbar [data-open-upload]{display:inline-flex;gap:6px;align-items:center}
.gallery-toolbar [data-open-upload] svg{width:18px;height:18px}

.file-name:empty{display:none}
[data-open-upload]{margin-left:auto}
.gallery #add-images{display:none}
.gallery #upload-panel[hidden]{display:none}
.gallery:not(.moderator) .card-tools[data-image-tools]{inset:0;padding:0;border:0;background:none;border-radius:0;pointer-events:none}
.gallery:not(.moderator) .card-tools[data-image-tools] button{pointer-events:auto}

.gallery:not(.moderator) .card-tools .card-delete{position:absolute;top:auto;bottom:8px;right:8px;width:34px;height:34px;padding:7px;background:#141414dc;}

.file-name{font-size:12px;padding:2px 50px 2px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px;min-height:50px}
.file-name [data-file-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-toolbar{gap:16px;flex-wrap:wrap;align-items:center}
.gallery-toolbar .icon{width:42px;height:42px;padding:8px;flex:none}
.gallery-toolbar svg,.gallery-toolbar .utility svg{width:26px;height:26px}



.gallery-toolbar .admin-link{margin-left:auto}
.gallery-toolbar .upload-button svg{width:25px;height:25px}
.album-path[hidden]{display:none}
.undo-notice{position:fixed;top:1rem;bottom:auto;left:50%;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:20px;max-width:calc(100% - 32px);padding:14px 16px 14px 20px;border:1px solid color-mix(in srgb,#f3a039 50.2%,transparent);border-radius:10px;background:#29252a;color:#fff;box-shadow:0 8px 32px #0008;font-size:15px}
.undo-action svg{width:23px;height:23px}
@media(max-width:600px){
.undo-notice{top:1rem;bottom:auto;gap:12px;padding:12px;font-size:13px}
}



@media(max-width:600px){}
.card{position:relative;min-width:0;background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden;border:1px solid #ffffff1c}
.card .square{background:transparent}
body,body:has(main>.hero){background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#176dd8 16%,transparent) 0%,color-mix(in srgb,#176dd8 7%,transparent) 45%,transparent 78%),#111111;background-attachment:fixed;isolation:isolate;position:relative}
[data-scan-stop]{background:#f06438;border-color:#f06438;color:#fff}
.danger{color:#fff;border-color:#f06438;background:#f06438}
[data-scan-stop]:hover{background:color-mix(in srgb,#f06438 80%,#fff);border-color:color-mix(in srgb,#f06438 80%,#fff);color:#fff}
.undo-action{display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;background:#f06438;color:#fff}
@media(prefers-reduced-motion:reduce){body,body:has(main>.hero){animation:none}}
.gallery-toolbar .toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:none;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef;box-shadow:none;white-space:nowrap}
.gallery-toolbar .toolbar-button svg{width:23px;height:23px}
.gallery-toolbar [data-select-toggle]:not(.active),.gallery-toolbar [data-album-toggle]:not(.active){opacity:1;color:#7c7c7c;border-color:#ffffff1c}
.gallery-toolbar .toolbar-button:disabled{opacity:1;color:#7c7c7c;border-color:#ffffff1c}
.gallery-toolbar .toolbar-button:disabled{cursor:default}
.gallery-toolbar .toolbar-button.active{background:#2c2c2c;color:#f5f3ef;border-color:#555555;box-shadow:none}
.gallery-toolbar .admin-link{border-color:#555555}
.selection-slash{display:none}
.gallery-toolbar [data-select-toggle].active .selection-slash,.gallery-toolbar [data-album-toggle].active .selection-slash{display:inline}
.gallery-toolbar .toolbar-group,.gallery-toolbar .selection-tools{display:flex;gap:6px;align-items:center;margin:0;flex-wrap:wrap}
.gallery-toolbar .toolbar-button>span{display:inline}
.gallery-toolbar [data-selection-count]:empty{display:none}
@media(max-width:600px){.gallery-toolbar{gap:12px}}
.gallery #upload-panel,#lightbox,.release-dialog{border:1px solid #ffffff1c;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#176dd8 16%,transparent) 0%,color-mix(in srgb,#176dd8 7%,transparent) 45%,transparent 78%),#111111;color:#f5f3ef;border-radius:12px;box-shadow:0 12px 50px #0009}
#lightbox::backdrop{background:rgba(0,0,0,.72)}
.gallery .card-select{top:8px;left:8px}
.gallery .album-select{top:8px;left:8px}
@media(max-width:600px){.gallery #upload-panel{padding:24px 16px}}
.gallery #close-upload{top:12px;right:12px}
.gallery-section{margin:22px 0;border:0}
.gallery-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:10px 0;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:transparent;cursor:pointer}
.gallery-section>summary::-webkit-details-marker{display:none}
.gallery-section>summary h2{margin:0;font-family:Montserrat,Arial,sans-serif;font-size:0.9rem;font-weight:600}
.gallery-section>summary svg{width:22px;height:22px;transform:rotate(-90deg);transition:transform .15s}
.gallery-section[open]>summary svg{transform:none}
.section-body{padding-top:4px}
.gallery .section-body>.gallery-toolbar{margin:.75rem 0 1rem;padding:calc(.35rem + env(safe-area-inset-top,0px)) 0 .35rem;border-bottom:0}
.album-toolbar [data-album-count]:empty{display:none}
.upload-target-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0 0;font-size:14px}
.upload-target-line label{margin:0;font-weight:400}
.upload-target-line select{width:auto;min-width:150px;max-width:270px;margin:0;padding:7px 10px;font-size:14px}
.upload-new-album{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.upload-new-album input{width:210px;margin:0;padding:8px 10px;font-size:14px}
.upload-new-album button{padding:8px 12px;font-size:13px}
.upload-new-album [data-upload-cancel]{color:#f5f3ef;background:rgba(255,255,255,.07);border:1px solid #ffffff1c;border-radius:7px}
.upload-target-line[hidden],.upload-new-album[hidden]{display:none}
.gallery .upload-dock.expanded{position:fixed;inset:0;transform:none;width:auto;max-width:none;background:rgba(0,0,0,.72);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}
.gallery #upload-panel{position:fixed;width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:12px;padding:36px;inset:0;margin:auto;height:fit-content;pointer-events:auto;z-index:1}
.upload-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.gallery-section>summary svg{transition:none}}
.card-tools [data-share-image],.gallery:not(.moderator) .card-tools .card-share,.album-tile .album-share{background:color-mix(in srgb,#176dd8 80%,#000);color:#fff;border:0;border-radius:6px}
.file-name .card-delete,.card-tools [data-delete],.gallery:not(.moderator) .card-tools .card-delete,.album-name-row .album-delete{background:color-mix(in srgb,#f06438 80%,#000);color:#fff;border:0;border-radius:6px}
@media(min-width:701px){.gallery:not(.moderator) .card-tools .card-share,.gallery:not(.moderator) .card-tools .card-delete,.gallery .card-tools .card-share,.gallery .card-tools .card-delete,.album-tile .album-share,.album-name-row .album-delete{width:28px;height:28px;padding:5px}
.gallery .card-tools .card-share svg,.gallery .card-tools .card-delete svg,.album-share svg,.album-delete svg{width:18px;height:18px}
.gallery .card-select{width:25px;height:25px}
.gallery .card-select svg{width:17px;height:17px}}
button.album-title{font-size:.9rem}
.name-edit-actions .icon{width:26px;height:26px;padding:5px;border:0;border-radius:5px;color:#fff}
.name-edit-actions svg{width:16px;height:16px}
.name-edit-actions .name-edit-save{background:#4a7959}
.name-edit-actions .name-edit-cancel{background:color-mix(in srgb,#f06438 80%,#000)}
.album-tile.editing .album-name-row .album-delete,.gallery .name-editing .card-tools .card-delete{display:none}
.name-editing .file-name{padding-right:8px}
.album-name-row,.file-name{position:relative}
.album-name-row:has(button.album-title),.file-name:has(button[data-rename-card]){padding-right:50px}
button.album-title,.file-name button[data-file-name]{min-width:0;max-width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;width:fit-content}
.album-name-row .album-delete{position:absolute;width:34px;height:34px;padding:7px;flex:none;margin-left:4px;right:8px;top:50%;transform:translateY(-50%);margin:0}




.album-tile.editing .album-name-row,.name-editing .file-name:has(button[data-rename-card]){padding-right:8px}
.name-edit-actions{display:inline-flex;align-items:center;gap:4px;flex:none;margin-left:auto}
.album-name-input:focus,.album-name-input:focus-visible{box-shadow:none}
.gallery .card-top .card-select{position:relative;inset:auto;margin:0;flex:none}
.gallery .card-top .card-tools,.gallery:not(.moderator) .card-top .card-tools[data-image-tools]{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin-left:auto;padding:0;border:0;border-radius:0;background:none;pointer-events:auto;overflow-x:auto;scrollbar-width:none}
.gallery .card-top .card-tools::-webkit-scrollbar{display:none}
.gallery:not(.moderator) .card-top .card-tools .card-share,.gallery .card-top .card-tools .card-share,.gallery .album-tile .card-top .album-share{position:static;inset:auto;transform:none;flex:none;box-shadow:none}
.gallery .album-tile .card-top .album-share{margin-left:auto}
.gallery .card-top .video-mark{position:static;flex:none;width:22px;height:22px;background:none;border-radius:0}
.gallery .card-top .video-mark svg{width:18px;height:18px}
.gallery .card>.square,.gallery .album-tile>.album-open{grid-row:2;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:auto;margin:0;padding:0;overflow:hidden}
.gallery .card>.square img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform-origin:center;will-change:auto}
.gallery .card>.file-name{padding:8px 50px 8px 8px}
.gallery .card>.file-name:has(button[data-rename-card]){padding-right:50px}
.gallery .file-name .card-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:7px}
.gallery .name-editing .file-name .card-delete{display:none}
.gallery .card.name-editing>.file-name{padding-right:8px}
.gallery .album-tile>.album-open{padding:8px;container-type:size}
.gallery .album-new-frame svg{width:100%;height:100%}
@media(min-width:701px){.gallery .file-name .card-delete{width:28px;height:28px;padding:5px}
.gallery .file-name .card-delete svg{width:18px;height:18px}}
.gallery [data-album-section][hidden]{display:none}
.album-path{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1.2rem 0 .8rem}
.album-heading{min-width:0;margin:0;font-family:Montserrat,Arial,sans-serif;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.album-back{flex:none;width:2.2rem;height:2.2rem;padding:.4rem;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef}
.album-back svg{width:1.4rem;height:1.4rem}
#lightbox.lightbox-fullscreen{inset:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden}
#lightbox.lightbox-fullscreen .lightbox-bar{position:fixed;top:0;right:0;z-index:4;min-height:0;padding:12px;background:transparent}
#lightbox.lightbox-fullscreen #lightbox-tools{display:none}
#lightbox.lightbox-fullscreen .lightbox-media{width:100vw;height:100vh;min-height:0;padding:0;align-items:center;background:#111111}
#lightbox.lightbox-fullscreen img{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;cursor:zoom-out}
#lightbox.lightbox-fullscreen .lightbox-prev,#lightbox.lightbox-fullscreen .lightbox-next{display:none}
.dropzone{max-width:1160px;margin:auto;text-align:center;border:1.5px dashed #176dd8;border-radius:19px;background:transparent;padding:32px 20px;transition:background .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-block:3rem}
.dropzone .upload-symbol,.dropzone .upload-prompt,.dropzone .upload-target-line,.dropzone #upload-state{margin-top:0;margin-bottom:0}
.dropzone .primary{margin-top:0;margin-bottom:0}
.dropzone .upload-target-line,.dropzone #upload-state{width:100%}
.compact-dropzone{border-radius:12px;padding:44px 24px;background:transparent;gap:2rem}
.compact-dropzone .upload-symbol{width:70px;height:70px;margin-bottom:24px;margin-inline:auto}
.compact-dropzone .upload-new-album{margin-top:0}
.gallery #upload-panel .compact-dropzone{padding:55px 32px;padding-block:3rem}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,Arial,Helvetica,sans-serif}
.hero h1{font-size:clamp(2rem,3.4vw,2.75rem);letter-spacing:-1.5px;margin:0 0 10px;line-height:1.15}
.how-link{display:block;align-self:center;margin-top:1rem;color:#f3a039;font-size:.9rem;text-decoration:none;text-align:center}
.how-link:hover{color:color-mix(in srgb,#f3a039 80%,#fff);text-decoration:none}
.info-dialog{width:min(42rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:2.5rem;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#176dd8 16%,transparent) 0%,color-mix(in srgb,#176dd8 7%,transparent) 45%,transparent 78%),#111111;color:#f5f3ef;border:1px solid #ffffff1c;border-radius:.8rem;box-shadow:0 1rem 3rem #0009;overflow:auto;text-align:left}
.info-dialog::backdrop{background:rgba(0,0,0,.72)}
.album-delete-dialog p{line-height:1.6;margin:0 0 1.2rem}
.album-delete-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}
.album-delete-actions button{width:100%;justify-content:center;padding:.8rem 1rem;font-size:0.9rem;border:1px solid #ffffff1c;border-radius:.4rem;background:rgba(255,255,255,.07);color:#f5f3ef}
.album-delete-actions .danger{background:color-mix(in srgb,#f06438 80%,black);border-color:#ffffff1c;color:#fff}
.info-dialog>.close{top:.7rem;right:.7rem}
.info-dialog h2{margin:0 2rem 1.5rem 0;font-size:1.3rem;line-height:1.4;font-weight:600}
.how-section+.how-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ffffff14}
.how-section h3{margin:0 0 .6rem;font-size:0.9rem;font-weight:600}
.how-section p{margin:.6rem 0 0;font-size:0.9rem;line-height:1.6;color:#c5b3a0}
.info-open{overflow:hidden}
.form-success{font-size:.9rem;line-height:1.6}
@media(max-width:600px){.info-dialog{padding:2rem 1.4rem}
.info-dialog h2{font-size:1.2rem}}
@media(max-width:480px){header:has(a[href*="p=account"]){flex-wrap:wrap}
header:has(a[href*="p=account"]) nav{margin-left:auto}}
.gallery:not(.moderator) .card-tools .card-share{position:absolute;top:8px;right:8px;left:auto;transform:none;width:34px;height:34px;padding:7px;background:#141414dc;color:#f5f3ef;border:1px solid #ffffff30;border-radius:6px;max-width:none}
.gallery .card-tools .card-share svg{flex-shrink:0}
.gallery-toolbar [data-move-album]{display:inline-flex}
@media(max-width:600px){.gallery:not(.managed-page) .gallery-toolbar{position:sticky;top:0;z-index:45;flex-wrap:nowrap;gap:.2rem;margin:.8rem 0 1rem;padding:calc(.35rem + env(safe-area-inset-top,0px)) 0 .35rem;background:#111111;border-bottom:0}
.gallery:not(.managed-page) .gallery-toolbar .toolbar-group,.gallery:not(.managed-page) .gallery-toolbar .selection-tools,.gallery:not(.managed-page) .gallery-toolbar .admin-link{display:contents}
.gallery:not(.managed-page) .gallery-toolbar .toolbar-button,.gallery:not(.managed-page) .gallery-toolbar .upload-button,.gallery:not(.managed-page) .gallery-toolbar .utility{flex:1 1 2.5rem;min-width:0;max-width:2.5rem;width:2.5rem}
.gallery:not(.managed-page) .gallery-toolbar button>span{display:none}
.gallery:not(.managed-page) .gallery-toolbar svg,.gallery:not(.managed-page) .gallery-toolbar .toolbar-button svg,.gallery:not(.managed-page) .gallery-toolbar .upload-button svg,.gallery:not(.managed-page) .gallery-toolbar .utility svg{width:1.4rem;height:1.4rem;max-width:100%;flex-shrink:1}


.gallery:not(.managed-page) .gallery-toolbar .admin-link>#copy-edit{height:2.5rem;padding:.1rem}

.gallery:not(.managed-page) .gallery-toolbar .admin-link>.utility{border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef}}
.move-album-dialog>p{margin:0 0 1.2rem;line-height:1.5}
.move-album-dialog label{display:block;font-size:0.9rem;margin:.8rem 0 .4rem}
.move-album-dialog select,.move-album-dialog input{margin:0;border-color:#454545}
.move-album-dialog .form-error{margin-top:1rem}
.move-album-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.move-album-actions button{padding:.8rem 1rem;font-size:0.9rem;border-radius:.4rem}
.move-album-cancel{background:rgba(255,255,255,.07);color:#f5f3ef;border:1px solid #ffffff1c}
.gallery-pagination{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin:1rem 0;color:#7c7c7c;font-size:.8rem}
.gallery-page-info{white-space:nowrap}
.gallery-page-links{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.gallery-page-button,.gallery-page-button:hover,.gallery-page-button:active{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:.3rem .5rem;border:1px solid #ffffff1c;border-radius:.4rem;background:rgba(255,255,255,.07);color:#7c7c7c;box-shadow:none;font-size:.8rem;transform:none;transition:none}
.gallery-page-button.active,.gallery-page-button.active:hover,.gallery-page-button.active:active{background:#2c2c2c;color:#f5f3ef;border-color:#555555}
.gallery-page-button:disabled{opacity:1;cursor:default}
.gallery-page-button svg{width:1.2rem;height:1.2rem}
.gallery-load-status:empty{display:none}
.gallery-load-status{font-size:.9rem;color:#c5b3a0}
[data-gallery-pagination]{scroll-margin-top:4rem}
@media(max-width:37.5rem){.gallery-pagination{justify-content:center;gap:.5rem}
.gallery-page-info{width:100%;text-align:center}
.gallery-page-links{gap:.2rem;justify-content:center}
.gallery-page-button,.gallery-page-button:hover,.gallery-page-button:active{min-width:1.8rem;height:2rem;padding:.2rem}
.gallery-pagination .page-ellipsis{padding:0}}
@media(min-width:37.5rem){.gallery-toolbar [data-select-toggle],.gallery-toolbar [data-album-toggle]{width:9rem;min-width:9rem;justify-content:flex-start}}
@media(min-width:37.6rem){.gallery-toolbar,.gallery-toolbar .toolbar-group,.gallery-toolbar .selection-tools{gap:.7rem}
.gallery-toolbar .admin-link{margin-left:0}
.gallery-toolbar [data-open-upload]{margin-left:auto}}











.moderator .admin-filters .filter-count{color:inherit;font-size:.7rem}






.moderator:not(.managed-page) .admin-pagination{gap:.7rem;color:#7c7c7c;font-size:.8rem}
.moderator:not(.managed-page) .admin-pagination :is(.per-page,.jump-page,.per-page label,.jump-page label){gap:.4rem;font-size:.8rem}
.moderator:not(.managed-page) .admin-pagination input{width:3rem;height:2rem;padding:.3rem;border:1px solid #ffffff1c;border-radius:.4rem;background:#1b1b1b;color:#f5f3ef;font-size:.8rem}
.moderator:not(.managed-page) .admin-pagination .page-links{gap:.4rem}
.moderator:not(.managed-page) .admin-pagination .page-button,.moderator:not(.managed-page) .admin-pagination .page-button:hover,.moderator:not(.managed-page) .admin-pagination .page-button:active{border-color:#ffffff1c;color:#7c7c7c}
.moderator:not(.managed-page) .admin-pagination .page-button.current,.moderator:not(.managed-page) .admin-pagination .page-button.current:hover,.moderator:not(.managed-page) .admin-pagination .page-button.current:active{border-color:#555555;color:#f5f3ef;background:#2c2c2c}
.moderator:not(.managed-page) .admin-pagination :is(.page-button,.mini) svg{width:1.2rem;height:1.2rem}
.moderator .card-tools :is(.profile-link,.ip-link):hover{color:#f5f3ef}
header nav .header-auth,header nav .header-auth:hover,header nav .header-auth:active{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:2rem;height:2rem;padding:.3rem .6rem;border:1px solid #ffffff1c;border-radius:.4rem;background:#1b1b1b;color:#f5f3ef;box-shadow:none;text-decoration:none;transform:none;transition:none}
header nav .header-auth svg{width:1.4rem;height:1.4rem}

@media(max-width:30rem){header{flex-wrap:wrap}
header nav{margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:37.5rem){
.moderator:not(.managed-page) .admin-pagination{justify-content:center}
.moderator:not(.managed-page) .admin-pagination .page-links{justify-content:center;gap:.2rem}
.moderator:not(.managed-page) .admin-pagination :is(.page-button,.mini),.moderator:not(.managed-page) .admin-pagination :is(.page-button,.mini):hover,.moderator:not(.managed-page) .admin-pagination :is(.page-button,.mini):active{min-width:1.8rem}
.moderator:not(.managed-page) .admin-pagination input{height:2rem}
.moderator:not(.managed-page) .admin-pagination .page-ellipsis{padding:0}}
.lightbox-counter{margin-right:auto;flex:none;color:#c5b3a0;font-family:Montserrat,Arial,sans-serif;font-size:.8rem;white-space:nowrap}
#lightbox.lightbox-fullscreen .lightbox-counter{display:none}
#lightbox-tools .lightbox-cover-button,#lightbox-tools .lightbox-cover-button:hover,#lightbox-tools .lightbox-cover-button:active{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:.4rem .5rem;border:1px solid #ffffff1c;border-radius:.4rem;background:rgba(255,255,255,.07);color:#b5afa9;font-size:.8rem;white-space:nowrap;box-shadow:none;transform:none;transition:none}
#lightbox-tools .lightbox-cover-button.active,#lightbox-tools .lightbox-cover-button.active:hover,#lightbox-tools .lightbox-cover-button.active:active{background:#2c2c2c;border-color:#555555;color:#f5f3ef}
#lightbox-tools .lightbox-cover-button svg{width:1.2rem;height:1.2rem;flex:none}
@media(max-width:43.8rem){#lightbox-tools .lightbox-cover-button{width:2.2rem;height:2.2rem;padding:.4rem}
#lightbox-tools .lightbox-cover-button span{display:none}}
.gallery [data-file-section]>summary[hidden],.move-album-dialog [hidden]{display:none}
.gallery .single-file-section{margin-top:0}
.gallery .single-file-section>.section-body{padding-top:0}
.move-album-dialog{width:min(28rem,calc(100vw - 2rem));padding:2rem}
.move-album-dialog h2{font-size:0.9rem;margin-bottom:1rem}
@media(max-width:30rem){.move-album-dialog{padding:2rem 1rem 1.5rem}}
.gallery [data-batch-commands][hidden]{display:none}
.batch-selection{display:flex;align-items:center;gap:.5rem;flex:none}
.bulk-select{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer;font-size:.8rem;white-space:nowrap}
.gallery .bulk-select .card-select{position:relative;inset:auto;flex:none;margin:0}
.bulk-select .mixed-mark{display:none}
.bulk-select:has(input:indeterminate) .card-select{background:#f3a039}
.bulk-select:has(input:indeterminate) .card-select span{visibility:visible}
.bulk-select:has(input:indeterminate) .card-select svg:not(.mixed-mark){display:none}
.bulk-select:has(input:indeterminate) .mixed-mark{display:block}
.batch-label-mobile{display:none!important}
.gallery .batch-menu-toggle{width:9rem;min-width:9rem;justify-content:space-between}
.gallery:not(.managed-page) .gallery-filters{display:flex;align-items:center;flex-wrap:nowrap;gap:.7rem;margin-left:.7rem;flex:none}
.filter-marker{display:flex;align-items:center;justify-content:center;color:#c5b3a0;flex:none}
.filter-marker svg{width:1.4rem;height:1.4rem}
.gallery:not(.managed-page) .gallery-filters button:not(.active){color:#7c7c7c;border-color:#ffffff1c}
.action-menu{border-color:#ffffff1c;width:16rem;max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow:auto;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#176dd8 16%,transparent) 0%,color-mix(in srgb,#176dd8 7%,transparent) 45%,transparent 78%),#111111}
.action-menu button,.action-menu button:hover,.action-menu button:active{justify-content:flex-start;gap:.7rem;background:transparent;filter:none;transform:none;box-shadow:none;transition:none}
.action-menu .menu-delete{margin-top:.3rem;padding-top:.9rem;border-top:1px solid #ffffff1c;border-radius:0;color:#f06438}
.action-menu .menu-delete svg{color:inherit}
.card-more{display:none}
.gallery:not(.moderator) :is(.card,.album-tile)[data-card-actions="menu"] .card-top .card-tools[data-image-tools]{display:flex;gap:.3rem;overflow:visible}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] :is([data-card-album]),.gallery :is(.card,.album-tile)[data-card-actions="menu"]>:is(.file-name,.album-name-row)>:is([data-delete],[data-delete-album]){display:none}
.gallery :is(.card,.album-tile)[data-card-actions="menu"]>:is(.file-name,.album-name-row),.gallery :is(.card,.album-tile)[data-card-actions="menu"]>:is(.file-name,.album-name-row):has(button[data-rename-card]){padding-right:.5rem}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-top .card-tools .card-share{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;width:auto;height:1.8rem;padding:.3rem .5rem;max-width:none;border:0;background:color-mix(in srgb,#176dd8 80%,#000);color:#fff}

.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-top .card-share svg{width:1.1rem;height:1.1rem}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-more{display:flex;align-items:center;justify-content:center;position:static;flex:none;margin:0;width:1.8rem;height:1.8rem;padding:.2rem;background:transparent;border:0;border-radius:0;color:#f5f3ef}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-more svg{width:1.2rem;height:1.2rem}
@container(max-width:8rem){
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-top .card-tools .card-share{width:1.6rem;height:1.6rem;padding:.2rem}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-more{width:1.6rem;height:1.6rem}}
@media(max-width:700px){.gallery .batch-selection{display:flex;gap:.4rem;flex:none}
.bulk-select-label,.batch-label-desktop{display:none!important}
.gallery:not(.managed-page) .gallery-toolbar .batch-menu-toggle{width:auto;min-width:0;max-width:none;flex:none}
.gallery:not(.managed-page) .gallery-toolbar .batch-label-mobile{display:inline!important;font-size:.8rem}
.gallery:not(.managed-page) .gallery-toolbar .batch-menu-toggle svg{width:1rem;height:1rem}
.gallery:not(.managed-page) .gallery-toolbar .gallery-filters{display:flex;gap:.2rem;margin-left:.4rem;min-width:0;flex:1}
.gallery:not(.managed-page) .gallery-filters .filter-marker{width:1rem;margin-right:.1rem}
.gallery:not(.managed-page) .gallery-filters .filter-marker svg{width:1rem;height:1rem}}
.auth-open{overflow:hidden}
.auth-dialog{width:min(26rem,calc(100vw - 2rem));padding:2rem;max-height:calc(100dvh - 2rem)}
.auth-dialog h2{font-family:Montserrat,Arial,sans-serif;font-size:1.3rem}
.auth-dialog form{display:grid;gap:1.1rem}
.auth-dialog label{display:block;margin:0;font-size:0.9rem}
.auth-dialog input{display:block;width:100%;margin:.5rem 0 0;padding:.7rem .8rem}
.auth-dialog .form-error{margin:0;font-size:.9rem;line-height:1.5}
.auth-dialog .form-error:empty{display:none}
.auth-dialog .primary{width:100%;min-width:0}
.auth-dialog .primary svg,.auth form[data-form="login"] .primary svg{width:1.2rem;height:1.2rem;vertical-align:middle}
.auth-links{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.2rem 0 0;font-size:.9rem}
.auth-links a,.auth-links a:hover,.auth-links a:active{color:#f3a039}
.auth-dialog>.close,.auth-dialog>.close:hover,.auth-dialog>.close:active{background:#1b1b1b;color:#f5f3ef;border:1px solid #ffffff1c;transform:none;transition:none}
@media(max-width:30rem){.auth-dialog{padding:2rem 1.2rem 1.5rem}}
.thumbnail-controls{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex:none}
.thumbnail-size,.thumbnail-size:hover,.thumbnail-size:active{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#7c7c7c;box-shadow:none;transform:none;filter:none;transition:none}
.thumbnail-size.active,.thumbnail-size.active:hover,.thumbnail-size.active:active{background:#2c2c2c;color:#f5f3ef;border-color:#555555;box-shadow:none}
.thumbnail-size svg{width:1.4rem;height:1.4rem}
.gallery:not(.managed-page):has([data-thumbnail-controls]) .album-path{flex-wrap:nowrap}
.gallery:not(.managed-page):has([data-thumbnail-controls]) .album-path .album-heading{flex:1;min-width:0}

.gallery[data-thumbnail-size] .grid{gap:1rem}
.gallery[data-thumbnail-size] .grid>.card{container-type:inline-size}
.gallery :is(.card,.album-tile) .card-more,.gallery :is(.card,.album-tile) .card-more.active,.gallery :is(.card,.album-tile) .card-more:hover,.gallery :is(.card,.album-tile) .card-more:active{background:transparent;border:0;box-shadow:none;transform:none;filter:none;transition:none;color:#f5f3ef}

@media(max-width:700px){

.gallery[data-thumbnail-size] .grid{gap:.5rem}
.thumbnail-controls{gap:.3rem}
.gallery:not(.managed-page):has([data-thumbnail-controls]) .album-path{gap:.5rem}
.gallery:not(.managed-page):has([data-thumbnail-controls]) .album-heading{font-size:1.3rem}
.gallery:not(.moderator) .card>.file-name,.gallery:not(.moderator) .card>.file-name:has(button[data-rename-card]){padding-right:.5rem}}
@container(max-width:11rem){.gallery:not(.moderator) .card>.card-top{padding:.2rem;gap:.2rem}
.gallery:not(.moderator) .card>.file-name,.gallery:not(.moderator) .card>.file-name:has(button[data-rename-card]){padding:.2rem .3rem;font-size:.7rem}


.gallery .card-top .owner-heart{width:1.7rem;height:1.7rem;gap:0}
.gallery .card-top .owner-heart svg{display:block;width:1.7rem;height:1.7rem;flex:none;stroke-width:1.8}
.gallery .card-top .owner-heart>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:.1rem;font-size:.6rem;line-height:1}
.gallery .card-top .video-mark{display:flex;position:absolute;left:.3rem;top:calc(100cqw - (44px / 2));bottom:auto;transform:translateY(-50%);width:.8rem;height:.8rem;background:none;color:#f5f3ef;z-index:1}
.gallery .card-top .video-mark svg{width:.8rem;height:.8rem}
.gallery:not(.moderator) .card:has(.video-mark)>.file-name,.gallery:not(.moderator) .card:has(.video-mark)>.file-name:has(button[data-rename-card]){padding-left:1.4rem}}
.gallery .batch-menu-toggle[aria-expanded="true"]{border-color:#555555;background:#2c2c2c}
@media(min-width:701px) and (max-width:900px){.gallery:not(.managed-page) .gallery-filters .toolbar-button>span{display:none}
.gallery:not(.managed-page) .gallery-filters .toolbar-button{width:2rem}
.gallery:not(.managed-page) .gallery-filters{gap:.5rem;margin-left:.5rem}}
.heart-button,.heart-count,.owner-heart,.lightbox-heart,.shared-image-heart{display:none!important}
#lightbox-tools{padding:0;font-size:14px;text-align:left;display:flex;align-items:center;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:none}
#lightbox-tools::-webkit-scrollbar{display:none}
#lightbox-tools>button,#lightbox-tools>a{flex:none}
:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified],:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified]:hover,:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified]:active{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--nsfw-size,2.2rem);min-width:0;height:var(--nsfw-size,2.2rem);min-height:var(--nsfw-size,2.2rem);padding:var(--nsfw-padding,.4rem);border:1px solid #ffffff1c;border-radius:.3rem;background:#1b1b1b;color:#fff;font-size:.7rem;line-height:1;white-space:nowrap;box-shadow:none;transform:none;transition:none}
:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified].active,:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified].active:hover,:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified].active:active{border-color:#555555;background:#9b617a;color:#fff}
@media(max-width:43.8rem){.gallery.moderator:has([data-thumbnail-controls]) .album-path{flex-wrap:wrap}
.gallery.moderator .album-path>.utility{order:-1;margin-right:calc(100% - 5rem)}
.gallery.moderator .album-path>.album-heading{flex-basis:calc(100% - 8rem)}}
.gallery .admin-link{position:relative;flex:none;gap:0}
.gallery .admin-link>#show-edit{height:100%;padding:.4rem .6rem;border-left:1px solid #ffffff1c}
.admin-link-popover{position:absolute;top:calc(100% + .5rem);right:0;width:min(22rem,calc(100vw - 2rem));height:auto;padding:1rem;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,#176dd8 16%,transparent) 0%,color-mix(in srgb,#176dd8 7%,transparent) 45%,transparent 78%),#111111;border:1px solid #ffffff1c;border-radius:.5rem;box-shadow:0 .5rem 1.5rem #0008;z-index:60}
.admin-link-popover[hidden],.admin-link-popover [hidden]{display:none}
.admin-link-popover p{margin:0;line-height:1.5;font-size:.8rem}
.admin-link-popover [data-edit-copy-status]:empty{display:none}
.admin-link-popover [data-edit-copy-status]{margin-bottom:.6rem;color:#f3a039;font-weight:600;font-size:.9rem}
.admin-link-popover [data-edit-copy-status].error{color:#f06438}
.admin-link-popover label{display:block;margin:0;font-size:.8rem}
.admin-link-popover input{margin:.4rem 0 .8rem;padding:.6rem;font-size:.8rem;background:#0004;border-color:#ffffff1c;color:#f5f3ef}
.gallery .gallery-add-tools{display:flex;align-items:center;gap:.7rem;margin-left:auto;flex:none}
.gallery .gallery-add-tools [data-open-upload]{margin-left:0}
.gallery [data-open-claim][hidden]{display:none}
.claim-open{overflow:hidden}
.claim-dialog{width:min(32rem,calc(100vw - 2rem))}
.claim-dialog p{font-size:.9rem;line-height:1.5;margin:0 0 1.2rem}
.claim-dialog [hidden]{display:none}
.claim-dialog form label{margin:0 0 .5rem;font-size:.9rem}
.claim-link-row{display:flex;align-items:stretch;gap:.6rem;margin-bottom:1.2rem}
.claim-link-row input{min-width:0;flex:1;margin:0;padding:.7rem;background:#0004;border-color:#ffffff1c;font-size:.9rem}
.claim-link-row button{display:flex;align-items:center;justify-content:center;flex:none;width:2.8rem;padding:.5rem;background:rgba(255,255,255,.07);border:1px solid #ffffff1c;border-radius:.4rem;color:#f5f3ef}
.claim-link-row svg{width:1.5rem;height:1.5rem}
.claim-dialog .primary{width:100%;min-width:0}
.claim-dialog .form-error{margin-top:1rem;margin-bottom:0}
@media(max-width:700px){.gallery .gallery-add-tools{display:contents}
.gallery:not(.managed-page) .gallery-toolbar .admin-link{display:flex;position:relative;max-width:none;min-width:0;height:2.5rem;flex:none;background:transparent;border:0}
.gallery:not(.managed-page) .gallery-toolbar .admin-link>.utility{flex:none;max-width:2.1rem;width:2.1rem;border:1px solid #ffffff1c;background:rgba(255,255,255,.07)}
.gallery:not(.managed-page) .gallery-toolbar .admin-link>#show-edit{margin-left:.2rem}
.admin-link-popover{width:min(18rem,calc(100vw - 2rem))}}
.gallery-sort{position:relative;display:inline-flex;align-items:center;flex:none;margin:0;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef;white-space:nowrap;cursor:pointer}
.gallery-sort>svg,.gallery-sort .sort-chevron svg{width:1.2rem;height:1.2rem;flex:none}
.gallery-sort .sort-chevron{display:flex;margin-left:.2rem}
.gallery-sort select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.gallery-sort:has(select:disabled){color:#7c7c7c;cursor:default}
@media(max-width:700px){.gallery:not(.managed-page) .gallery-sort{width:2rem;justify-content:center}
.gallery:not(.managed-page) .gallery-sort>[data-sort-label],.gallery:not(.managed-page) .gallery-sort>.sort-chevron{display:none}
.gallery:not(.managed-page) .gallery-sort>svg{width:1.3rem;height:1.3rem}}
@media(max-width:700px){.gallery-section>summary>.gallery-sort,.album-path>.gallery-sort{margin-left:auto}
.album-path>.gallery-sort+.thumbnail-controls{margin-left:0}}
@media(max-width:22.5rem){.gallery:not(.managed-page) .gallery-toolbar .gallery-filters{margin-left:.2rem}}
.gallery:is([data-mode="mine"],[data-mode="collection"]){margin-top:1rem}
.gallery:is([data-mode="mine"],[data-mode="collection"])>.gallery-section{margin-block:1.2rem}
#toast.control-feedback{bottom:auto;transform:none;max-width:min(22rem,calc(100vw - 1.5rem));pointer-events:none}
.undo-notice>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.gallery:is([data-mode="mine"],[data-mode="collection"]){margin-top:.8rem}}
.gallery .card-top .card-album{flex:none;width:28px;height:28px;padding:5px;border:1px solid #ffffff1c;border-radius:6px;background:#1b1b1b;color:#f5f3ef;box-shadow:none;transform:none;transition:none}
.gallery .card-top .card-album svg{width:18px;height:18px}
.gallery .card-top .admin-star,#lightbox-tools .admin-star{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.6rem;height:1.6rem;padding:.2rem;background:transparent;border:0;color:#7c7c7c;box-shadow:none;filter:none;transform:none;transition:none}
.gallery .card-top .admin-star svg,#lightbox-tools .admin-star svg{width:1.2rem;height:1.2rem}
.gallery .card-top .admin-star.active,#lightbox-tools .admin-star.active,.action-menu .admin-star-action[aria-pressed="true"]{color:#f3a039}
.admin-star.active svg,.admin-star-filter.active svg,.admin-star-action[aria-pressed="true"] svg{fill:currentColor}
.moderator .admin-filters .admin-star-filter.active{color:#f3a039}
@media(max-width:700px){.gallery .card-top .admin-star{display:none}
.gallery .card .admin-star-menu{display:inline-flex;flex:none;width:1.6rem;height:1.6rem;padding:.2rem;margin:0;border:0;background:transparent}
.gallery .card .admin-star-menu svg{width:1.2rem;height:1.2rem}}
.gallery:is([data-mode="mine"],[data-mode="collection"])>[data-file-section]>.section-body>.gallery-toolbar{position:sticky;top:0;z-index:45;padding:calc(.35rem + env(safe-area-inset-top,0px)) 0 .35rem;background:transparent;border-bottom:0}
.gallery:is([data-mode="mine"],[data-mode="collection"]) [data-file-section] [data-gallery-pagination]{scroll-margin-top:calc(0px + .5rem)}

.gallery [data-file-section]>summary>h2{margin-right:auto}
@media(max-width:700px){.gallery [data-file-section]>summary{column-gap:.7rem}}
@media(max-width:22.5rem){.gallery [data-file-section]>summary{flex-wrap:wrap;row-gap:.5rem}
.gallery [data-file-section]>summary>h2{order:1}
.gallery [data-file-section]>summary>.gallery-sort{order:2}
.gallery [data-file-section]>summary>svg{order:3}}
:is(#lightbox-tools,.gallery.moderator .card-top)>.scan-mark[data-scan-unified] svg{width:1.4rem;height:1.4rem}







.action-menu-group{padding:.5rem .8rem;color:#c5b3a0;font-size:.8rem;font-weight:700;border-bottom:1px solid #ffffff1c}
.admin-batch-dialog{width:min(36rem,calc(100vw - 2rem));max-height:85svh;overflow:auto}
.admin-batch-dialog .admin-batch-counts{font-weight:700;color:#f5f3ef}
.admin-batch-names{padding-left:1.2rem;max-height:12rem;overflow:auto;font-size:.9rem;overflow-wrap:anywhere}
.admin-batch-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}

.admin-batch-actions .toolbar-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff1c;background:rgba(255,255,255,.07);color:#f5f3ef;box-shadow:none;transition:none}
.admin-batch-actions .toolbar-button:disabled{opacity:1;color:#7c7c7c;cursor:default}



.admin-table-select{display:grid;place-items:center;position:relative;width:1.6rem;height:1.6rem;margin:0;border:1px solid #f3a039;border-radius:.3rem;background:#1b1b1b;cursor:pointer}
.admin-table-select input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.admin-table-select span{display:flex;visibility:hidden;pointer-events:none;color:#111}
.admin-table-select svg{width:1.1rem;height:1.1rem}
.admin-table-select:has(input:checked),.admin-table-select:has(input:indeterminate){background:#f3a039}
.admin-table-select input:checked+span,.admin-table-select input:indeterminate+span{visibility:visible}
.admin-table-select:has(input:disabled){opacity:.4;cursor:default}
.moderation-table .moderation-select-column{width:3rem;padding-inline:.7rem}
.card-studio-source{display:none!important}
.gallery .card .admin-star-menu:has(~ .card-studio-source){display:inline-flex;flex:none;width:1.6rem;height:1.6rem;padding:.2rem;margin:0;border:0;background:transparent}
.gallery .card .admin-star-menu:has(~ .card-studio-source) svg{width:1.2rem;height:1.2rem}
.header-studio{position:relative}
.header-studio-beta{position:absolute;right:-.5rem;top:-.6rem;font-size:.5rem;line-height:1;font-weight:600;letter-spacing:.05rem;color:#fff;pointer-events:none}
html.studio-touch-device .header-studio,html.studio-touch-device [data-open-studio]{display:none!important}
@media(hover:none) and (pointer:coarse){.header-studio,[data-open-studio]{display:none!important}}
body:has(main>.hero) main>#dropzone{border-color:#ffffff1c}
body:has(main>.hero) main>#dropzone.over{border-color:#505050}

.card[data-card-actions=menu] :is(.card-album,.card-delete,.file-name>[data-flag]){display:none}
.gallery .card[data-card-actions=menu] .card-top .card-tools :is(.card-share,.card-album){display:none}
.gallery .album-tile[data-card-actions=menu] .card-top .card-tools .card-share{display:none}
.card[data-card-actions=menu] .card-more{display:flex;position:absolute;right:.5rem;top:.5rem;width:2rem;height:2rem;padding:.3rem;background:transparent;border:0}
.card[data-card-actions=menu] .card-more svg{width:1.3rem;height:1.3rem}
.file-list-info{display:none}
.file-type-filter{min-height:2rem;height:2rem;width:auto;max-width:12rem;margin:0;padding:.3rem .6rem;background:#1b1b1b;border:1px solid #ffffff1c;color:#f5f3ef;font-size:.9rem}
.moderator .card .card-tools .owner-files-link{display:none}
.moderator .card .card-tools{position:static}
.moderator .card-owner-bottom{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.5rem;z-index:2}
.gallery .album-new-frame{width:55%;height:auto;aspect-ratio:120/96;max-width:7.5rem;flex:none}
@media(max-width:43.8rem){.gallery .album-tile>.album-open{padding:.4rem}
.gallery .album-title{font-size:.8rem}}
.gallery .card[data-card-actions=menu]>.card-top>.card-more,.gallery .album-tile[data-card-actions=menu]>.card-top>.card-more{margin-left:auto}
.moderator .card-owner-bottom .owner-files-link{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;height:1.8rem;width:auto;background:rgba(255,255,255,.07);border:1px solid #ffffff1c;border-radius:.4rem;font-size:.8rem}
.moderator .card-owner-bottom .owner-files-link svg{width:1rem;height:1rem}
@media(max-width:43.8rem){.file-type-filter{max-width:7rem;font-size:.8rem}
.album-visibility-control{max-width:9rem}}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,#f0643821 0%,#f064380e 45%,transparent 78%),#111111;opacity:0;animation:ambient-fade 24s linear infinite}
@keyframes ambient-fade{0%,100%{opacity:0}
50%{opacity:1}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}