/* Shared album picker. */

.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 #ffffff15;border-radius:.8rem;box-shadow:0 1rem 3rem #0009;overflow:auto;text-align:left}
.info-dialog::backdrop{background:rgba(0,0,0,.72)}
.info-dialog>.close{top:.7rem;right:.7rem;position:absolute}
.info-dialog h2{margin:0 2rem 1.5rem 0;font-size:1.3rem;line-height:1.4;font-weight:600}
.info-open{overflow:hidden}
@media (max-width:600px){.info-dialog{padding:2rem 1.4rem}}
@media (max-width:600px){
.info-dialog h2{font-size:1.2rem}}
.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;display:block;width:100%;padding:.7rem;font:400 .9rem Arial,Helvetica,sans-serif}
.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-dialog{width:min(28rem,calc(100vw - 2rem));padding:2rem;font:400 .9rem Arial,Helvetica,sans-serif}
.move-album-dialog h2{font-size:0.9rem;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}
@media (max-width:30rem){.move-album-dialog{padding:2rem 1rem 1.5rem}}
.move-album-dialog .form-error{color:#f58b6a}
.move-album-dialog .form-error:empty{display:none}
.studio-library [data-album-item].drop-target{border-color:#f3a039;box-shadow:0 0 0 .1rem #f3a039}

/* Shared foundation for the website and Studio. No CSS custom properties. */
:root{color-scheme:dark}
*{box-sizing:border-box}
input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.gallery{margin:24px 0;padding-bottom:64px}
.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}
.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}
.card-tools svg{width:20px;height:20px}
.flag-1,.card-tools .flag-1{color:#f3a039}
.flag-2,.card-tools .flag-2{color:#f06438}
.share-menu{position:fixed;z-index:60;width:250px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #ffffff15;border-radius:10px;background:#1b1b1b;box-shadow:0 12px 40px #0006}
.share-menu button{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left}
.share-menu svg{width:18px;height:18px;color:#c5b3a0}
@media(max-width:700px){
.card-tools{top:5px;right:5px;padding:2px;gap:0}
.card-tools svg{width:19px;height:19px}
.gallery{margin:16px 0}}
.gallery-toolbar>.small-button{white-space:nowrap}
.gallery-toolbar>.small-button svg{width:18px;height:18px}

.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}
@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){
.gallery-toolbar{gap:10px}
.card-select{top:5px;left:5px;width:24px;height:24px}
.card-select svg{width:16px;height:16px}}
.square.preview{position:relative}
.card-tools .ip-link,#lightbox-tools .ip-link{font-size:12px;font-weight:700;letter-spacing:.3px}
@media(max-width:400px){}
.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}
.scan-mark{display:inline-flex;align-items:center;justify-content:center;align-self:center}
@media(max-width:700px){
.moderator .card-tools svg{width:17px;height:17px}
}

@media(max-width:700px),(hover:none) and (pointer:coarse){
.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;white-space:nowrap}

.gallery:not(.moderator) .card-tools .card-delete{position:absolute;top:7px;right:7px}
}
@media(max-width:600px){
.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 #ffffff15;border-radius:10px;min-width:0;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;font-family:Arial,Helvetica,sans-serif}
.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}
.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;}

.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{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}
.card{position:relative;min-width:0;border-radius:10px;overflow:hidden;border:1px solid #ffffff15}
.card .square{background:transparent}
.gallery-toolbar .toolbar-button{display:inline-flex;align-items:center;justify-content:center;flex: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:#ffffff15}
.gallery-toolbar .admin-link{border-color:#555555}
.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 #ffffff15;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}
.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:Arial,Helvetica,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}
.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}
.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}
@media(prefers-reduced-motion:reduce){.gallery-section>summary svg{transition:none}}
.card-tools [data-share-image],.album-tile .album-share{background:color-mix(in srgb,#176dd8 80%,#000);color:#fff;border:0;border-radius:6px}
.card-tools [data-delete]{background:color-mix(in srgb,#f06438 80%,#000);color:#fff;border:0;border-radius:6px}
@media(min-width:701px){.album-tile .album-share{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}}
.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]{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
.album-name-row .album-delete{position:absolute;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 .album-tile .card-top .album-share{box-shadow: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}
.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%)}
.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 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 #ffffff15;background:rgba(255,255,255,.05);color:#f5f3ef}
.album-back svg{width:1.4rem;height:1.4rem}
.gallery #upload-panel .compact-dropzone{padding:55px 32px;padding-block:3rem}
.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{justify-content:center}
.gallery:not(.moderator) .card-tools .card-share{position:absolute;top:8px;right:8px;left:auto;transform: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}
.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-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;transform:none}
.gallery-page-button svg{width:1.2rem;height:1.2rem}
.gallery-load-status:empty{display:none}
.gallery-load-status{font-size:.9rem;color:#c5b3a0}
@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-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 .card-tools :is(.profile-link,.ip-link):hover{color:#f5f3ef}
#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;white-space:nowrap;transform:none}
#lightbox-tools .lightbox-cover-button svg{width:1.2rem;height:1.2rem;flex:none}
@media(max-width:43.8rem){
#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}
.gallery [data-batch-commands][hidden]{display:none}
.gallery .bulk-select .card-select{position:relative;inset:auto;flex:none;margin:0}
.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}
.gallery .batch-menu-toggle{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}
.action-menu{border-color:#ffffff15;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;filter:none;transform:none}
.action-menu .menu-delete{margin-top:.3rem;padding-top:.9rem;border-top:1px solid #ffffff15;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}

.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}
.gallery :is(.card,.album-tile)[data-card-actions="menu"] .card-more svg{width:1.2rem;height:1.2rem}
@media(max-width:700px){.gallery .batch-selection{display:flex;gap:.4rem;flex:none}
.gallery:not(.managed-page) .gallery-toolbar .batch-menu-toggle{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}}
.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{transform:none;filter:none}

@media(max-width:700px){

.gallery[data-thumbnail-size] .grid{gap:.5rem}
.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}}
@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{gap:.5rem;margin-left:.5rem}}
: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;white-space:nowrap;transform:none}
@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{border-left:1px solid #ffffff15}
.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}
@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}
.gallery:not(.managed-page) .gallery-toolbar .admin-link>#show-edit{margin-left:.2rem}}
.gallery-sort{position:relative;display:inline-flex;align-items:center;flex:none;margin:0;border:1px solid #ffffff15;background:rgba(255,255,255,.05);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}
@media(max-width:700px){.gallery:is([data-mode="mine"],[data-mode="collection"]){margin-top:.8rem}}
.gallery .card-top .card-album{flex:none;transform: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;filter:none;transform:none}
.gallery .card-top .admin-star svg,#lightbox-tools .admin-star svg{width:1.2rem;height:1.2rem}
.action-menu .admin-star-action[aria-pressed="true"]{color:#f3a039}
@media(max-width:700px){.gallery .card-top .admin-star{display:none}
.gallery .card .admin-star-menu{display:inline-flex;flex:none;margin:0}
.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 #ffffff15}
.card-studio-source{display:none!important}
.gallery .card .admin-star-menu:has(~ .card-studio-source){display:inline-flex;flex:none;margin:0}
.gallery .card .admin-star-menu:has(~ .card-studio-source) svg{width:1.2rem;height:1.2rem}

.card[data-card-actions=menu] :is(.file-name>[data-flag]){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}
.card[data-card-actions=menu] .card-more svg{width:1.3rem;height:1.3rem}
.file-list-info{display:none}
.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;font-family:Arial,Helvetica,sans-serif}}
.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}
.moderator .card-owner-bottom .owner-files-link svg{width:1rem;height:1rem}
@media(max-width:43.8rem){
.album-visibility-control{max-width:9rem}}

/* Controls and inputs */
body:not([data-member]) :is(select,.gallery-sort):not([data-file-name]):not(.album-title):not(.album-open):not(.preview):not(.media-list-sort):not(.batch-control){font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;line-height:1.3;font-weight:400}
body:not([data-member]) :is(.gallery-sort){display:inline-flex;align-items:center;justify-content:center;flex:none;gap:.7rem;height:2rem;min-height:2rem;padding:.3rem .6rem;border-radius:.4rem;white-space:nowrap}
body:not([data-member]) :is(.gallery-sort) svg{width:1.2rem;height:1.2rem;flex:none}
body:not([data-member]) .gallery-sort{width:max-content;min-width:max-content}
body:not([data-member]) .bulk-select{font:400 0.9rem/1.3 Arial,Helvetica,sans-serif}
body:not([data-member]) .profile-actions{gap:.7rem}
body input[type=checkbox]{appearance:none!important;display:inline-block!important;position:relative;flex:none;vertical-align:middle;width:1.1rem!important;height:1.1rem!important;min-width:1.1rem!important;min-height:1.1rem!important;max-width:1.1rem!important;max-height:1.1rem!important;margin:0!important;padding:0!important;border:1px solid #f3a039!important;border-radius:.3rem!important;background:#1b1b1b!important;box-shadow:none!important;cursor:pointer}
body input[type=checkbox]:checked,body input[type=checkbox]:indeterminate{background:#f3a039!important}
body .studio-library[data-library-mode=projects] input[type=checkbox]{border-color:#176dd8!important;accent-color:#176dd8}
body .studio-library[data-library-mode=projects] input[type=checkbox]:checked,body .studio-library[data-library-mode=projects] input[type=checkbox]:indeterminate{background:#176dd8!important}
body input[type=checkbox]:checked:after,body input[type=checkbox]:indeterminate:after{content:"";position:absolute;inset:0;background:#171717;mask:center/.9rem .9rem no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body input[type=checkbox]:indeterminate:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
body :is(.card-select,.admin-table-select){width:1.1rem!important;height:1.1rem!important;min-width:1.1rem!important;min-height:1.1rem!important;border-radius:.3rem!important;padding:0!important;flex:none;margin:0}
body :is(.card-select,.admin-table-select)>input{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;border:0!important;background:transparent!important}
body :is(.card-select,.admin-table-select)>input:after{display:none}
body :is(.card-select,.admin-table-select):has(input:disabled){opacity:.4;cursor:default}
body :is(.card-select,.admin-table-select)>input:disabled{opacity:1}
.gallery .card-select>span{position:relative;z-index:1}
body :is(.card-select,.admin-table-select) svg{width:.9rem!important;height:.9rem!important}
body input[type=checkbox]:disabled{opacity:.4;cursor:default}
body input[type=checkbox][hidden]{display:none!important}
.moderation-table{border-collapse:separate;border-spacing:0 .3rem}
.moderation-table-wrap{border:0;background:none;padding:0}
.moderation-table tr td:first-child{border-left:1px solid #ffffff15;border-radius:.4rem 0 0 .4rem}
.moderation-table tr td:last-child{border-right:1px solid #ffffff15;border-radius:0 .4rem .4rem 0}
.moderation-table tr:last-child td{border-bottom:1px solid #ffffff15}
.moderation-table .moderation-user-cell{gap:.7rem}
.moderation-table tr td .moderation-icon.studio-access,.moderation-table tr td .moderation-icon.studio-access:is(:hover,:active){align-items:center}
.moderation-table .moderation-row-actions{gap:.7rem}
.moderation-table .moderation-acknowledged{padding:0;margin:0;min-height:1.2rem}
@media(max-width:700px){
body:not([data-member]) .managed-page .managed-filter-row .managed-filters>.toolbar-button>span:not(.filter-count){display:none}
body:not([data-member]) .managed-page .gallery-sort{min-width:0;width:2rem;padding:.3rem}}
.upload-frame,.dropzone,.release-dropzone,.studio-entry.upload{border:1px dashed #404040;background:#ffffff0a;border-radius:.6rem}
:is(.upload-frame,.dropzone,.release-dropzone,.studio-entry.upload):is(.drag,.over){border-color:#505050;background:#ffffff12}
.gallery[data-thumbnail-size=list] :is(.grid,.album-grid){display:grid;grid-template-columns:1fr;gap:.3rem;overflow-x:auto}
.gallery[data-thumbnail-size=list] :is(.card-top,.file-name,.album-name-row){display:contents;padding:0;margin:0}
.gallery[data-thumbnail-size=list] :is(.card-select,.album-select){position:relative;top:auto;left:auto;grid-column:1;grid-row:1;align-self:center}
.gallery[data-thumbnail-size=list] :is(.preview,.album-open){grid-column:2;grid-row:1;width:3rem;height:2.4rem;min-height:0;aspect-ratio:auto;padding:0;align-self:center}
.gallery[data-thumbnail-size=list] :is(.preview img,.album-folder){width:3rem;height:2.4rem;max-width:none;object-fit:contain;transform:none;margin:0}
.gallery[data-thumbnail-size=list] :is([data-file-name],.album-title,.file-name-editor){grid-column:3;grid-row:1;min-width:0;max-width:100%;line-height:1.2;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0;margin:0}
.gallery[data-thumbnail-size=list] .file-list-info>*{white-space:nowrap}
.gallery[data-thumbnail-size=list] .card-top>.card-share{position:static;grid-column:5;grid-row:1}
.gallery[data-thumbnail-size=list] .card-more{position:static;grid-column:6;grid-row:1}
.gallery[data-thumbnail-size=list] :is(.card-tools,.file-name [data-flag]){display:none!important}
.gallery[data-thumbnail-size=list] .album-tile .card-more{position:static;grid-column:6;grid-row:1}
.gallery[data-thumbnail-size=list] .album-tile.album-new .album-new-frame{grid-column:2;width:3rem;height:2.4rem}
.gallery[data-thumbnail-size=list] .album-tile.album-new .album-new-frame svg{width:3rem;height:2.4rem}
.gallery[data-thumbnail-size=list] .album-tile.editing .album-name-input{grid-column:3;grid-row:1;min-width:0;height:2rem;margin:0}
.gallery.moderator[data-thumbnail-size=list] .preview{grid-column:3}
.gallery.moderator[data-thumbnail-size=list] :is([data-file-name],.file-name-editor){grid-column:4}
.gallery.moderator[data-thumbnail-size=list] .file-list-info{grid-column:5}
.gallery.moderator[data-thumbnail-size=list] .card-owner-bottom{display:flex;position:static;grid-column:6;grid-row:1;gap:.3rem;align-items:center;align-self:center;margin:0}
.gallery.moderator[data-thumbnail-size=list] .card-more{grid-column:8}
.file-name-editor{display:flex;align-items:center;gap:.3rem;min-width:0;flex:1}

.media-name-editor{display:flex;align-items:center;gap:.3rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0}
body .project-description>.media-name-editor{display:flex}
body .media-name-editor input.media-name-input[type=text]{display:block;box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;margin:0;padding:2px 5px;border:1px solid #ffffff15;border-radius:.4rem;background:#121212;color:#f5f3ef;font-family:inherit;font-size:12px;font-weight:400;line-height:1.2;text-align:left;box-shadow:none}
.media-name-extension{flex:none;color:#aaa;font-size:12px;white-space:nowrap}
body .media-name-editor input.media-name-input[type=text]{user-select:text;-webkit-user-select:text}
body :is(.file-name,.album-name-row,.media-card-bottom):has(>.media-name-editor){padding-top:0!important;padding-bottom:0!important}
body .gallery :is(.file-name,.album-name-row):has(>[data-file-name],>.album-title){padding-right:.5rem}

.gallery .card.selected{border-color:#ffffff15;box-shadow:none}
.gallery .album-tile.selected{border-color:#ffffff15;box-shadow:none}
.gallery .moderation-card.nsfw-status{border-color:#ff00ff}
.gallery .moderation-card.flag-status-1{border-color:#f3a039}
.gallery .moderation-card.flag-status-2{border-color:#f06438}
.gallery .moderation-card.nsfw-status.selected{border-color:#ff00ff}
.gallery .moderation-card.flag-status-1.selected{border-color:#ffb252}
.gallery .moderation-card.flag-status-2.selected{border-color:#ff7d54}
.gallery:not([data-thumbnail-size=list]) .card-top>.card-share,.gallery:not([data-thumbnail-size=list]) .album-tile .card-top>.card-share{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:2.7rem;top:.3rem}
.gallery .card-owner-bottom{position:static;display:flex;align-items:center;gap:.3rem;margin-left:auto;margin-right:4.7rem}
.gallery .card-owner-bottom .owner-files-link svg{width:1rem;height:1rem}
#lightbox-tools .owner-files-link{gap:.3rem;white-space:nowrap}
#lightbox-tools .owner-files-link svg{flex:none}
.gallery.moderator .card-top>[data-scan-unified]{position:static;flex:none}

.managed-page .admin-pagination,.gallery-pagination{padding:.3rem .6rem}
.moderation-table td{height:3rem;padding:.3rem .6rem;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;background:#0005;white-space:nowrap;line-height:1.2;vertical-align:middle}
.moderation-table .moderation-avatar{width:2.4rem;height:2.4rem;min-width:2.4rem;min-height:2.4rem}
.gallery.moderator .card>.card-tools{display:none}
.gallery .card-owner-bottom .owner-files-link{white-space:nowrap;gap:.2rem}
.gallery:not([data-thumbnail-size=list]) .card-top>.card-share,.gallery:not([data-thumbnail-size=list]) .card-top>.card-more{display:inline-flex;position:static;flex:none;margin:0;transform:none}
.gallery:not([data-thumbnail-size=list]) .card-top>.card-share{margin-left:auto}
.gallery:not([data-thumbnail-size=list]) .card-top>.card-select{position:relative;top:auto;left:auto;flex:none}
.gallery.moderator:not([data-thumbnail-size=list]) .moderation-card{grid-template-rows:auto minmax(0,1fr) 2.2rem}
.gallery.moderator:not([data-thumbnail-size=list]) .moderation-card>.card-top{min-height:2.2rem;gap:.2rem;padding:.3rem .4rem}
.gallery.moderator:not([data-thumbnail-size=list]) .card-top>.admin-star{position:static;flex:none;margin:0}
.gallery.moderator:not([data-thumbnail-size=list]) .card-owner-bottom{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;margin:0}
.gallery .owner-files-link span{overflow:hidden;text-overflow:ellipsis;min-width:0}
@container(min-width:14rem){.gallery.moderator:not([data-thumbnail-size=list]) .card-owner-bottom{flex-direction:row;justify-content:flex-end}}
.gallery.moderator:is([data-thumbnail-size=xsmall],[data-thumbnail-size=small]) .moderation-card{grid-template-rows:auto minmax(0,1fr) 1.5rem}
.gallery.moderator:is([data-thumbnail-size=xsmall],[data-thumbnail-size=small]) .card-top{position:static;gap:0;padding:.2rem}
.gallery.moderator:is([data-thumbnail-size=xsmall],[data-thumbnail-size=small]) .card-owner-bottom{position:absolute;right:.3rem;bottom:1.8rem;max-width:calc(100% - .6rem);flex:none;flex-direction:column;align-items:flex-end;gap:.2rem;margin:0;pointer-events:none}
.gallery.moderator:is([data-thumbnail-size=xsmall],[data-thumbnail-size=small]) .card-owner-bottom .owner-files-link{pointer-events:auto}
@media(max-width:30rem){body .gallery.moderator:is([data-thumbnail-size=xsmall],[data-thumbnail-size=small]) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery.moderator[data-thumbnail-size=list] .gallery-sort:has(option[value=nsfw_desc]){display:inline-flex!important}
.gallery-list-heading{display:none}
.gallery-list-heading>span:first-child{font-size:.7rem;font-family:Arial,Helvetica,sans-serif}

.album-list-info{display:none}
.gallery[data-thumbnail-size=list] .album-new{cursor:pointer}
.profile-deletion{margin-top:2rem;padding-top:1rem;border-top:1px solid #ffffff15}
.profile-deletion h2{font-size:0.9rem;margin:0 0 .7rem;font-family:Arial,Helvetica,sans-serif}
.profile-delete-confirmation{width:100%;margin:.7rem 0;border:1px solid #404040;border-radius:.4rem;background:#121212;color:#fff;padding:.5rem;font:inherit}

.gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)[data-card-actions=menu]>.card-top>.card-tools{display:none}
.gallery:not([data-thumbnail-size=list]) .card-top>.card-more{margin:0!important}
.gallery:not([data-thumbnail-size=list]) .card-top:not(:has(>.card-share))>.card-more{margin-left:auto!important}

:is(.share-menu,.action-menu,.batch-menu,.profile-avatar-menu) :is(a):is(:hover,:active,:focus,:focus-visible){border:0;box-shadow:none}
:is(.album-title,[data-file-name]):is(:hover,:active,:focus,:focus-visible){border:0;box-shadow:none}
@media(min-width:701px){
body:not([data-member]) .admin-pagination input{height:1.4rem;min-height:1.4rem;padding:.1rem .3rem;font-size:.8rem}
}

.card.touch-dragging{touch-action:none;opacity:.7}
.touch-drag-count{position:fixed;z-index:5000;pointer-events:none;background:#1b1b1b;color:#fff;border:1px solid #f3a039;border-radius:.4rem;padding:.4rem .6rem;font-size:.9rem}

body:not([data-input-mode=keyboard]) :is(a,input,select,textarea,summary,[tabindex]):focus,body :is(a,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){box-shadow:none}
/* Shared select options reuse the batch/card menu surface. */
body select:not([multiple]),body select:not([multiple]) option{color-scheme:dark;color:#f5f3ef}
body select:not([multiple]) option{background-color:#202020}
body .select-options-menu{position:fixed;z-index:10000;overflow:auto;border:1px solid #ffffff15;border-radius:10px;padding:6px;background:radial-gradient(ellipse at 50% 58%,#176dd829 0%,#176dd812 45%,transparent 78%),#111;box-shadow:0 12px 40px #0006}
body .select-options-menu button{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:0;text-align:left;white-space:normal}
.select-option-check{display:flex;flex:none}
.select-option-check svg{width:1.2rem;height:1.2rem;color:#f5f3ef}


.studio-library .album-visibility-control{width:auto;min-width:4.5rem;max-width:15rem;height:2rem;min-height:2rem;padding:.3rem .6rem;background:#202020;color:#f5f3ef;border:1px solid #404040;border-radius:.4rem;font:inherit}
.gallery .album-visibility-control{width:8rem;min-width:0;max-width:8rem;flex:0 0 8rem;align-self:center;height:2rem;min-height:2rem;margin:0;padding:.3rem .6rem;background:#202020;color:#f5f3ef;border:1px solid #404040;border-radius:.4rem;font:inherit}

body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select):not(:where(.media-name-input,.album-name-input,.layer-name-input,.profile-field-editor>input,.profile-field-editor>textarea,[data-browser-batch],[data-recent-batch],.align-reference1512>select)){background:#0004;border:1px solid #ffffff15;border-radius:.4rem;color:#f5f3ef}
body input:-webkit-autofill:not([type=checkbox]):not([type=radio]){box-shadow:0 0 0 1000px #151515 inset!important;-webkit-text-fill-color:#f5f3ef;caret-color:#f5f3ef}
.file-drop-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:2rem;background:rgba(0,0,0,.78);pointer-events:none}
.file-drop-overlay[hidden]{display:none}
.file-drop-overlay:after{content:"";position:absolute;inset:4px;border:1px dashed #707070;border-radius:.7rem}
.file-drop-content{text-align:center;color:#f5f3ef;max-width:34rem}
.file-drop-content img{display:block;width:5rem;height:5rem;object-fit:contain;margin:0 auto 1.5rem}
.file-drop-content p{margin:0;font:400 .9rem/1.5 Arial,Helvetica,sans-serif}
body.home-upload-drag main>#dropzone>:is(.upload-symbol,.upload-prompt){position:relative;z-index:1201}

/* Normal controls share a surface and a subtle hover. Menu contents keep their own styles. */
/* Batch fields reserve the actual width of the maximum label, rather than extra empty space. */
body .button.batch-control:not([hidden]){position:relative;box-sizing:border-box;display:inline-grid;grid-template-columns:max-content 1rem;grid-template-rows:1fr;align-items:center;justify-content:start;flex:none;width:max-content;min-width:0;max-width:none;height:2rem;min-height:2rem;margin:0;padding:.3rem .6rem;gap:.4rem;border:1px solid #ffffff15;border-radius:.4rem;background:#0004;color:#f5f3ef;font:400 .9rem Arial,Helvetica,sans-serif;white-space:nowrap;opacity:1;transform:none;transition:none;box-shadow:none}
.batch-control:before{content:"Med valgte (999)";grid-column:1;grid-row:1;visibility:hidden;pointer-events:none}
.batch-control :is(.batch-label-desktop,.batch-label-mobile,.batch-caption){grid-column:1;grid-row:1;text-align:left}
body .gallery .batch-control>svg,body .studio-browser-actions .batch-control>svg,body .studio-recent-tools .batch-control>svg{grid-column:2;grid-row:1;display:block;width:1rem;height:1rem;margin:0;color:inherit}
body .button.batch-control:is(:disabled,:has(>select:disabled)){opacity:1;background:#1b1b1b;border-color:#ffffff15;color:#999;cursor:default}
body .studio-library .studio-library-filters .batch-select-control>select{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
body .studio-library .studio-library-filters .batch-select-control>select:disabled{cursor:default}
/* Sorting and filtering icons sit outside the field on both surfaces. */
body .list-sort-control,body .managed-page .gallery-sort.list-sort-control,body .gallery .gallery-sort.list-sort-control,body .gallery.managed-page .managed-action-row .gallery-sort.list-sort-control:not(.moderation-view){display:inline-flex;align-items:center;justify-content:start;flex:none;gap:.7rem;width:auto;min-width:0;height:2rem;margin:0 0 0 .5rem;padding:0;border:0;background:transparent;color:#929292}
body .list-sort-control:hover{background:transparent;border:0}
body .managed-page .list-sort-control>select,body .gallery .list-sort-control>select,body .studio-library .studio-library-filters .list-sort-control>select{position:static;inset:auto;opacity:1;flex:none;width:auto;min-width:0;height:2rem;min-height:2rem;margin:0;padding:.3rem .6rem;border:1px solid #ffffff15;border-radius:.4rem;background:#0004;color:#f5f3ef;font:400 .9rem Arial,Helvetica,sans-serif;cursor:pointer}
body .studio-library .studio-library-filters .studio-library-project-filter{display:inline-flex;align-items:center;flex:none;gap:.7rem;margin:0}
.studio-overview-filters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.7rem;margin-left:auto}
body .studio-library .studio-library-filters :is(.list-sort-control,.studio-library-project-filter):not(:has(>select:not([hidden]))){display:none}
body :is(.list-sort-control,.studio-library-project-filter)>.filter-marker{display:flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;color:#929292}
body :is(.list-sort-control,.studio-library-project-filter)>.filter-marker svg{width:1.2rem;height:1.2rem}
body .gallery.managed-page .managed-action-row .list-sort-control>.filter-marker{display:flex}
body .managed-page .list-sort-control>.filter-marker{display:flex}
body .button.batch-control :is(.batch-label-desktop,.batch-label-mobile){font:inherit}

/* Focus must not draw a ring, including native browser focus styles. */
body :focus{outline:0!important}

/* Confirmation shown after file selection and before uploading. */
.upload-consent-dialog{width:min(32rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:1.5rem;border:1px solid #ffffff15;border-radius:.7rem;background:radial-gradient(ellipse at 50% 58%,#176dd818,transparent 78%),#111;color:#f5f3ef;box-shadow:0 .8rem 3rem #0009;overflow:auto}
.upload-consent-dialog::backdrop{background:#000b}
.upload-consent-dialog h2{margin:0 0 .8rem;font-size:1.2rem}
.upload-consent-dialog p{margin:0;line-height:1.5}
.upload-consent-dialog a{color:#f3a039;text-decoration:underline}
.upload-consent-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
body[data-member] .upload-consent-dialog{background:#1b1b1b}

.auth .auth-terms{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;font-weight:400;line-height:1.5}
.auth .auth-terms input[type=checkbox]{flex:none;margin:.2rem 0 0}
.auth .auth-terms span{min-width:0}

/* Shared list layout */
/* One list geometry, shared by Mine bilder and every Studio browser. */
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) :is(.media-list-row.media-list-row,.media-list-heading.media-list-heading){display:grid;grid-template-columns:1.2rem 3rem minmax(10rem,1fr) 30rem 6rem 4.6rem;grid-template-rows:2.4rem;align-items:center;column-gap:1.2rem;row-gap:0;min-width:62rem;min-height:3rem;height:auto;aspect-ratio:auto;padding:.3rem .6rem;margin:0;box-sizing:border-box;text-align:left}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-heading.media-list-heading{grid-template-rows:auto;min-height:0;padding:.2rem calc(.6rem + 1px);border:0;background:none;border-radius:0;font-size:.8rem;color:#aaa;font-family:Arial,Helvetica,sans-serif}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-select.media-list-select{grid-column:1;grid-row:1;position:relative;top:auto;left:auto;justify-self:start;align-self:center;margin:0}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-mark.media-list-mark{grid-column:1;grid-row:1;position:static;justify-self:end;margin:0}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-thumb.media-list-thumb{grid-column:2;grid-row:1;position:static;width:3rem;height:2.4rem;min-height:0;max-width:none;aspect-ratio:auto;object-fit:contain;padding:0;margin:0}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-name.media-list-name{grid-column:3;grid-row:1;min-width:0;max-width:100%;padding:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;line-height:1.2}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-meta.media-list-meta{display:grid;grid-column:4;grid-row:1;grid-template-columns:3rem 6rem 5rem 6rem 6rem;gap:1rem;align-items:center;justify-content:normal;margin:0;padding:0;font-size:.8rem;line-height:1.2;color:#c5b3a0;text-align:left;min-width:0}
.media-list-meta.media-list-meta>*{min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}
.media-list-album-meta>*:first-child{grid-column:1 / span 2}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-owner.media-list-owner{grid-column:5;grid-row:1;margin:0;position:static;justify-self:end}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-share.media-list-share{grid-column:6;grid-row:1;justify-self:start;margin:0}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-menu.media-list-menu{grid-column:6;grid-row:1;justify-self:end;position:static;top:auto;right:auto;margin:0;transform:none;width:1.8rem;height:1.8rem;min-width:1.8rem;min-height:1.8rem;padding:.2rem;background:transparent;border:0}
.media-list-menu svg{width:1.2rem;height:1.2rem}
.media-list-sort,.media-list-sort:is(:hover,:active,:focus,:focus-visible){display:inline-flex;align-items:center;justify-content:flex-start;gap:.3rem;margin:0;white-space:nowrap}
.media-list-sort svg{width:.6rem;height:.6rem;fill:currentColor;flex:none;opacity:.35}
.media-list-sort.active svg{opacity:1}
.media-list-sort svg.descending{transform:rotate(180deg)}
.gallery[data-thumbnail-size=list] .gallery-sort,.studio-library[data-size=list] .list-sort-control{display:none!important}
.gallery[data-thumbnail-size=list] :is(.grid,.album-grid),.studio-library[data-size=list] .studio-library-grid,.studio-recent-list[data-size=list]{display:grid;grid-template-columns:1fr;gap:.3rem;overflow-x:auto}
.studio-recent-list[data-size=list] .studio-recent-item{margin:0}

.studio-recent-list[data-size=list] .studio-recent-item>.media-list-row{padding-right:.6rem}

.studio-library select,.studio-library select option{background:#202020;color:#f5f3ef}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-heading .media-list-thumb.media-list-thumb{width:auto;height:auto;min-height:0}
.studio-library select{color-scheme:dark}

.list-select-control{background:#202020;color:#f5f3ef;border:1px solid #404040;border-radius:.4rem;height:2rem;min-height:2rem;padding:.3rem .6rem;color-scheme:dark}
.list-select-control option{background:#202020;color:#f5f3ef}
body .media-list-heading .media-list-sort,body .media-list-heading .media-list-sort:is(:hover,:active,:focus,:focus-visible){margin:0}

body .media-list-heading.media-list-heading{font-size:.8rem;font-family:Arial,Helvetica,sans-serif;font-weight:400}

/* Marked moderation rows reserve their extra action; ordinary rows do not. */
body .gallery.moderator[data-thumbnail-size=list] :is(.media-list-row.media-list-row,.media-list-heading.media-list-heading){grid-template-columns:3.6rem 3rem minmax(10rem,1fr) 30rem 6rem 4.6rem}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select.media-list-without-select{grid-template-columns:3rem minmax(10rem,1fr) 30rem 6rem 4.6rem}
body .media-list-without-select .media-list-select{display:none}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select .media-list-thumb.media-list-thumb{grid-column:1}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select .media-list-name.media-list-name{grid-column:2}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select .media-list-meta.media-list-meta{grid-column:3}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select .media-list-owner.media-list-owner{grid-column:4}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list],.studio-recent-list[data-size=list]) .media-list-without-select :is(.media-list-share.media-list-share,.media-list-menu.media-list-menu){grid-column:5}

/* Shared cards and responsive thumbnails */
/* One thumbnail-card structure. Lists retain their separate shared row layout. */
body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile),
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card{
 display:grid;align-items:stretch;justify-items:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:2.2rem minmax(0,1fr) 2.2rem;gap:0;padding:0;aspect-ratio:1;min-width:0;min-height:0;border-radius:10px;overflow:hidden;text-align:left
}
body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)>.card-top,
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.media-card-top{
 grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:0;padding:5px 8px;border-bottom:1px solid #ffffff0d
}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .media-card-top>.studio-browser-check{position:relative;inset:auto;margin:0;flex:none}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.media-card-preview{
 grid-row:2;display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;aspect-ratio:auto
}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .media-card-preview>img{display:block;width:100%;height:100%;max-width:none;min-height:0;object-fit:contain}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.album-visual{display:flex;align-items:center;justify-content:center}
body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)>:is(.file-name,.album-name-row),
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.media-card-bottom{
 grid-row:3;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;position:relative;min-width:0;min-height:0;height:100%;margin:0;border-top:1px solid #ffffff0d
}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.media-card-bottom{padding:8px}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .media-card-bottom>strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:400}
body :is(.studio-library:not([data-size=list]),.studio-recent-list:not([data-size=list])) .studio-media-card>.album-browser-info{display:none}
/* Slot wrappers disappear in lists, so the existing shared columns stay intact. */
body .studio-library[data-size=list] .studio-media-card>:is(.media-card-top,.media-card-bottom){display:contents}
@media(max-width:700px){
 body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile){grid-template-rows:40px minmax(0,1fr) 44px}
 body .gallery:is([data-thumbnail-size=small],[data-thumbnail-size=xsmall]) :is(.card,.album-tile){grid-template-rows:2rem minmax(0,1fr) 1.5rem}
 body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)>.card-top{padding-top:3px;padding-bottom:3px}
 body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)>:is(.file-name,.album-name-row){padding-top:5px;padding-bottom:5px}
}

/* Shared folder artwork and previews for gallery and Studio albums. */
.album-folder{position:relative;display:block;width:55%;height:auto;aspect-ratio:120/85;margin-top:0;max-width:7.5rem;flex:none;border-radius:5px;background:linear-gradient(135deg,#f3a039,color-mix(in srgb,#f06438 80%,#000))}
.album-folder:before{content:"";position:absolute;top:-11.8%;left:0;width:40%;height:21.2%;background:#f3a039;border-radius:5px 5px 0 0}
body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) .album-folder img{position:absolute;width:44.2%;height:62.4%;object-fit:cover;background:repeating-conic-gradient(#333 0% 25%,#444 0% 50%) 0 0/.5rem .5rem;border:2px solid #eee;left:26.7%;top:18.8%;transform:rotate(-12deg)}
body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) .album-folder img:nth-child(2){transform:rotate(5deg);left:35.8%}
body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) .album-folder img:nth-child(3){transform:rotate(15deg);left:44.2%}
body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) .album-folder img.album-cover-image{width:62%;height:70%;left:19%;top:15%;transform:none;object-fit:cover}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list]) .album-folder{width:3rem;height:2.4rem;max-width:none;margin:0}
body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(5,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(7,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=large],.studio-library[data-size=large]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:701px) and (max-width:1279px){body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(4,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(6,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=large],.studio-library[data-size=large]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:1119px){body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:1039px){body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(4,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=large],.studio-library[data-size=large]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:849px){body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=large],.studio-library[data-size=large]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){body :is(.gallery[data-thumbnail-size],.studio-library[data-size]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=small],.studio-library[data-size=small]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
body :is(.gallery[data-thumbnail-size=large],.studio-library[data-size=large]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(1,minmax(0,1fr))}
}
body :is(.gallery[data-thumbnail-size=list],.studio-library[data-size=list]) :is(.grid,.album-grid,.studio-library-grid){grid-template-columns:repeat(1,minmax(0,1fr))}

/* Extra-small thumbnails share one responsive column count across all overviews. */
body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(9,minmax(0,1fr))}
@media(max-width:79.9rem){body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:69.9rem){body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:64.9rem){body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:53rem){body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:43.8rem){body :is(.gallery[data-thumbnail-size=xsmall],.studio-library[data-size=xsmall]) :is(.grid,.album-grid,.studio-library-grid),body .studio-recent-list[data-size=xsmall]{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* The image element follows its canvas; the surrounding card keeps its ordinary background. */
body :is(.gallery,.gallery[data-thumbnail-size],.studio-library[data-size],.studio-recent-list[data-size]) :is(.card,.studio-media-card) :is(.preview,.media-card-preview,.project-preview){container-type:size;display:flex;align-items:center;justify-content:center;background-image:none}
body :is(.gallery,.gallery[data-thumbnail-size],.studio-library[data-size],.studio-recent-list[data-size]) :is(.card,.studio-media-card) :is(.preview,.media-card-preview,.project-preview)>img[data-canvas-thumbnail]{display:block;flex:none;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;background:repeating-conic-gradient(#333 0% 25%,#444 0% 50%) 0 0/.5rem .5rem}
body .studio-panel-group .layer-row:not(.adjustment-layer) img.layer-thumb{min-height:0}

/* Inline content editing */
.content-edit-toggle{flex:none;margin:0 auto 0 1rem;white-space:nowrap}
.content-edit-toggle[hidden]{display:none}
.content-edit-toggle[aria-pressed=true]{background:#3c3c3c;color:#fff}
[data-content-editing]{display:inline;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;background:transparent;border:0;outline:0!important;box-shadow:none;padding:0;margin:0;white-space:pre-wrap;cursor:text}
.content-edit-pencil{position:fixed;z-index:200;display:block;width:1rem;height:1rem;color:#f3a039;pointer-events:none}
.content-edit-pencil svg{display:block;width:100%;height:100%}
.content-edit-status{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:210;max-width:calc(100vw - 2rem);padding:.6rem 1rem;border-radius:.4rem;background:#242424;color:#fff;font:.9rem/1.4 Arial,sans-serif;box-shadow:0 .3rem 1rem #0006}
.content-history article{padding:1rem 0;border-bottom:1px solid #ffffff15;overflow-wrap:anywhere}
.content-history h2{font-size:.9rem;margin-bottom:.4rem;font-family:Arial,Helvetica,sans-serif}
.content-history-version{padding:.8rem 0}
.content-history-version p{white-space:pre-wrap}
@media(max-width:50rem){.content-edit-toggle{margin:.3rem 0}.content-edit-toggle span{font-size:.8rem}}

.content-history>.button-row{display:flex;align-items:center;gap:.6rem;margin-top:1rem}

/* Buttons: one base, explicit appearance and size modifiers.
   Use .button on buttons and links that act as buttons.
   Sizes: .big, .small, .tiny. Colours: .yellow, .blue, .red, .rose.
   Shapes: .icon, .text, .flat, .bare, .menu-item, .badge, .field, .surface.
   .wide fills its parent; .wide-icon accommodates a landscape icon.
   Location classes and data attributes arrange components and bind actions.
   Do not add button appearance to page styles or introduce CSS custom properties.
*/
body .button{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-weight:400;cursor:pointer;touch-action:manipulation}
body .button:not(.surface){display:inline-flex;align-items:center;justify-content:center;gap:.7rem;flex:none;min-width:0;width:auto;height:2rem;min-height:2rem;max-height:none;margin:0;padding:.3rem .6rem;border:1px solid #ffffff15;border-radius:.4rem;background:rgba(255,255,255,.05);color:#fff;font-size:.9rem;line-height:1.3;white-space:nowrap;box-shadow:none;text-shadow:none;transition:none;opacity:1}
body .button:not(.surface):not(:where(.bare,.menu-item)):not(:disabled):hover{background:#3c3c3c;color:#fff}
body .button.big{height:2.2rem;min-height:2.2rem;padding:.4rem .6rem;gap:.3rem}
body .button.small{height:1.8rem;min-height:1.8rem;padding:.2rem .4rem;font-size:.8rem}
body .button.tiny{height:1.5rem;min-height:1.5rem;padding:.1rem .3rem;font-size:.8rem;border-radius:.3rem}
body .button.icon{width:2rem;min-width:2rem;max-width:2rem;padding:.3rem}
body .button.icon.big{width:2.2rem;min-width:2.2rem;max-width:2.2rem;padding:.4rem}
body .button.icon.small{width:1.8rem;min-width:1.8rem;max-width:1.8rem;padding:.2rem}
body .button.icon.tiny{width:1.5rem;min-width:1.5rem;max-width:1.5rem;padding:.1rem}
body .button:where(:not(.surface):not(.text))>svg{width:1.2rem;height:1.2rem;flex:none}
body .button.icon.tiny>svg{width:1rem;height:1rem}
body .button.flat{background:transparent;border-color:transparent}
body .button.text{height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;color:inherit}
body .button.text:not(:disabled):hover{background:transparent;color:inherit}
body .button.yellow,body .button.yellow:not(:disabled):hover{background:#f3a039;border-color:#f3a039;color:#171717}
body .button.blue{background:color-mix(in srgb,#176dd8 80%,#000);border-color:transparent;color:#fff}
body .button.blue:not(:disabled):hover{background:color-mix(in srgb,#176dd8 85%,#000);color:#fff}
body .button.red,body .button.red:not(:disabled):hover{background:#f06438;border-color:#f06438;color:#fff}
body .button:not(.surface):not(.menu-item):not(.bare):not(.text):not(.yellow):not(.blue):not(.red):not(.rose):is(:active,.active,.current,[aria-pressed=true],[aria-selected=true]){background:#3c3c3c;border-color:#ffffff15}
body .button:is(:disabled,[aria-disabled=true]){opacity:.6;cursor:default}
body .button.field{background:#0004;color:#f5f3ef}
body .button.field:is(:disabled,:has(>select:disabled)){opacity:1;background:#1b1b1b;color:#999;cursor:default}
body .button.badge{width:auto;max-width:none;min-width:0;gap:.2rem;background:#1b1b1b;border-color:#ffffff15;font-size:.7rem;white-space:nowrap}
body .button.menu-item{display:flex;justify-content:flex-start;width:100%;max-width:none;height:auto;min-height:2rem;padding:.5rem .7rem;border:0;border-radius:.3rem;background:transparent;text-align:left;white-space:normal;color:#fff}
body .button.menu-item.compact{min-height:1.8rem;padding:.4rem .6rem}
body .button.wide{width:100%;max-width:none}
body .button.surface{cursor:pointer}
body .button[hidden]{display:none!important}

body .button.icon.wide-icon{width:2.8rem;min-width:2.8rem;max-width:2.8rem}
body .button.big>svg{width:1.1rem;height:1.1rem}
body .button.icon.wide-icon>svg{width:1.8rem;height:1.2rem}

body .button.badge.tiny{height:1.4rem;min-height:1.4rem;padding:.1rem .2rem;font-size:.7rem}
body .button.rose,body .button.rose:not(:disabled):hover{background:#9b617a;border-color:#555;color:#fff}
body .button.muted{color:#7c7c7c}
body .button.yellow-text,body .button.yellow-text:not(:disabled):hover{color:#f3a039}
body .button.red-text,body .button.red-text:not(:disabled):hover{color:#f06438}
body .button.icon.badge{width:auto;min-width:0;max-width:none}

body .button.field:has(>select:disabled):hover{opacity:1;background:#1b1b1b;color:#999;cursor:default}

body .button.padded{padding:.7rem 1rem}

/* Tool and layer-action variants preserve the Studio geometry. */
body .button.tool{width:100%;min-width:0;max-width:none;height:auto;min-height:0;aspect-ratio:1;padding:.3rem;border:1px solid #ffffff15;border-radius:.3rem}
body .button.tool>svg{width:1.4rem;height:1.4rem}
body .button.tool.compact{width:2rem;min-width:2rem;height:2rem;min-height:0;padding:0;line-height:0}
body .button.tool.compact>svg{width:1.2rem;height:1.2rem}
body .button.layer-action{gap:.4rem;line-height:normal;width:1.8rem;min-width:1.8rem;max-width:1.8rem;height:1.8rem;min-height:1.8rem;padding:.3rem}
body .button.layer-action.compact{width:1.5rem;min-width:1.5rem;max-width:1.5rem;height:1.5rem;min-height:1.5rem;padding:.1rem}

body .button.tool{font-size:.8rem;line-height:normal;gap:.4rem}
body .button.tool.compact{line-height:0}
body .button.layer-action.icon{padding:.3rem;max-width:none;gap:.4rem;line-height:normal}
body .button.layer-action.icon.compact{padding:.1rem}
/* Card actions are bare in every state, including while their menu is open. */
body .button.bare,body .button.bare:is(:hover,:active,:focus,.active,[aria-expanded=true]){background:transparent;border:0;box-shadow:none}
body .card-top>.card-share{margin-left:auto}
body .card-top:has(>.card-share)>.card-more{margin-left:0}
body .gallery:not([data-thumbnail-size=list]) :is(.card,.album-tile)>.card-top{column-gap:.1rem}
.album-rename-command{display:none!important}
/* Quiet interaction surfaces for every dropdown menu. */
body .button.menu-item:is(:hover,:active,:focus-visible,.menu-option-current,[aria-selected=true],[aria-pressed=true]){background:#ffffff0d;border-color:transparent;box-shadow:none}
body .button.menu-item:is([aria-selected=true],[aria-pressed=true]){background:#ffffff0d}
body .button.menu-item.red-text{color:#f06438}
:is(.share-menu,.action-menu,.studio-section-menu,.studio-menu-list,.profile-avatar-menu) .menu-delete-divider{display:block;height:0;margin:.3rem 0;border:0;border-top:1px solid #ffffff15}

h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif}

/* Media surfaces use the same neutral paint and interaction state as buttons. */

body :is(.gallery .card,.gallery .album-tile,.studio-media-card,.studio-project-row,.studio-document-tab){background:rgba(255,255,255,.05)}

body :is(.gallery .card,.gallery .album-tile,.studio-media-card,.studio-project-row,.studio-document-tab):is(:hover,.selected,[aria-selected=true]),body .studio-document-tab.active{background:#3c3c3c}

body :is(.gallery .card,.gallery .album-tile,.studio-media-card,.studio-project-row) :is(.preview,.media-card-preview,.project-preview,.media-card-top,.media-card-bottom,.card-top,.file-name,.album-name-row){background-color:transparent}


/* The input keeps a comfortable hit area around the three-pixel track. */

body input.range-control[type=range]{appearance:none;-webkit-appearance:none;height:1rem;min-height:1rem;padding:0;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 3px;background-position:center;box-shadow:none;cursor:ew-resize}

body input.range-control[type=range]::-webkit-slider-runnable-track{height:3px;border:0;border-radius:0;background:transparent;box-shadow:none}

body input.range-control[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:13px;margin-top:-5px;border:0;border-radius:0;background:#aaa;box-shadow:none}

body input.range-control[type=range]::-moz-range-track{height:3px;border:0;border-radius:0;background:transparent}

body input.range-control[type=range]::-moz-range-progress{height:3px;border:0;border-radius:0;background:#f3a039}

body input.range-control[type=range]::-moz-range-thumb{width:4px;height:13px;border:0;border-radius:0;background:#aaa;box-shadow:none}