body:not([data-member]) :is(button,select,.button,.toolbar-button,.small-button,.page-button,.utility,.upload-button,.gallery-sort,.moderation-sort,.moderation-tab,.moderation-filter,.owner-files-link,.profile-save,.profile-preview-button):not([data-file-name]):not(.album-title):not(.album-open):not(.preview):not(.media-list-sort){font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;line-height:1.3;font-weight:400}
body:not([data-member]) :is(.button,.primary,.small-button,.toolbar-button,.utility,.upload-button,.profile-save,.profile-preview-button,.moderation-tab,.moderation-filter,.batch-menu-toggle,.gallery-sort,.page-button,.moderation-sort,.mini,.moderation-icon,.thumbnail-size,.danger,.add-images,.undo-action){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(.gray-button,.toolbar-button,.utility,.profile-preview-button){background:rgba(255,255,255,.07);border:1px solid #454545;color:#f5f3ef}
body:not([data-member]) :is(.yellow-button,.primary,.small-button,.upload-button,.profile-save,.add-images){background:#f3a039;border:1px solid #f3a039;color:#171717}
body:not([data-member]) :is(.icon-button,.thumbnail-size,.moderation-icon,.mini,.icon,.page-button:has(>svg),.profile-avatar-menu-button,.profile-edit,.profile-confirm){display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;padding:.3rem}
body:not([data-member]) :is(.icon-button.button-small,.profile-edit,.profile-confirm){padding:.2rem}
body:not([data-member]) :is(#choose){padding:.7rem 1rem}
body:not([data-member]) :is(.button,.primary,.small-button,.toolbar-button,.utility,.upload-button,.profile-save,.profile-preview-button,.moderation-tab,.moderation-filter,.batch-menu-toggle,.gallery-sort,.page-button,.moderation-sort,.mini,.moderation-icon,.thumbnail-size,.danger,.add-images,.undo-action) svg{width:1.2rem;height:1.2rem;flex:none}
body:not([data-member]) :is(.profile-edit,.profile-confirm) svg{width:1.1rem;height:1.1rem}
body:not([data-member]) :is(.batch-menu-toggle,.gallery-sort){width:max-content;min-width:max-content}
body:not([data-member]) .batch-menu-toggle{min-width:9rem}
body:not([data-member]) .bulk-select{font:400 0.9rem/1.3 Arial,Helvetica,sans-serif}
body:not([data-member]) .moderation-icon.studio-access{width:auto;max-width:none;min-width:4rem}
body:not([data-member]) #choose{gap:.7rem;min-width:0}
body:not([data-member]) .profile-actions{gap:.7rem}
body:not([data-member]) .profile-text-link{font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;line-height:1.3;padding:.3rem 0;min-height:2rem}
body:not([data-member]) :is(.toolbar-button,.moderation-tab,.moderation-filter).active{background:#2c2c2c;border-color:#555555;color:#f5f3ef}
body:not([data-member]) :is(.toolbar-button,.moderation-filter):disabled{color:#7c7c7c;background:#1b1b1b;border-color:#383838}
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}
body input[type=checkbox]:focus-visible{outline:2px solid #f3a039;outline-offset:3px}
.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 #383838;border-radius:.4rem 0 0 .4rem}
.moderation-table tr td:last-child{border-right:1px solid #383838;border-radius:0 .4rem .4rem 0}
.moderation-table tr:last-child td{border-bottom:1px solid #383838}
.moderation-table .moderation-user-cell{gap:.7rem}
.moderation-table tr td :is(.moderation-icon,.moderation-icon:is(:hover,:active)){width:1.8rem;height:1.8rem;min-height:1.8rem;min-width:1.8rem;padding:0 .2rem;line-height:1}
.moderation-table tr td .moderation-icon.studio-access,.moderation-table tr td .moderation-icon.studio-access:is(:hover,:active){width:auto;min-width:4rem;padding:0 .2rem;font-size:.8rem!important;font-weight:700!important;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{width:2rem;padding:.3rem}
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}}
body:not([data-member]) :is(.button,.primary,.small-button,.toolbar-button,.utility,.upload-button,.profile-save,.profile-preview-button,.moderation-tab,.moderation-filter,.batch-menu-toggle,.gallery-sort,.page-button,.moderation-sort,.mini,.moderation-icon,.thumbnail-size,.danger,.add-images,.undo-action,.icon):not(:disabled):hover{background:#121212;border-color:#454545}
body:not([data-member]) :is(.toolbar-button,.moderation-tab,.moderation-filter,.thumbnail-size).active:hover{border-color:#555555}
.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;background:transparent;border:0;color:#fff}
.gallery[data-thumbnail-size=list] .card-more{position:static;grid-column:6;grid-row:1}
.gallery[data-thumbnail-size=list] :is(.card-share,.card-more,.admin-star,.admin-star-menu){width:1.8rem!important;height:1.8rem!important;min-width:1.8rem!important;min-height:1.8rem!important;padding:.2rem!important;margin:0!important}
.gallery[data-thumbnail-size=list] :is(.card-tools,.scan-mark,.card-delete,.album-delete,.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] :is(.admin-star,.admin-star-menu){display:inline-flex;position:static;grid-column:2;grid-row:1}
.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-top>.card-share{grid-column:7}
.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 #383838;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:#454545;background:rgba(255,255,255,.07);box-shadow:none}
.gallery .album-tile.selected{border-color:#454545;background:rgba(255,255,255,.07);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;width:1.8rem;height:1.8rem;min-width:1.8rem;min-height:1.8rem;padding:.2rem;background:transparent;border:0;color:#fff;border-radius:.3rem}
.gallery .card-top>.card-share:hover{background:#121212}
.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}

.managed-page .admin-pagination,.gallery-pagination{padding:.3rem .6rem}
.moderation-table td{height:3rem;padding:.3rem .6rem;border-top:1px solid #383838;border-bottom:1px solid #383838;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{height:1.8rem;font-size:.8rem;white-space:nowrap;padding:.2rem .3rem;width:auto;min-width:0;max-width:none;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;width:1.8rem;height:1.8rem;min-width:1.8rem;min-height:1.8rem;padding:.2rem;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;width:1.8rem;height:1.8rem;min-width:1.8rem;min-height:1.8rem;padding:.2rem}
.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.moderator:not([data-thumbnail-size=list]) .card-owner-bottom .owner-files-link{padding:.1rem .2rem;height:1.8rem;min-height:1.8rem;max-width:100%;min-width: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 .card-top :is(.admin-star,.card-share,.card-more)>svg{width:1.2rem;height:1.2rem}
body:not([data-member]) .button-small{height:1.6rem;min-height:1.6rem;padding:.1rem .4rem;line-height:1.2}



body:not([data-member]) :is(.yellow-button,.primary,.small-button,.upload-button,.profile-save,.add-images):not(:disabled):hover{background:#f3a039;border-color:#f3a039;color:#171717}

body:not([data-member]) :is(.red-button,.danger,.undo-action),body:not([data-member]) :is(.red-button,.danger,.undo-action):not(:disabled):hover{background:#f06438;border:1px solid #f06438;color:#fff}
.header-menu-item[data-logout],.header-menu-item[data-logout]:hover{color:#f06438}
.gallery-list-heading{display:none}
.gallery-list-heading>span:first-child{font-size:.7rem}

.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 #383838}
.profile-deletion h2{font-size:0.9rem;margin:0 0 .7rem}
.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}

:is(.share-menu,.action-menu,.batch-menu,.profile-avatar-menu) :is(button,a):is(:hover,:active,:focus,:focus-visible){border:0;outline:0;box-shadow:none}
:is(.card-more,.card-top>.card-share,.admin-star-menu,.profile-text-link,.profile-edit,.header-version,.album-title,[data-file-name],.section-more):is(:hover,:active,:focus,:focus-visible){border:0;outline:0;box-shadow:none}
body:not([data-member]) :is(.admin-pagination,.gallery-pagination,.moderation-pagination) :is(.page-button,.gallery-page-button,.mini,.toolbar-button),body:not([data-member]) :is(.admin-pagination,.gallery-pagination,.moderation-pagination) :is(.page-button,.gallery-page-button,.mini,.toolbar-button):is(:hover,:active,:focus-visible){display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;padding:0;font-size:.8rem;line-height:1.4rem!important;border-radius:.3rem}
@media(min-width:701px){
.header-menu-item:is(:hover,:active,:focus,:focus-visible){border:0;outline:0;box-shadow:none}
body:not([data-member]) :is(.admin-pagination,.gallery-pagination,.moderation-pagination) :is(.page-button,.gallery-page-button,.mini,.toolbar-button) svg{width:1rem;height:1rem}
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(button,a,input,select,textarea,summary,[tabindex]):focus,body :is(button,a,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:0!important;box-shadow:none}
body[data-input-mode=keyboard] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #f3a039!important;outline-offset:3px}
/* 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 #383838;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;width:100%;min-height:44px;height:auto;padding:12px 10px;margin:0;border:0;border-radius:6px;background:transparent;color:#f5f3ef;font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;font-weight:400;line-height:1.3;text-align:left;white-space:normal}
body .select-options-menu button:disabled{color:#929292;opacity:.6;cursor:default}
body .select-options-menu button.menu-option-current{background:#ffffff0d}
.select-option-check{display:flex;flex:none}
.select-option-check svg{width:1.2rem;height:1.2rem;color:#f5f3ef}
body[data-member] .select-options-menu button{font-size:.9rem}

body:not([data-input-mode=keyboard]) .gallery-sort:focus-within{outline:0!important}

.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)){background:#0004;border:1px solid #383838;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}