/* Shared visual rhythm, accessible controls and mobile layouts. */
:root{--ui-ink:#142d4e;--ui-muted:#667181;--ui-line:#dce2e9;--ui-surface:#f5f7fa;--ui-radius:10px}
*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button,.button{line-height:1.4}button:not(:disabled),a{touch-action:manipulation}button:disabled{cursor:default}input,select,textarea{min-width:0}p{line-height:1.65}h1,h2,h3{overflow-wrap:anywhere}button,.button,a.viewer-access{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b91be;outline-offset:3px}button:disabled{opacity:.55}
.ui-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none;display:inline-block;stroke:currentColor;fill:none}.ui-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.ui-with-icon .ui-icon{margin:0}.ui-menu-toggle,.ui-gallery-toggle{display:none!important}.cover>.ui-icon{width:44px;height:44px;color:#bac5d2}#admin .cover:has(>.ui-icon)::after{content:none}
#admin .admin-header{height:72px}.header-actions{gap:12px}.header-actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px}.studio-title{gap:14px}.admin-avatar{flex-shrink:0}
#admin>aside{position:sticky;top:72px;align-self:start;height:calc(100dvh - 72px);overflow-y:auto}#admin .nav .customers-nav,#admin .nav button,.persistent-admin-navigation a,.persistent-admin-navigation button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;padding:13px 14px;font-size:14px;line-height:1.4;white-space:normal;border-radius:9px}
#admin .nav .active,.persistent-admin-navigation a[aria-current=page]{background:#e7edf5;color:var(--ui-ink)}#admin .nav .ui-icon,.persistent-admin-navigation .ui-icon{color:var(--ui-ink)}#admin .sidefoot{gap:8px}#admin .sidefoot button{min-height:44px}.persistent-admin-navigation{overflow-y:auto;gap:12px}.persistent-nav-foot{gap:8px}
#admin .admin-pagehead{gap:20px}#admin .admin-intro{max-width:650px}#admin .gallery-section-heading{margin-top:40px;gap:20px}#admin .gallery-sort select{min-height:44px}#admin .view-switch button{width:42px;height:40px;padding:9px}#admin .view-switch .ui-icon{width:21px;height:21px}#admin .new-gallery{min-height:48px}#admin .meta{line-height:1.5}#admin .info{gap:8px}#admin .info h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#admin .empty{line-height:1.65}
.detail-header{min-height:64px;height:auto;padding-block:10px}.detail-header button{min-height:44px}.detail-header>span{min-width:0}.gallery-sidebar{gap:12px}.detail-actions{gap:8px}.detail-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;padding:12px 6px;gap:6px}.detail-actions button .ui-icon{width:23px;height:23px}.detail-actions button span{font-size:12px;line-height:1.3;margin:0}.gallery-sidebar .primary{min-height:46px;font-size:13px;padding:11px}.gallery-sidebar h3{font-size:17px;margin-top:18px}.gallery-sidebar input,.gallery-sidebar select{min-height:44px}#favorites{min-height:44px}.gallery-content .tile.name-on-image{padding-bottom:0}.media-tools{gap:6px;margin-top:10px}.media-tools button{min-height:38px;line-height:1.4;padding:8px 10px}#dropzone{padding:32px 20px}#dropzone h2{font-size:23px}#dropzone p{margin:12px 0 20px}
.workflow-tools{gap:10px;margin:20px 0 26px;align-items:center}.workflow-tools button,.workflow-tools select{min-height:44px;font-size:13px;line-height:1.45;padding:10px 13px}.workflow-tools .organizer-toolbar{gap:8px;padding:12px 0}.workflow-tools .organizer-note{margin:4px 0 8px;line-height:1.6}.experience-overview,.release-overview-button{margin:8px 0 0 10px}
.modal{padding:24px}.dialog,.workflow-dialog{max-width:100%;max-height:calc(100dvh - 48px);overscroll-behavior:contain}.dialog h2{font:600 23px/1.3 Arial,sans-serif;margin-bottom:22px}.dialog p{line-height:1.65}.dialog .field{font-size:14px;line-height:1.5;gap:8px;margin:20px 0}.dialog input:not([type=checkbox]):not([type=range]):not([type=color]),.dialog select,.dialog textarea{min-height:44px;font-size:15px;width:100%}.dialog .actions{gap:10px;flex-wrap:wrap}.dialog .actions button{min-height:44px}.settings-tabs{flex-wrap:nowrap!important;overflow:auto;scrollbar-width:thin;gap:6px;padding-bottom:14px!important}.settings-tabs button{flex-shrink:0;min-height:44px;line-height:1.35;font-size:13px}.settings-panel-title{line-height:1.4}.workflow-row{align-items:center}.workflow-row>*{min-width:0;overflow-wrap:anywhere}.health-card p,.health-card button{overflow-wrap:anywhere}.storage-row{gap:12px}.storage-row-detail small{font-size:12px}.check{align-items:flex-start;line-height:1.6}.check input{flex-shrink:0;margin-top:3px}.card .actions button{min-height:44px}.guest-settings{padding-top:22px}.guest-settings .note,.invite-result .note{font-size:13px;line-height:1.6}.invite-result input{min-height:44px}.auth .field{font-size:14px}.note,.hint{line-height:1.65}
#galleryNavigation .navigation-location{min-width:0}#galleryNavigation #galleryJump,#galleryNavigation .viewer-access,#galleryNavigation #backToMainGallery{min-height:44px;font-size:13px}#galleryNavigation #breadcrumbs button{min-height:40px}#galleryNavigation #siblingNavigation button{min-height:44px}.scroll-header-actions .scroll-download,.scroll-header-actions .scroll-gallery-toggle{min-height:44px}.scroll-gallery-toggle{display:inline-flex;align-items:center;gap:6px}.galleryhero p{overflow-wrap:anywhere}.image-name-overlay{box-shadow:0 2px 8px #0002}#grid .image-actions .image-action,#grid .image-download{min-width:40px;height:40px}.activities-panel .activities-filters button,.activities-panel #closeActivities{min-height:44px}.activities-panel .activities-heading h2{font:600 23px/1.3 Arial,sans-serif}.activities-panel p{line-height:1.6}.upload-progress-row{gap:10px;flex-wrap:wrap}#uploadFilename{overflow-wrap:anywhere}.upload-progress button{min-width:40px;min-height:40px}.toast{max-width:min(520px,calc(100vw - 32px));width:max-content;text-align:center;line-height:1.5;overflow-wrap:anywhere}.homepage .help{font-size:12px;color:#6c7480}.homepage .description{font-size:14px;color:#6c7480}.homepage label{font-size:13px;color:#586272}.homepage footer{align-items:center}.homepage .button,.homepage button{min-height:46px}.homepage .icon{color:var(--ui-ink)}
@media(min-width:761px) and (max-width:1100px){#admin .admin-pagehead{flex-wrap:wrap}.admin-controls{flex:1;justify-content:flex-end}#admin .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-header .detail-owner{display:none}.gallery-content{padding:24px 20px}.admin-persistent-page .cards{grid-template-columns:1fr}.admin-persistent-page .creator form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.creator form .field input{width:100%}.creator form .primary{grid-column:1/-1}.admin-persistent-page .design-editor{grid-template-columns:1fr}}
@media(max-width:760px){
 /* Compact expandable menus are identical across all management pages. */
 #admin{display:block}#admin .admin-header{height:64px;position:sticky;top:0;padding:0 16px;gap:10px}.studio-title{font-size:16px;gap:10px}.studio-title>svg{width:26px;height:30px}.header-actions{gap:4px}.header-actions button{width:42px;height:44px;padding:10px}.header-actions button>span:not(.activity-badge){display:none}.header-actions .activity-badge{position:absolute;right:-2px;top:0;font-size:10px;min-width:18px;padding:2px 4px}.activities-toggle{position:relative}.admin-avatar{width:36px;height:36px;font-size:12px}
 #admin>aside,.persistent-admin-navigation{display:block!important;position:sticky!important;top:64px;left:auto;bottom:auto;width:100%!important;height:auto;min-height:0;max-height:calc(100dvh - 64px);padding:8px 16px!important;background:#f7f8fa;border-bottom:1px solid var(--ui-line);overflow-y:auto;z-index:3}
 .ui-menu-toggle{display:inline-flex!important;align-items:center;gap:9px;background:white!important;border:1px solid var(--ui-line)!important;border-radius:8px;min-height:44px;padding:10px 14px!important;font-size:14px!important;color:var(--ui-ink)!important;font-weight:600!important;width:auto}
 #admin>aside>.nav-label,.persistent-nav-label{display:none!important}#admin>aside:not(.ui-menu-open)>.nav,#admin>aside:not(.ui-menu-open)>.sidefoot,.persistent-admin-navigation:not(.ui-menu-open)>nav,.persistent-admin-navigation:not(.ui-menu-open)>.persistent-nav-foot{display:none!important}
 #admin>aside.ui-menu-open .nav,.persistent-admin-navigation.ui-menu-open>nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}#admin .nav .customers-nav,#admin .nav button,.persistent-admin-navigation a{font-size:13px;padding:12px;min-height:46px;margin:0;gap:8px}
 #admin>aside.ui-menu-open .sidefoot,.persistent-admin-navigation.ui-menu-open .persistent-nav-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--ui-line)}#admin .sidefoot button,.persistent-nav-foot a,.persistent-nav-foot button{font-size:12px!important;padding:10px!important;min-height:44px;gap:8px}
 .admin-persistent-page>header{height:64px!important;min-height:64px;position:sticky;top:0;padding:0 16px!important;font-size:14px;line-height:1.4;z-index:4}.admin-persistent-page>main{margin-left:0!important;width:100%!important;max-width:none;padding:24px 16px 40px!important}.admin-persistent-page .cards{grid-template-columns:1fr}.admin-persistent-page .pagehead{flex-wrap:wrap;gap:16px}.admin-persistent-page h1{font-size:28px}.admin-persistent-page .creator{padding:18px}.admin-persistent-page .creator form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creator form .field:first-child{grid-column:1/-1}.creator form input[name=label],.creator form input[type=number]{width:100%}.creator form .field{min-width:0}.creator form .primary{grid-column:1/-1}.creator input,.creator select{width:100%}.admin-persistent-page .toolbar{display:grid;gap:16px}.toolbar>.field,.toolbar select{width:100%;max-width:100%}.toolbar .actions{display:grid;grid-template-columns:1fr;width:100%}.toolbar .actions button{min-height:46px;font-size:14px}.design-editor{grid-template-columns:1fr!important;padding:16px!important;gap:24px}.design-editor form{grid-template-columns:1fr!important}.design-editor .wide{grid-column:1!important}.design-preview{position:static;padding:12px}.design-preview .print-content{max-width:100%}.expiry-settings{padding:16px;gap:12px}.expiry-settings .field,.expiry-settings button{width:100%}.card-controls button,.card-controls a{min-height:42px;font-size:13px;padding:10px}.import-header{display:flex;align-items:center}.import-main h1{font-size:28px}.import-panel{padding:18px}.import-controls>*{max-width:100%}.import-controls input,.import-controls select,.import-controls button{width:100%;min-height:44px}.import-final{position:static;padding:16px;margin-top:20px;border:1px solid var(--ui-line);border-radius:10px}.import-row button{min-height:42px}
 #admin main{padding:24px 16px 40px}.admin-pagehead{gap:18px}#admin h1{font-size:29px}#admin .admin-controls{gap:10px}#admin input[type=search]{min-width:0;width:100%;height:46px;flex:1}.view-switch{flex-shrink:0}#admin .gallery-section-heading{margin:32px 0 20px}#admin .gallery-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#admin .gallery-sort select{width:100%;max-width:none;padding:10px 8px;font-size:12px}#admin .cards{gap:16px}#admin .info{padding:15px}#admin .info h2{font-size:15px}#admin .meta{font-size:12px}#admin .new-gallery{font-size:15px}#admin .experience-overview,#admin .release-overview-button{margin:10px 8px 0 0;max-width:100%;min-height:44px;line-height:1.4;font-size:13px}
 /* The gallery tools collapse, leaving room for the photographs. */
 .detail-layout{display:block}.detail-header{gap:8px;padding:10px 12px;min-height:64px;flex-wrap:wrap}.detail-header>span{display:none}.detail-header #back{margin-right:auto}.detail-header .activities-toggle{font-size:0;gap:0}.detail-header .activities-toggle .ui-icon{margin:0}.detail-header button{padding:9px 11px;font-size:12px}.gallery-sidebar{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.gallery-sidebar h2{font-size:20px;margin:0}.ui-gallery-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;font-size:14px;color:var(--ui-ink);background:white;border:1px solid var(--ui-line)}.gallery-sidebar:not(.ui-tools-open)>:not(h2):not(.ui-gallery-toggle){display:none!important}.gallery-sidebar.ui-tools-open h3,.gallery-sidebar.ui-tools-open label,.gallery-sidebar.ui-tools-open #fileSort{display:block}.gallery-sidebar.ui-tools-open .inherit-note{display:block}.gallery-sidebar .detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-actions button{min-height:72px}.detail-actions button span{font-size:10px}.gallery-sidebar .primary{font-size:14px}.gallery-sidebar #fileSearch{width:100%}
 .gallery-content{padding:16px}.customer-view .gallery-content,.preview-mode .gallery-content{padding:20px 16px}.customer-view #coverHeader,.preview-mode #coverHeader{margin:-20px -16px 20px;width:calc(100% + 32px);height:85svh;min-height:360px}.customer-view #coverHeaderTitle,.preview-mode #coverHeaderTitle,.customer-view .galleryhero h1,.preview-mode .galleryhero h1{font-size:clamp(30px,calc(var(--text-size,80px)*.6),58px);line-height:1.12}#coverHeaderCopy{padding:48px 24px 86px}#coverHeaderText{font-size:16px;line-height:1.6}.customer-view .galleryhero,.preview-mode .galleryhero{padding:24px 0 30px}.customer-view .galleryhero p,.preview-mode .galleryhero p{font-size:16px}
 #galleryNavigation{padding-top:10px}#galleryNavigation .navigation-top{flex-wrap:wrap;gap:12px;align-items:flex-start}#galleryNavigation .navigation-location{flex-basis:100%}#galleryNavigation .navigation-actions{max-width:none;flex-direction:row;align-items:flex-end;justify-content:space-between;flex:1;gap:12px}#galleryNavigation .gallery-jump-control{flex:1;width:auto;font-size:12px}#galleryNavigation #galleryJump{max-width:100%;min-width:0;font-size:16px;padding:10px}#galleryNavigation .viewer-access{font-size:12px;max-width:48%;white-space:normal;min-height:44px;padding:10px}#galleryNavigation #siblingNavigation button{font-size:13px;max-width:200px}#galleryNavigation.navigation-compact .navigation-location{flex-basis:auto;flex:1}#galleryNavigation.navigation-compact .navigation-top{flex-wrap:nowrap}#galleryNavigation.navigation-compact #breadcrumbs{font-size:13px}#galleryNavigation.navigation-compact .scroll-header-actions{gap:6px}.scroll-header-actions .scroll-gallery-toggle{font-size:12px}.scroll-header-actions .scroll-download{padding:10px}.scroll-download span{display:none}#galleryNavigation.navigation-compact.navigation-expanded .navigation-top{flex-wrap:wrap}
 .workflow-tools{gap:8px;margin:16px 0 22px}.workflow-tools button{min-height:46px;font-size:12px;flex:1 1 140px;padding:10px}.workflow-tools>span,.workflow-tools>strong{font-size:13px;line-height:1.5}.workflow-tools .organizer-toolbar button{flex:1 1 130px}.workflow-tools .publication-actions{width:100%}.workflow-tools .publication-actions button{flex:1}.gallery-content .grid{gap:12px}.gallery #grid.thumb-size-small{grid-template-columns:repeat(2,minmax(0,1fr));--thumb-height:155px;gap:10px}.gallery #grid.masonry.thumb-size-small{columns:2;column-gap:10px}.gallery #grid.thumb-size-large{--thumb-height:430px;gap:18px}.gallery #grid.thumb-size-large .image-name-overlay{font-size:12px}.image-actions{left:5px;right:5px;bottom:5px;gap:4px}#grid .image-actions .image-action,#grid .image-download{min-width:40px;height:42px;padding:9px}.image-actions .image-action svg{width:18px;height:18px}.image-actions .action-count{font-size:11px}.image-actions .image-action{gap:3px}.image-name-overlay{max-width:calc(100% - 58px)!important}.organizer-checkbox{padding:9px;top:6px;left:6px}.name-on-image:has(.organizer-checkbox) .image-name-overlay{top:56px;left:6px}.media-tools button{flex:1;min-height:44px;font-size:12px}#subgalleries{grid-template-columns:1fr}.gallery-content .subgallery-card img{height:190px}.delivery-view .subgallery-card img{height:auto}.delivery-view #subgallerySection{margin-top:24px}.delivery-view #subgalleries{gap:26px!important}
 .modal{padding:12px}.dialog,.workflow-dialog{width:100%;min-width:0!important;max-width:100%;padding:22px 18px;max-height:calc(100dvh - 24px)}#form.settings-dialog{width:100%;max-height:calc(100dvh - 24px);padding:20px 14px}.dialog h2{font-size:22px;margin-bottom:18px}.dialog input:not([type=checkbox]):not([type=range]):not([type=color]),.dialog select,.dialog textarea{font-size:16px;min-height:46px}.dialog .field{font-size:14px;margin:18px 0}.settings-tabs button{font-size:13px;min-height:44px;padding:10px 12px}.dialog .actions{gap:8px}.dialog .actions button{flex:1;min-height:46px;padding:11px;font-size:14px}.workflow-dialog>button{min-height:44px;font-size:14px}.workflow-dialog .workflow-row{gap:12px;flex-wrap:wrap;align-items:start}.workflow-dialog .workflow-row button{min-height:44px}.storage-row{flex-wrap:wrap}.storage-row-detail{flex-basis:calc(100% - 44px)}.storage-row-size{margin-left:32px}.storage-row-size small{font-size:12px}.focus-controls,.focus-previews{gap:14px}.health-card{padding:14px}.health-card p{font-size:13px}.health-card button{min-height:44px;max-width:100%;font-size:13px}.compare-stage{gap:8px}.compare-image-window{min-height:140px;height:28svh}.slideshow-controls button,.slideshow-controls select{min-height:44px;font-size:13px}.slideshow-controls{gap:6px;padding-bottom:env(safe-area-inset-bottom)}
 body:not(.admin-persistent-page)>header:has(#showGalleries){height:auto;min-height:64px;flex-wrap:wrap;padding:16px;gap:12px}body:not(.admin-persistent-page)>header:has(#showGalleries) nav{display:flex;width:100%;gap:8px;flex-wrap:wrap}header nav #showGalleries,header nav #showProfile,header nav #signout{min-height:44px;flex:1;padding:10px 8px;font-size:12px}body:not(.admin-persistent-page) .pagehead{flex-wrap:wrap;gap:16px}.card{min-width:0}.card .actions{display:grid;grid-template-columns:1fr;gap:10px}.card .actions button,.card .actions .button{width:100%;min-height:46px;text-align:center;font-size:14px}.cards{grid-template-columns:1fr}.guest-settings .check{min-height:36px;font-size:14px}.guest-settings button{min-height:44px;max-width:100%}.auth{padding:24px}.auth h1{font-size:31px}.auth input{font-size:16px;min-height:46px}.invite-result{padding:16px}.invite-result input{font-size:16px}.invite-result button{width:100%;min-height:44px}.activities-panel{top:12px!important;right:12px!important;bottom:12px!important;width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:20px!important;z-index:15}.activities-panel .activities-filters{gap:8px}.activities-panel .activities-filters button{flex:1;font-size:13px;padding:10px}.activities-panel .activities-footnote{font-size:12px}.upload-progress{right:12px!important;left:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;padding:18px!important}.upload-progress-row{font-size:12px}.upload-progress #uploadFilename{font-size:12px}.toast{bottom:max(16px,env(safe-area-inset-bottom));font-size:14px;padding:14px 18px}
 .homepage header{padding:22px 0}.homepage main{padding:28px 16px 36px}.homepage .intro{margin-bottom:24px}.homepage .areas{gap:16px}.homepage .area{padding:24px;min-height:0}.homepage .area-number{margin-bottom:12px}.homepage .icon{margin-bottom:18px}.homepage h2{font-size:21px}.homepage input{font-size:16px;min-height:48px}.homepage button,.homepage .button{font-size:15px;min-height:48px}.homepage .help{font-size:12px}.homepage footer{flex-wrap:wrap;gap:12px;padding:20px 0}.homepage footer span{font-size:10px;line-height:1.7}.homepage footer .admin-login{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.prepared-page main{margin:24px 16px;padding:24px}.prepared-page input[type=email]{font-size:16px}.prepared-page button{min-height:46px;width:100%}
}
@media(max-width:374px){.studio-title{font-size:14px;gap:7px}.studio-title>svg{width:22px}.header-actions{gap:0}.admin-avatar{width:30px;height:30px}.header-actions button{width:38px}.detail-actions button span{font-size:9px}#admin .gallery-sort{grid-template-columns:1fr}.image-actions{gap:3px}#grid .image-actions .image-action{min-width:40px;padding:8px 6px}.image-actions .action-count{font-size:10px}.image-name-overlay{font-size:10px!important}#lightbox .image-actions{flex-wrap:wrap}.homepage .area{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.ui-menu-toggle,.ui-gallery-toggle{display:none!important}.admin-persistent-page>main{margin:0!important;padding:0!important;width:100%!important}.persistent-admin-navigation{display:none!important}}
button.primary,.button.primary{background:#142d4e;border-color:#142d4e;color:#fff}button.primary:hover,.button.primary:hover{background:#23456c;border-color:#23456c}.image-action svg,.image-download svg{stroke-width:1.8}
@media(max-width:760px){.gallery-sidebar{align-items:stretch;justify-content:flex-start;text-align:left}.gallery-sidebar .primary,.gallery-sidebar #favorites{width:100%}.detail-header .activities-toggle{font-size:0!important;width:44px;height:44px;flex-shrink:0}.detail-header .activities-toggle .activity-badge{font-size:10px}.gallery-sidebar.ui-tools-open .detail-actions{width:100%}}
@media(max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea{font-size:16px;min-height:46px;max-width:100%}.creator form .field{font-size:13px}.admin-persistent-page .creator form .field input,.admin-persistent-page .creator form .field select{font-size:16px;min-height:46px}.toolbar .field{font-size:13px}.import-main .import-controls select{font-size:16px}.check{min-height:36px}}
@media(max-width:480px){.admin-persistent-page .creator form{grid-template-columns:1fr}.creator form .field:first-child,.creator form .primary{grid-column:1}.admin-persistent-page .creator form input,.admin-persistent-page .creator form select{width:100%}}
@media(max-width:760px){.image-actions .image-action,.media-frame .image-download,.lightbox-frame .image-download{min-width:44px;min-height:44px;height:44px}.image-action svg,.image-download svg{width:19px;height:19px}#photoComments .discussion-close{width:44px;height:44px}#photoComments .comment-send{min-width:52px;min-height:44px}.gallery-content .tile.name-on-image .media-frame{min-width:0}.homepage .footer-note{font-size:12px}}
#admin .sidefoot button{justify-content:flex-start;gap:10px}#admin .nav button.active{background:#e7edf5;color:#142d4e}
@media(max-width:760px){#grid .image-actions .image-action,#grid .image-download{min-width:44px;height:44px}.gallery-sidebar.ui-tools-open .detail-actions button{font-size:12px}}
@media(max-width:760px){#admin input[type=search]{font-size:16px}#admin .gallery-sort select{font-size:16px}#admin .gallery-sort select:last-child{grid-column:1/-1}.publication-badge{font-size:13px}.prepared-symbol{display:grid;place-items:center}.prepared-symbol .ui-icon{width:36px;height:36px}}
@media(max-width:760px){.admin-login-page>form{padding:28px 24px;width:min(440px,calc(100vw - 32px))}.admin-login-page h1{font-size:clamp(28px,8vw,36px);line-height:1.2}.admin-login-page input,.admin-login-page button{font-size:16px;min-height:48px}.public-page>header{flex-wrap:wrap;gap:12px;padding:22px 20px}.public-page>header>nav{display:flex;gap:10px;flex-wrap:wrap}.public-page>header nav a{display:inline-flex;align-items:center;margin:0;padding:8px 0;min-height:44px;font-size:14px}.public-page>main{padding:28px 20px}.public-page .empty{padding:32px 20px;line-height:1.7}}

/* Shared admin geometry: identical at every route and breakpoint. */
:root{--admin-sidebar-width:260px;--admin-header-height:72px}
@media(min-width:1650px){:root{--admin-sidebar-width:300px}}
@media(min-width:761px) and (max-width:1150px){:root{--admin-sidebar-width:215px}}
@media(min-width:761px){#admin{grid-template-columns:var(--admin-sidebar-width) minmax(0,1fr)}#admin>aside,.persistent-admin-navigation{width:var(--admin-sidebar-width);padding:28px 18px 22px;top:72px}#admin>aside{height:calc(100dvh - 72px)}.admin-persistent-page>main{margin-left:var(--admin-sidebar-width);width:calc(100% - var(--admin-sidebar-width));max-width:none;padding:40px 38px 60px}.admin-persistent-page>header{height:72px;padding:0 26px;font:17px Arial,sans-serif}.persistent-admin-navigation{font:14px Arial,sans-serif}.persistent-admin-navigation nav{gap:8px}#admin>aside .nav-label,.persistent-nav-label{margin:0 0 4px;font:600 12px/1.4 Arial,sans-serif}#admin .nav button,#admin .nav .customers-nav,.persistent-admin-navigation nav a{font-weight:600;font-size:14px;min-height:48px;padding:13px 14px;gap:12px}.persistent-nav-foot a,.persistent-nav-foot button,#admin .sidefoot button{font-size:13px!important;font-weight:400;min-height:44px;padding:12px 14px!important;gap:10px;justify-content:flex-start;background:#eaeaea;border-radius:9px}#admin .sidefoot{gap:8px}.persistent-admin-navigation{gap:10px}.persistent-nav-foot{margin-top:auto}.admin-persistent-page>header{background:#333}}
.overview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.overview-actions>button,.overview-actions>button.new-gallery,.overview-actions>button.experience-overview,.overview-actions>button.release-overview-button{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:48px;height:48px;padding:12px 18px!important;font:500 14px/1.4 Arial,sans-serif!important;border-radius:8px!important;margin:0!important;width:auto!important;vertical-align:middle}.overview-actions>button.new-gallery{min-width:230px}.overview-actions>button:not(.primary){background:#fff;border:1px solid #d8dfe8;color:#142d4e}.overview-actions .ui-icon{width:20px;height:20px;flex:0 0 20px}.folder-form{display:grid;gap:14px;margin:0 0 18px}.folder-form .field{margin:0}.folder-form .note{margin:0}.folder-gallery-choices{max-height:310px;overflow:auto;border:1px solid #dce2e9;border-radius:10px;padding:8px 14px;background:#fff}.folder-gallery-choices .check{display:flex!important;gap:10px;margin:0;padding:12px 0;font-size:14px;cursor:pointer}.folder-gallery-choices .check+label{border-top:1px solid #edf0f4}.folder-gallery-choices input{width:20px;height:20px;flex:0 0 20px}.folder-gallery-choices small{display:block;font-size:12px;color:#737e8d;margin-top:4px}.folder-form .primary{min-height:46px}.folder-form .error:empty{display:none}.folder-back{grid-column:1/-1;text-align:left;justify-content:flex-start}.folder-edit{grid-column:1/-1;justify-self:start;min-height:44px}.admin-folder-card .cover{background:#f4f7fb!important}.admin-folder-card .cover>.ui-icon{width:52px;height:52px;color:#839bb8}#admin .cards.list .folder-back,#admin .cards.list .folder-edit{width:fit-content}#admin .cards.list .admin-folder-card{display:flex}
/* Storage is a compact dashboard rather than a long form. */
.dialog.storage-dialog{width:min(980px,96vw);background:#fff;border-radius:16px;padding:28px}.storage-dialog>h2{font:650 26px/1.3 Arial,sans-serif;margin:0 0 22px;color:#142d4e}.storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.storage-stat{border:1px solid #dfe6ee;background:#f5f7fb;border-radius:12px;padding:18px;min-width:0}.storage-stat>span{display:block;font:500 12px/1.4 Arial,sans-serif;color:#667487}.storage-stat>strong{display:block;font:650 25px/1.3 Arial,sans-serif;margin:8px 0;color:#142d4e;letter-spacing:-.5px}.storage-stat>small{font:12px/1.5 Arial,sans-serif;display:block;color:#697587}.storage-dialog .storage-note{font:13px/1.6 Arial,sans-serif;color:#687586;margin:10px 0 18px}.storage-dialog .storage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 14px;padding:14px;background:#f6f8fa;border:1px solid #e2e7ee;border-radius:10px}.storage-actions>button{min-height:42px;font-size:12px;padding:10px 12px}.storage-selected{margin-left:auto;font:600 12px/1.4 Arial,sans-serif;color:#52657c}.storage-dialog>select{width:100%;font-size:14px;min-height:44px;margin:0 0 12px}.workflow-dialog .storage-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:16px;margin:0;border:1px solid #e2e7ee;border-radius:10px;background:#fff;cursor:pointer}.storage-rows{display:grid;gap:8px}.storage-row:has(input:checked){background:#eef3fa;border-color:#99b0cd}.storage-row input{width:20px;height:20px;margin:0}.storage-row-detail strong{font:600 15px/1.5 Arial,sans-serif}.storage-row-detail small{font-size:12px;margin-top:3px;line-height:1.5}.storage-row-size{margin:0;text-align:right;min-width:100px}.storage-row-size strong{font:600 15px/1.5 Arial,sans-serif;color:#142d4e}.storage-row-size small{display:block;color:#7d8794;font-size:11px;margin-top:4px}.storage-danger-zone{margin:22px 0 16px;padding:16px;border:1px solid #eadada;border-radius:10px;background:#fcf9f9}.storage-danger-zone>summary{font:600 13px/1.5 Arial,sans-serif;cursor:pointer;color:#814646;min-height:28px;display:list-item}.storage-danger-zone .storage-note{margin:10px 0 14px}.storage-danger-zone .storage-delete{min-height:44px;font-size:13px;color:#8b3636;border-color:#d9bcbc;background:#fff}.storage-dialog>button:last-child{min-height:44px;padding:11px 22px}
@media(max-width:760px){.overview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-actions>button,.overview-actions>button.new-gallery,.overview-actions>button.experience-overview,.overview-actions>button.release-overview-button{min-width:0!important;width:100%!important;height:auto;min-height:48px;font-size:13px!important;padding:11px 12px!important}.overview-actions>button.new-gallery{grid-column:1/-1}.overview-actions>button .ui-icon{width:18px;height:18px;flex-basis:18px}.dialog.storage-dialog{padding:22px 16px;width:100%;border-radius:12px}.storage-dialog>h2{font-size:24px}.storage-stats{grid-template-columns:1fr;gap:8px}.storage-stat{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:14px}.storage-stat>strong{grid-row:1/3;grid-column:2;margin:0;align-self:center;font-size:22px}.storage-stat>small{font-size:11px}.storage-dialog .storage-actions{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.storage-actions>button{font-size:12px;min-height:44px;padding:9px}.storage-actions>button:first-child{grid-column:1/-1}.storage-selected{grid-column:1/-1;margin:4px 0;text-align:center}.workflow-dialog .storage-row{grid-template-columns:20px minmax(0,1fr);gap:8px 12px;padding:14px;min-height:0}.storage-row-size{grid-column:2;text-align:left;display:flex;gap:10px;align-items:baseline;margin:0}.storage-row-size small{margin:0}.storage-row-detail strong{font-size:14px}.storage-row-detail small{font-size:11px}.storage-danger-zone{padding:14px}.folder-gallery-choices{max-height:35dvh}}
@media(max-width:374px){.overview-actions{grid-template-columns:1fr}.overview-actions>button.new-gallery{grid-column:1}}
/* Filename badges must not inherit the generic tile caption's bottom anchor. */
#grid .tile .image-name-overlay{position:absolute;bottom:auto!important;right:auto!important;width:max-content;height:auto;min-height:0;max-width:calc(100% - 66px);display:inline-block;text-shadow:none!important;box-shadow:none!important;font-weight:500;line-height:1.35;border:1px solid #e1e5eb;background:#fffffff0;color:#142d4e;padding:6px 9px;border-radius:7px}
#grid .tile .image-actions .action-count{position:static;inset:auto;color:inherit;text-shadow:none;display:inline;line-height:1}
@media(max-width:760px){#grid .tile .image-name-overlay{padding:5px 7px;font-size:11px;border-radius:6px}}
#grid .tile .image-name-overlay{box-shadow:0 2px 9px #0003!important;text-shadow:none!important}