@import url("/luxubu-3d-buttons.css?v=20260708-3d-all-5");
*{box-sizing:border-box}
:root{--side-w:248px;--gold:#f5c341;--gold-2:#ffd86a;--text:#fff4c5;--line:#9b6b12}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(245,195,65,.16),transparent 30%),linear-gradient(135deg,#020202,#050403 54%,#000);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.mobile-menu-toggle{display:none}
.side{position:fixed;left:0;top:0;z-index:1002;width:var(--side-w);height:100vh;padding:92px 12px 18px;border-right:1px solid rgba(245,195,65,.28);background:linear-gradient(180deg,#080604,#020201);box-shadow:18px 0 34px rgba(0,0,0,.54);transform:translateX(-106%);transition:transform .22s ease}
body.menu-open .side{transform:translateX(0)}
body.menu-open:before{content:"";position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.48)}
.brand{position:absolute;left:18px;top:17px;display:grid;place-items:center;width:150px;height:56px;color:#fff;text-align:center;text-decoration:none}
.brand span{display:block;color:#fff;font-size:13px;font-weight:400;letter-spacing:0;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.brand b{display:none}
.side-nav{display:grid;gap:8px}
.side-nav button{min-height:42px;width:100%;margin:0;border:1px solid rgba(245,195,65,.24);border-radius:8px;background:rgba(255,255,255,.03);color:#fff8dd;font-size:14px;font-weight:900;text-align:left;padding:0 12px;cursor:pointer;text-shadow:none}
.side-nav button:hover,.side-nav button.active{border-color:#fff1a8;background:rgba(245,195,65,.16);color:#fff1a8}
.side-nav button.sub-page{position:relative;margin-left:18px;width:calc(100% - 18px);min-height:34px;padding-left:18px;font-size:12px;color:#e7d493;border-color:rgba(245,195,65,.24);background:rgba(255,255,255,.03)}
.side-nav button.sub-page:before{content:"";position:absolute;left:7px;top:50%;width:6px;height:1px;background:rgba(255,241,168,.62)}
.side-nav button.nested-page{margin-left:38px;width:calc(100% - 38px);min-height:30px;padding-left:18px;border-color:rgba(245,195,65,.18);background:rgba(0,0,0,.2);color:#d8c073;font-size:11px}
.side-nav button.nested-page:before{left:7px;width:7px;background:#f5c341}
.side-nav button.sub-page.active{color:#100c03;background:linear-gradient(180deg,#fff1a8,#d6a212);border-color:#fff1a8}
.main{min-height:100vh;margin-left:0;padding:0 0 44px;background:linear-gradient(180deg,#020202,#090702 68%,#020202)}
.karaoke-empty-header{position:sticky;top:0;z-index:900;display:grid;grid-template-columns:44px 214px 1fr;align-items:center;height:96px;padding:0 34px;background:#020202;box-shadow:none}
.hamburger-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.hamburger-button:hover{background:rgba(255,255,255,.09)}
.hamburger-button span{display:block;width:19px;height:2px;margin:0;border-radius:2px;background:#fff;box-shadow:0 0 7px rgba(245,195,65,.5)}
.karaoke-brand{display:grid;justify-items:center;align-items:center;width:168px;color:#fff;text-decoration:none}
.karaoke-brand img{width:66px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(245,195,65,.58))}
.karaoke-brand span{margin-top:-2px;color:#fff;font-size:14px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.home-search{display:grid;grid-template-columns:minmax(0,1fr) 50px;width:488px;height:35px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#101413;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(245,195,65,.05)}
.home-search input{min-width:0;border:0;padding:0 16px;background:#101413;color:#fff;font-size:14px;font-weight:700;outline:none}
.home-search input::placeholder{color:#a6aaa8}
.home-search button{border:0;border-left:1px solid rgba(255,255,255,.14);background:#222;color:#fff;font-size:11px;font-weight:900;cursor:pointer}
.home-search button:hover{background:#2c2c2c;color:#fff1a8}
.top-search{display:grid;grid-template-columns:minmax(0,1fr) 58px;width:600px;max-width:100%;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#0b0f0e;overflow:hidden}
.top-search input{min-width:0;border:0;padding:0 18px;background:#101413;color:#fff;font-size:16px;outline:none}
.top-search input::placeholder{color:#a6aaa8}
.top-search button{border:0;border-left:1px solid rgba(255,255,255,.2);background:#222;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.top-search button:hover{background:#2c2c2c;color:#fff1a8}
.admin-header{position:relative;width:92%;height:96px;margin:0 auto 28px;border:2px solid rgba(245,195,65,.92);border-radius:12px;background:linear-gradient(90deg,#050403,#1c1608 50%,#050403);box-shadow:0 0 0 1px rgba(255,226,138,.16),0 0 28px rgba(245,195,65,.22),inset 0 0 30px rgba(245,195,65,.1)}
.header-title{position:absolute;left:120px;right:120px;top:31px;text-align:center;font-family:Georgia,serif;font-size:36px;line-height:1;letter-spacing:1px;color:#ffd86a;text-shadow:0 3px 0 rgba(45,28,0,.9),0 10px 18px rgba(0,0,0,.74),0 0 18px rgba(245,195,65,.45)}
.header-subtitle{position:absolute;left:120px;right:120px;bottom:17px;text-align:center;color:#fff4c5;font-size:12px;line-height:1;letter-spacing:5px}
.logo{position:absolute;display:grid;place-items:center;color:#f5c341;font-family:Georgia,serif;font-weight:800;line-height:1;border-radius:50%;text-shadow:0 3px 9px rgba(0,0,0,.75)}
.logo img{width:100%;height:100%;object-fit:contain}
.logo-left{left:24px;top:50%;transform:translateY(-50%)}
.logo-right{right:24px;top:50%;transform:translateY(-50%)}
.logo-center{left:50%;top:-80px;transform:translateX(-50%)}
.home-picture-stage{position:relative;width:100%;margin:34px auto 0}
.picture-board{width:100%;margin:34px auto 0;padding:20px 18px 22px;border:1px solid rgba(245,195,65,.48);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(245,195,65,.1),transparent 38%),linear-gradient(180deg,#050403,#000 72%,#030201);box-shadow:0 18px 34px rgba(0,0,0,.52),0 0 30px rgba(245,195,65,.11),inset 0 0 34px rgba(245,195,65,.07)}
body:not(.module-layout) .picture-board{width:90%;max-width:none;margin-left:auto;margin-right:auto}
.home-picture-stage .picture-board{margin-top:0}
.picture-filters{display:none!important}
.picture-filters::-webkit-scrollbar{display:none}
.picture-filters button{width:100%;min-width:0;min-height:52px;padding:0 6px;border:1px solid rgba(245,170,35,.38);border-radius:10px;color:#f4f0df;background:linear-gradient(180deg,#15191a,#050808);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.7),0 8px 16px rgba(0,0,0,.42);font-size:11px;font-weight:900;cursor:pointer;text-shadow:0 2px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:clip}
.picture-filters button span{margin-right:4px;color:#f4a51b;font-size:17px;vertical-align:-3px;text-shadow:0 0 10px rgba(244,165,27,.5)}
.picture-filters button.active{border-color:rgba(255,216,106,.72);background:linear-gradient(180deg,#4b3509,#0b0803);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 18px rgba(245,195,65,.28),0 8px 16px rgba(0,0,0,.5)}
.picture-filters .sort{color:#f7bd43}
.picture-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0 0 10px}
.picture-heading h2{position:relative;margin:0;color:#ffc34d;font-family:Georgia,serif;font-size:25px;line-height:1;text-shadow:0 2px 4px #000,0 0 12px rgba(255,191,61,.36)}
.picture-heading h2 span:before,.picture-heading h2 span:after{display:none!important}
.view-toggle{display:none!important}
.view-toggle button{width:56px;height:40px;border:1px solid rgba(245,170,35,.5);border-radius:8px;color:#f5a51b;background:linear-gradient(180deg,#121818,#030606);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 7px 13px rgba(0,0,0,.4);font-size:22px;font-weight:900;cursor:pointer}
.view-toggle button.active{background:linear-gradient(180deg,#5a3c08,#100b03);box-shadow:0 0 14px rgba(245,195,65,.28)}
.picture-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px}
.module-layout .home-picture-stage{width:90%;max-width:none;margin-left:auto;margin-right:auto}
.module-layout .picture-board{width:100%;max-width:none;margin-left:auto;margin-right:auto}
.module-layout .picture-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.module-layout .picture-card{border-color:rgba(255,216,106,.58);background:linear-gradient(180deg,#080604,#010101);box-shadow:0 12px 24px rgba(0,0,0,.58),0 0 18px rgba(245,195,65,.08),inset 0 1px 0 rgba(255,255,255,.12)}
.module-layout .picture-card:hover{border-color:rgba(255,226,138,.88);box-shadow:0 16px 30px rgba(0,0,0,.62),0 0 24px rgba(245,195,65,.16),inset 0 1px 0 rgba(255,255,255,.14)}
.module-layout .picture-card img{aspect-ratio:1.42/1}
.module-layout .picture-card footer{grid-template-columns:minmax(0,1fr) 28px auto 30px;min-height:48px;padding:7px 8px 7px 12px;background:linear-gradient(180deg,#120d04,#030201)}
.module-layout .picture-card strong{color:#fff7d1;font-size:15px;font-weight:400;text-shadow:0 2px 6px #000}
.module-layout .picture-card footer span{border-color:rgba(255,216,106,.46);background:#0b0803;color:#ffd86a;font-size:11px;font-weight:800}
.module-layout .picture-card footer button{width:30px;height:30px;border-color:rgba(255,216,106,.66);background:linear-gradient(180deg,#2c2109,#080603);color:#ffd86a;font-size:18px}
.picture-card{position:relative;overflow:hidden;border:1px solid rgba(245,170,35,.42);border-radius:12px;background:#060909;box-shadow:0 9px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
.picture-card img{display:block;width:100%;aspect-ratio:1.72/1;object-fit:cover;object-position:center 28%;background:#111;opacity:1;transform:translate3d(0,0,0) scale(1);image-orientation:from-image}
.picture-card img.slide-left{--slide-x:-42px;--slide-y:0}
.picture-card img.slide-right{--slide-x:42px;--slide-y:0}
.picture-card img.slide-up{--slide-x:0;--slide-y:-38px}
.picture-card img.slide-down{--slide-x:0;--slide-y:38px}
.picture-card img.slide-top-left{--slide-x:-42px;--slide-y:-38px}
.picture-card img.slide-top-right{--slide-x:42px;--slide-y:-38px}
.picture-card img.slide-bottom-left{--slide-x:-42px;--slide-y:38px}
.picture-card img.slide-bottom-right{--slide-x:42px;--slide-y:38px}
.picture-card img.slide-overlay{position:absolute;left:0;top:0;z-index:2;pointer-events:none}
.picture-card img.effect-slide.slide-enter{animation:subCardSlideIn 2.35s cubic-bezier(.18,.82,.18,1) both}
.picture-card img.effect-zoom-in.slide-enter{animation:subCardZoomIn 1.65s cubic-bezier(.18,.82,.18,1) both}
.picture-card img.effect-zoom-out.slide-enter{animation:subCardZoomOut 1.65s cubic-bezier(.18,.82,.18,1) both}
.picture-card img.effect-rotate.slide-enter{animation:subCardRotateIn 1.75s cubic-bezier(.18,.82,.18,1) both}
.picture-card img.effect-float.slide-enter{animation:subCardFloatIn 1.85s cubic-bezier(.18,.82,.18,1) both}
@keyframes subCardSlideIn{
  0%{opacity:0;filter:brightness(.9);transform:translate3d(calc(var(--slide-x,0) * 2.2),calc(var(--slide-y,0) * 2.2),0) scale(1.04)}
  35%{opacity:1;filter:brightness(1.02)}
  100%{opacity:1;filter:brightness(1);transform:translate3d(0,0,0) scale(1)}
}
@keyframes subCardZoomIn{
  0%{opacity:0;filter:brightness(.82);transform:scale(1.22)}
  45%{opacity:1;filter:brightness(1.04)}
  100%{opacity:1;filter:brightness(1);transform:scale(1)}
}
@keyframes subCardZoomOut{
  0%{opacity:0;filter:brightness(.86);transform:scale(.82)}
  45%{opacity:1;filter:brightness(1.04)}
  100%{opacity:1;filter:brightness(1);transform:scale(1)}
}
@keyframes subCardRotateIn{
  0%{opacity:0;filter:brightness(.84);transform:rotate(var(--slide-rotate,-4deg)) scale(1.12)}
  48%{opacity:1;filter:brightness(1.04)}
  100%{opacity:1;filter:brightness(1);transform:rotate(0deg) scale(1)}
}
@keyframes subCardFloatIn{
  0%{opacity:0;filter:brightness(.86);transform:translate3d(var(--slide-x,0),var(--slide-y,0),0) scale(.96)}
  55%{opacity:1;filter:brightness(1.05);transform:translate3d(calc(var(--slide-x,0) * -.12),calc(var(--slide-y,0) * -.12),0) scale(1.025)}
  100%{opacity:1;filter:brightness(1);transform:translate3d(0,0,0) scale(1)}
}
.picture-card img,.picture-card footer button,.picture-download-select{cursor:pointer}
.picture-download-select{position:absolute;left:8px;top:8px;z-index:4;width:28px;height:28px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(0,0,0,.18);box-shadow:0 0 12px rgba(0,0,0,.55),inset 0 0 0 2px rgba(0,0,0,.2);backdrop-filter:blur(2px)}
.picture-download-select:hover,.picture-download-select.selected{border-color:#ffd84a;background:rgba(255,216,74,.88);box-shadow:0 0 16px rgba(255,216,74,.55),0 0 12px rgba(0,0,0,.55)}
.picture-download-select.selected:after{content:"";position:absolute;left:8px;top:5px;width:8px;height:14px;border-right:3px solid #061714;border-bottom:3px solid #061714;transform:rotate(42deg)}
.picture-card footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:2px;min-height:42px;padding:6px 9px;background:linear-gradient(180deg,rgba(18,22,22,.95),rgba(3,6,6,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.picture-card strong{overflow:hidden;color:#fff;font-size:14px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.picture-card strong{cursor:text}
.picture-memory-line{display:block;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#ffd86a;font-size:11px;font-weight:400;line-height:1.15;text-shadow:0 1px 5px #000}
.picture-memory-line[hidden]{display:none!important}
.picture-title-input{min-width:0;width:100%;height:22px;border:1px solid rgba(255,216,106,.72);border-radius:5px;padding:0 6px;background:#080603;color:#fff4c5;font-size:11px;font-weight:800;outline:none;box-shadow:0 0 12px rgba(245,195,65,.18)}
.picture-card footer span{padding:3px 5px;border:1px solid rgba(245,170,35,.35);border-radius:4px;color:#fff5d5;background:#0a0d0d;font-size:9px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.picture-card footer button{width:21px;height:21px;border:1px solid rgba(245,170,35,.55);border-radius:4px;color:#ffb326;background:#07100f;font-size:15px;font-weight:900;line-height:1;cursor:pointer;text-shadow:0 0 8px rgba(255,179,38,.42)}
.picture-card footer .cast-tv-button{position:relative;display:grid;place-items:center;width:28px;height:28px;border:0!important;border-radius:0;background:transparent!important;color:#ffff00;box-shadow:none!important;text-shadow:none}
.picture-card footer .cast-tv-button svg{display:block;width:24px;height:21px;overflow:visible}
.picture-card footer .cast-tv-button svg path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.picture-card footer .cast-tv-button svg .wave{stroke-width:5.5}
.picture-card footer .cast-tv-button:hover{background:transparent!important;box-shadow:none!important}
.picture-card footer .cast-tv-button.connected{color:#ffd84a;filter:drop-shadow(0 1px 0 #3b2600) drop-shadow(0 0 7px rgba(255,216,74,.92)) drop-shadow(0 0 18px rgba(255,184,35,.62));animation:castConnectedPulse 1.25s ease-in-out infinite}
.picture-card footer .cast-tv-button.connected svg .screen{stroke:#fff07a}
.picture-card footer .cast-tv-button.connected svg .wave{stroke:#ffd84a}
.picture-card footer .cast-tv-button.connected:after{content:"";position:absolute;right:1px;top:1px;width:8px;height:8px;border-radius:50%;background:#ffd84a;box-shadow:0 0 0 2px rgba(0,0,0,.78),0 0 11px rgba(255,216,74,.98)}
.picture-card.cast-connected{border-color:rgba(255,216,74,.88);box-shadow:0 9px 18px rgba(0,0,0,.5),0 0 20px rgba(255,184,35,.3),inset 0 1px 0 rgba(255,238,136,.22)}
@keyframes castConnectedPulse{0%,100%{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.empty-gallery{grid-column:1/-1;min-height:150px;display:grid;place-items:center;border:1px dashed rgba(245,195,65,.55);border-radius:10px;color:#fff4c5;background:rgba(14,10,2,.52);font-size:16px;font-weight:800;text-align:center}
.load-row{display:flex;justify-content:center;padding:14px 0 6px}
.load-more{min-width:240px;min-height:44px;border:1px solid rgba(255,216,106,.68);border-radius:10px;color:#080603;background:linear-gradient(180deg,#ffe28a,#b57c16);box-shadow:0 0 16px rgba(245,195,65,.25),0 10px 18px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.24);font-size:20px;font-weight:900;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.26)}
.load-more span{margin-left:26px;color:#ffb326}
.picture-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:6px;padding-top:8px}
.picture-features article{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:72px;padding:12px 18px;border:1px solid rgba(245,170,35,.42);border-radius:10px;background:linear-gradient(180deg,#111818,#050808);box-shadow:0 8px 16px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.11)}
.picture-features article>span{display:grid;place-items:center;width:42px;height:42px;border:2px solid #ffbd38;border-radius:50%;color:#ffbd38;font-size:26px;text-shadow:0 0 12px rgba(255,189,56,.42)}
.picture-features h3{margin:0 0 5px;color:#ffc34d;font-size:17px;letter-spacing:.4px}
.picture-features p{margin:0;color:#f6f0e2;font-size:14px}
.picture-download-bar{grid-column:2;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px);min-height:36px;margin:0;padding:6px 8px;border:1px solid rgba(245,195,65,.5);border-radius:8px;background:linear-gradient(180deg,rgba(18,12,3,.9),rgba(3,2,0,.94));box-shadow:0 8px 18px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1)}
.picture-download-bar #downloadSelectedCount{min-width:72px;color:#fff4c5;font-size:12px;font-weight:800}
.picture-download-bar button{min-height:25px;padding:0 10px;border:1px solid rgba(255,216,106,.58);border-radius:6px;background:linear-gradient(180deg,#2c2109,#080603);color:#ffd86a;font-size:12px;font-weight:900;cursor:pointer}
.picture-download-bar button:disabled{opacity:.42;cursor:not-allowed}
.picture-download-bar button[hidden]{display:none!important}
.picture-download-bar .download-choice-button{display:inline-flex;align-items:center;gap:7px}
.picture-download-bar .download-choice-button span{position:relative;display:inline-block;min-width:0;width:20px;height:20px;border:1px solid rgba(255,255,255,.98);border-radius:3px;background:#fff;box-shadow:0 0 7px rgba(255,255,255,.26)}
.picture-download-bar .download-choice-button span:after{content:"";display:none;position:absolute;left:50%;top:43%;width:6px;height:11px;border-right:3px solid #061714;border-bottom:3px solid #061714;transform:translate(-50%,-50%) rotate(42deg)}
.picture-download-bar .download-choice-button.checked span:after{display:block}
.picture-download-bar .download-label-button{min-width:92px;margin-left:10px;min-height:30px;padding:0 18px;border-color:rgba(255,216,106,.9);background:linear-gradient(180deg,#ffe58f,#c98b18);color:#080603;font-size:14px;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:0 5px 0 #6c4307,0 0 20px rgba(245,195,65,.42)}
.picture-download-bar .download-label-button:disabled{opacity:.58;cursor:not-allowed;transform:translateY(3px);border-color:rgba(255,216,106,.42);background:linear-gradient(180deg,#6e541b,#241806);color:#5f4c19;text-shadow:none;box-shadow:0 2px 0 #3c2605,0 0 6px rgba(245,195,65,.08)}
.picture-download-bar .download-label-button:active{transform:translateY(4px);box-shadow:0 1px 0 #6c4307,0 0 10px rgba(245,195,65,.16)}
.picture-lightbox{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:28px;background:rgba(0,0,0,.82)}
.picture-lightbox.open{display:grid}
.picture-lightbox figure{position:relative;width:min(1180px,96vw);height:auto;max-height:92vh;min-width:360px;min-height:280px;margin:0;border:1px solid rgba(245,195,65,.68);border-radius:12px;background:#030201;overflow:auto;resize:none;box-shadow:0 24px 60px rgba(0,0,0,.72),0 0 30px rgba(245,195,65,.2)}
.picture-lightbox figure:after{display:none!important}
.picture-lightbox img{display:block;width:100%;height:calc(100% - 58px);min-height:220px;object-fit:contain;background:#000;image-orientation:from-image}
.picture-lightbox figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:58px;padding:0 18px;background:linear-gradient(180deg,#100b03,#030201);color:#fff}
.picture-lightbox figcaption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.picture-lightbox figcaption $115px;color:#ffd86a}
.picture-lightbox figcaption span{display:none!important}
.lightbox-close{position:absolute;right:10px;top:10px;z-index:3;width:42px;height:42px;border:1px solid rgba(255,211,91,.72);border-radius:50%;background:linear-gradient(180deg,#ffd967,#d99618);color:#061714;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 0 18px rgba(0,0,0,.55)}
.lightbox-nav-button{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:54px;min-width:54px;height:70px;border:1px solid rgba(255,216,106,.82);border-radius:8px;background:linear-gradient(180deg,#ffe28a,#b57c16);color:#080603;font-size:42px;font-weight:400;line-height:1;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.26);box-shadow:0 5px 0 #6c4307,0 0 20px rgba(0,0,0,.58);transform:translateY(-50%)}
.lightbox-nav-button:hover{border-color:#fff1a8;background:linear-gradient(180deg,#fff0a8,#d89b24);color:#050301}
.lightbox-nav-button:active{transform:translateY(calc(-50% + 4px));box-shadow:0 1px 0 #6c4307,0 0 10px rgba(245,195,65,.16)}
.lightbox-back{left:14px}
.lightbox-next{right:14px}
.lightbox-download-select{position:absolute;left:10px;top:10px;z-index:3;width:42px;height:42px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(0,0,0,.18);box-shadow:0 0 18px rgba(0,0,0,.55),inset 0 0 0 2px rgba(0,0,0,.2);backdrop-filter:blur(2px);cursor:pointer}
.lightbox-download-select:hover,.lightbox-download-select.selected{border-color:#ffd84a;background:rgba(255,216,74,.88);box-shadow:0 0 18px rgba(255,216,74,.58),0 0 18px rgba(0,0,0,.55)}
.lightbox-download-select.selected:after{content:"";position:absolute;left:14px;top:9px;width:12px;height:20px;border-right:4px solid #061714;border-bottom:4px solid #061714;transform:rotate(42deg)}
.cast-picker{position:fixed;inset:0;z-index:2100;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.46)}
.cast-picker.open{display:grid}
.cast-picker-panel{width:min(310px,calc(100vw - 28px));max-height:min(430px,calc(100vh - 28px));overflow:auto;padding:11px 12px;border:1px solid rgba(245,195,65,.58);border-radius:12px;background:linear-gradient(180deg,#080604,#000 76%,#030201);box-shadow:0 24px 58px rgba(0,0,0,.72),0 0 28px rgba(245,195,65,.16),inset 0 0 26px rgba(245,195,65,.07)}
.cast-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.cast-picker-head h2{margin:0;color:#ffff00;font-size:20px;font-weight:400;text-shadow:0 2px 5px #000}
.cast-picker-head button{width:30px;height:30px;border:1px solid rgba(255,216,106,.62);border-radius:50%;background:linear-gradient(180deg,#ffd967,#d99618);color:#061714;font-size:16px;font-weight:900;cursor:pointer}
.cast-action-row{display:none!important}
.cast-action-row:has(.cancel-cast-button[hidden]){grid-template-columns:1fr}
.scan-tv-button{width:100%;min-height:34px;border:1px solid rgba(255,216,106,.62);border-radius:8px;background:linear-gradient(180deg,#ffe28a,#b57c16);color:#080603;font-size:14px;font-weight:900;cursor:pointer}
.scan-tv-button:disabled{opacity:.7;cursor:wait}
.cancel-cast-button{width:100%;min-height:34px;border:1px solid rgba(121,255,173,.7);border-radius:8px;background:linear-gradient(180deg,#0d3d22,#04170d);color:#9dffc4;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 0 16px rgba(57,255,125,.16)}
.cancel-cast-button:hover{border-color:#9dffc4;box-shadow:0 0 22px rgba(57,255,125,.28)}
.cancel-cast-button[hidden]{display:none!important}
.cast-step-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}
.cast-step-row[hidden]{display:none!important}
.cast-step-row button{min-height:34px;border:1px solid rgba(255,216,106,.58);border-radius:8px;background:linear-gradient(180deg,#2c2109,#080603);color:#ffd86a;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 0 14px rgba(245,195,65,.12)}
.cast-step-row button:hover{border-color:#ffff00;color:#ffff00;box-shadow:0 0 18px rgba(255,255,0,.2)}
.cast-step-row button.active{border-color:rgba(121,255,173,.84);background:linear-gradient(180deg,#0d3d22,#04170d);color:#9dffc4;box-shadow:0 0 18px rgba(57,255,125,.28)}
.cast-step-row button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}
.cast-step-row button:disabled:hover{border-color:rgba(255,216,106,.58);color:#ffd86a;box-shadow:0 0 14px rgba(245,195,65,.12)}
.cast-device-list{display:grid;gap:8px;margin-top:10px}
.cast-device-item{display:grid;align-items:center;width:100%;min-height:54px;padding:9px 11px;border:1px solid rgba(245,195,65,.42);border-radius:8px;background:rgba(14,10,2,.62);color:#fff4c5;text-align:left;cursor:pointer}
.cast-device-item:hover{border-color:rgba(255,255,0,.86);background:linear-gradient(180deg,#3a2a08,#0b0803);box-shadow:0 0 18px rgba(245,195,65,.2)}
.cast-device-item:disabled{cursor:wait;opacity:.72}
.cast-device-item.connecting{border-color:#ffff00;background:linear-gradient(180deg,#3a2a08,#0b0803);box-shadow:0 0 22px rgba(255,255,0,.24)}
.cast-device-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff7d1;font-size:15px}
.cast-device-item span{display:none}
.cast-device-empty{margin-top:10px;padding:9px;border:1px dashed rgba(245,195,65,.45);border-radius:8px;color:#fff4c5;font-size:12px;line-height:1.35;text-align:center}
.cast-device-empty.connecting{border-style:solid;color:#ffff00;background:rgba(255,255,0,.06)}
.cast-quick-toast{position:fixed;right:18px;bottom:18px;z-index:2300;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border:1px solid rgba(121,255,173,.76);border-radius:10px;background:linear-gradient(180deg,#0d3d22,#04170d);color:#d8ffe7;font-size:14px;font-weight:900;box-shadow:0 18px 38px rgba(0,0,0,.58),0 0 24px rgba(57,255,125,.24);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.cast-quick-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.picture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.picture-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mobile-menu-toggle{position:fixed;left:12px;top:12px;z-index:1002;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(245,195,65,.72);border-radius:8px;background:linear-gradient(180deg,#2a1e08,#050403);box-shadow:0 8px 18px rgba(0,0,0,.42);cursor:pointer}.mobile-menu-toggle span{display:block;width:21px;height:2px;margin:2px 0;border-radius:2px;background:#ffd86a;box-shadow:0 0 8px rgba(245,195,65,.7)}.side{position:fixed;left:0;top:0;width:205px;height:100vh;z-index:1001;transform:translateX(-108%);transition:transform .22s ease;padding-top:68px}.main{margin-left:0;padding:72px 12px 24px}body.menu-open .side{transform:translateX(0)}body.menu-open:before{content:"";position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.38)}.admin-header{width:100%;height:112px!important;margin-top:24px}.header-title{left:66px;right:66px;top:34px;font-size:24px}.header-subtitle{left:58px;right:58px;bottom:22px;font-size:10px;letter-spacing:2px}.logo-center{width:74px!important;height:74px!important;top:-40px}.logo-left,.logo-right{width:42px!important;height:42px!important}.picture-board{padding:14px}.picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picture-card footer{grid-template-columns:minmax(0,1fr) 42px 30px}.picture-card footer span{display:none}.picture-card footer .cast-tv-button{width:42px;height:26px;border-width:3px}.picture-heading h2 span:before,.picture-heading h2 span:after{display:none}}
@media(max-width:560px){.picture-grid,.picture-features{grid-template-columns:1fr}.picture-heading{grid-template-columns:1fr}.view-toggle{justify-content:flex-end}.picture-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.picture-filters button{min-height:46px;padding:0 13px;font-size:12px}}

@media(max-width:760px){
  body{overflow-x:hidden}
  .mobile-menu-toggle{left:10px;top:10px;width:44px;height:44px}
  .side{width:min(78vw,250px);padding:70px 12px 18px}
  .brand{height:auto;margin-bottom:18px}
  .brand span{font-size:11px}
  .brand b{font-size:20px}
  .side-nav button{min-height:42px;margin-bottom:8px;font-size:13px}
  .side-nav button.sub-page{width:calc(100% - 22px);min-height:34px;margin-left:22px;font-size:12px}
  .main{padding:70px 10px 22px}
  .admin-header{height:96px!important;margin:16px auto 18px;border-radius:10px}
  .header-title{left:58px;right:58px;top:31px;font-size:24px}
  .header-subtitle{left:48px;right:48px;bottom:17px;font-size:9px;letter-spacing:2px}
  .logo-center{width:72px!important;height:72px!important;top:-40px}
  .logo-left,.logo-right{width:40px!important;height:40px!important}
  .logo-left{left:14px}
  .logo-right{right:14px}
  .home-picture-stage{margin-top:18px}
  .picture-board{margin-top:0;padding:12px 10px 14px;border-radius:12px}
  body:not(.module-layout) .picture-board{width:100%}
  .picture-heading{margin-bottom:10px}
  .picture-heading h2{font-size:21px;text-align:left}
  .picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .module-layout .picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .picture-card{border-radius:10px}
  .picture-card img{aspect-ratio:1.18/1}
  .module-layout .picture-card img{aspect-ratio:1.18/1}
  .picture-card footer{grid-template-columns:minmax(0,1fr) 42px 28px;min-height:38px;padding:5px 6px 5px 8px}
  .module-layout .picture-card footer{grid-template-columns:minmax(0,1fr) 42px 28px;min-height:40px;padding:6px 6px 6px 8px}
  .picture-card strong{font-size:12px}
  .module-layout .picture-card strong{font-size:13px}
  .picture-card footer span{display:none}
  .picture-card footer button{width:27px;height:27px;font-size:17px}
}

@media(max-width:430px){
  .main{padding-left:8px;padding-right:8px}
  .admin-header{height:88px!important}
  .header-title{left:50px;right:50px;top:29px;font-size:21px}
  .header-subtitle{left:42px;right:42px;bottom:15px;font-size:8px;letter-spacing:1.4px}
  .logo-center{width:62px!important;height:62px!important;top:-34px}
  .logo-left,.logo-right{width:34px!important;height:34px!important}
  .picture-grid{grid-template-columns:1fr;gap:12px}
  .module-layout .picture-grid{grid-template-columns:1fr;gap:12px}
  .picture-card img{aspect-ratio:1.55/1}
  .module-layout .picture-card img{aspect-ratio:1.55/1}
}

@media(max-width:900px){
  .side{width:min(78vw,248px);height:100vh;padding:92px 12px 18px;z-index:1002;transform:translateX(-106%)}
  .main{margin-left:0;padding:0 0 24px}
  body.menu-open .side{transform:translateX(0)}
  body.menu-open:before{z-index:1001;background:rgba(0,0,0,.48)}
  .karaoke-empty-header{grid-template-columns:40px 102px 1fr;height:82px;padding:0 10px}
  .hamburger-button{width:28px;height:34px;gap:3px}
  .hamburger-button span{width:19px;height:2px}
  .karaoke-brand{width:102px}
  .karaoke-brand img{width:52px;height:44px}
  .karaoke-brand span{font-size:11px}
  .home-search{width:100%;height:36px;grid-template-columns:minmax(0,1fr) 54px}
  .home-search input{font-size:13px;padding:0 12px}
  .top-search{width:100%;height:40px;grid-template-columns:minmax(0,1fr) 54px}
  .top-search input{padding:0 12px;font-size:16px}
  .home-picture-stage{margin-top:18px}
  .module-layout .home-picture-stage{width:100%}
}

@media(max-width:1180px){
  .picture-lightbox{align-items:center!important;justify-items:center!important;padding:18px!important}
  .picture-lightbox figure{width:min(920px,calc(100vw - 36px))!important;max-width:calc(100vw - 36px)!important;min-width:0!important;margin:0 auto!important}
}

@media(max-width:430px){
  .main{padding:0 0 22px}
  .karaoke-empty-header{grid-template-columns:36px 96px 1fr;padding:0 8px}
}

@media(max-width:560px){
  .picture-heading{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}
  .picture-heading h2{font-size:21px!important}
  .picture-download-bar{grid-column:1!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;align-items:center!important;gap:3px!important;padding:5px!important;overflow:visible!important;flex-wrap:nowrap!important}
  .picture-download-bar #downloadSelectedCount{min-width:20px!important;font-size:16px!important;text-align:center!important}
  .picture-download-bar button{min-height:28px!important;height:28px!important;padding:0 6px!important;font-size:10px!important;line-height:1!important}
  .picture-download-bar .download-choice-button{gap:4px!important}
  .picture-download-bar .download-choice-button span{width:16px!important;height:16px!important}
  .picture-download-bar .download-choice-button span:after{left:50%!important;top:43%!important;width:5px!important;height:8px!important;transform:translate(-50%,-50%) rotate(42deg)!important}
  .picture-download-bar .download-label-button{min-width:92px;margin-left:0!important;min-height:28px!important;height:28px!important;padding:0 10px!important;font-size:11px!important}
  .picture-download-bar .download-label-button:disabled{transform:none!important}
  .picture-card footer,.module-layout .picture-card footer{grid-template-columns:minmax(0,1fr)!important;min-height:42px!important;padding:5px 8px!important}
  .picture-lightbox{align-items:center!important;justify-items:center!important;padding:12px!important}
  .picture-lightbox figure{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:0!important;max-height:calc(100vh - 24px)!important;margin:0 auto!important;resize:none!important}
  .picture-lightbox img{max-height:calc(100vh - 92px)!important}
  .lightbox-nav-button{top:50%!important;bottom:auto!important;width:42px!important;min-width:42px!important;height:58px!important;font-size:34px!important;transform:translateY(-50%)!important}
  .lightbox-back{left:12px!important}
  .lightbox-next{right:12px!important}
}



.picture-lightbox.open{display:grid!important;place-items:center!important}
.picture-lightbox{padding:clamp(10px,2.4vw,28px)!important}
.picture-lightbox figure{width:min(96vw,1180px)!important;max-width:96vw!important;height:auto!important;max-height:92dvh!important;min-width:0!important;min-height:0!important;margin:0!important;resize:none!important}
.picture-lightbox img{width:100%!important;height:auto!important;max-height:calc(92dvh - 58px)!important;min-height:0!important;object-fit:contain!important}
.brand img{width:48px;height:34px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(245,195,65,.72))}
.brand span{margin-top:-3px!important;color:#ffd86a!important;font-size:13px!important;line-height:1!important;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 10px rgba(245,195,65,.45)!important}
.brand b{display:block!important;color:#fff!important;font-size:10px!important;line-height:1!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important}
/* Luxubu picture card title tune */
.picture-card footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;min-height:44px!important;padding:6px 9px!important}
.picture-card strong{overflow:hidden!important;color:#fff!important;font-size:14px!important;font-weight:400!important;white-space:nowrap!important;text-align:center!important;text-overflow:ellipsis!important}
.picture-memory-line{display:block!important;min-width:0!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:pre-line!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:unset!important;color:#fff!important;font-size:16px!important;font-weight:500!important;line-height:1.12!important;text-shadow:0 1px 5px #000!important}
.picture-memory-line::first-line{font-size:16px!important;font-weight:500!important}
.picture-memory-line .memory-location-line{display:block!important;color:#fff!important;font-size:16px!important;font-weight:500!important;line-height:1.12!important}
.picture-memory-line .memory-date-time-line{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;color:#ffd86a!important;font-size:12px!important;font-weight:400!important;line-height:1.12!important}
.picture-memory-line .memory-date-time-line span{display:inline-block!important;min-width:max-content!important;padding:0!important;border:0!important;background:transparent!important;color:#ffd86a!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;box-shadow:none!important}
.picture-card footer .picture-memory-line .memory-location-line,
.picture-card footer .picture-memory-line .memory-date-time-line{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.picture-card footer .picture-memory-line .memory-location-line{font-size:16px!important}
.picture-memory-line[hidden]{display:none!important}

/* HOME PICTURE main cards */
.module-layout .home-picture-stage{width:96%!important}
.module-layout .picture-grid{grid-template-columns:repeat(auto-fill,360px)!important;grid-auto-rows:auto!important;justify-content:start!important;gap:18px!important}
.module-layout .picture-card{width:360px!important;max-width:360px!important}
.module-layout .picture-card img{width:100%!important;height:209px!important;aspect-ratio:auto!important;object-fit:cover!important}
.module-layout .picture-card footer{grid-template-columns:minmax(0,1fr)!important;align-items:center!important;min-height:58px!important;height:58px!important;padding:7px 9px!important}
.module-layout .picture-card strong{display:-webkit-box!important;text-align:center!important;padding-left:0!important;font-size:15px!important;font-weight:600!important;line-height:19px!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.module-layout .picture-card footer .cast-tv-button{grid-column:2!important;grid-row:1!important;width:32px!important;height:32px!important}

/* HOME PICTURE folder cards stay equal, including folders created from Admin */
.module-layout .picture-card:has(.folder-card-image){width:360px!important;max-width:360px!important}
.module-layout .picture-card:has(.folder-card-image) img{width:100%!important;height:209px!important;aspect-ratio:auto!important;object-fit:cover!important}
.module-layout .picture-card:has(.folder-card-image) footer{min-height:58px!important;height:58px!important;padding:7px 9px!important}
.module-layout .picture-card:has(.folder-card-image) strong{font-size:15px!important;font-weight:600!important;padding-left:0!important;line-height:19px!important}
.module-layout .picture-card:has(.folder-card-image) footer .cast-tv-button{width:24px!important;height:24px!important}
@media(max-width:900px){.module-layout .picture-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.module-layout .picture-card,.module-layout .picture-card:has(.folder-card-image){width:100%!important;max-width:none!important}.module-layout .picture-card img,.module-layout .picture-card:has(.folder-card-image) img{height:auto!important;aspect-ratio:1.55/1!important}}


/* Select and delete buttons */
.picture-download-bar .delete-selected-button{border-color:rgba(255,84,84,.78);background:linear-gradient(180deg,#4b0c0c,#150202);color:#ffb2b2;min-width:46px}
.picture-download-bar .delete-selected-button:disabled{opacity:.38;cursor:not-allowed;color:#6e4b4b;background:linear-gradient(180deg,#231010,#080303)}

/* LUXUBU PUBLIC HEADER MATCH KARAOKE START */
.karaoke-empty-header{background:#020202!important;box-shadow:none!important}
.hamburger-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer!important}
.hamburger-button span{display:block!important;width:19px!important;height:2px!important;margin:0!important;border-radius:2px!important;background:#fff!important;box-shadow:0 0 7px rgba(245,195,65,.55)!important}
.karaoke-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:190px!important;color:#fff!important;text-decoration:none!important}
.karaoke-brand img{width:42px!important;height:38px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(245,195,65,.68))!important}
.karaoke-brand .brand-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;margin:0!important;line-height:.96!important;text-shadow:0 2px 8px rgba(0,0,0,.86)!important}
.karaoke-brand .brand-stack b{display:block!important;color:#ffd950!important;font-size:18px!important;font-weight:800!important;line-height:1!important}
.karaoke-brand .brand-stack em{display:block!important;color:#fff!important;font-size:15px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}
@media(max-width:900px){
  .karaoke-empty-header{grid-template-columns:40px 170px minmax(0,1fr)!important;height:82px!important;padding-left:10px!important;padding-right:10px!important}
  .hamburger-button{width:28px!important;height:34px!important;gap:3px!important}
  .hamburger-button span{width:19px!important;height:2px!important}
  .karaoke-brand{width:150px!important;gap:7px!important}
  .karaoke-brand img{width:36px!important;height:32px!important}
  .karaoke-brand .brand-stack b{font-size:16px!important}
  .karaoke-brand .brand-stack em{font-size:13px!important}
}
/* LUXUBU PUBLIC HEADER MATCH KARAOKE END */
/* LUXUBU REMOVE HEADING DECO START */
.home-video-heading h2 > span,
.video-upload-head h2 > span,
.home-picture-heading h2 > span,
.picture-heading h2 > span,
.home-karaoke-heading h2 > span,
.upload-head h2 > span,
.section-title h2 > span,
.section-title > span{display:none!important}
.home-video-heading h2 span:before,
.home-video-heading h2 span:after,
.video-upload-head h2 span:before,
.video-upload-head h2 span:after,
.home-picture-heading h2 span:before,
.home-picture-heading h2 span:after,
.picture-heading h2 span:before,
.picture-heading h2 span:after,
.home-karaoke-heading h2 span:before,
.home-karaoke-heading h2 span:after,
.upload-head h2 span:before,
.upload-head h2 span:after,
.section-title h2 span:before,
.section-title h2 span:after,
.section-title span:before,
.section-title span:after{content:none!important;display:none!important}
/* LUXUBU REMOVE HEADING DECO END */
/* Inline picture upload popup */
.picture-upload-open{min-width:82px;min-height:30px;padding:0 16px;border-color:rgba(121,255,173,.72)!important;background:linear-gradient(180deg,#0e3d25,#03150c)!important;color:#9dffc4!important;box-shadow:0 0 16px rgba(57,255,125,.18)!important;text-shadow:none!important}
.picture-upload-open:hover{border-color:#caffdc!important;color:#dfffe9!important;box-shadow:0 0 22px rgba(57,255,125,.32)!important}
.upload-modal{position:fixed;inset:0;z-index:2600;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.62)}
.upload-modal.open{display:grid}
.upload-dialog{position:relative;width:min(430px,calc(100vw - 28px));padding:22px 20px 20px;border:1px solid rgba(245,195,65,.72);border-radius:12px;background:linear-gradient(180deg,#070503,#000 78%,#030201);box-shadow:0 24px 60px rgba(0,0,0,.72),0 0 30px rgba(245,195,65,.2),inset 0 0 26px rgba(245,195,65,.08)}
.upload-dialog h3{margin:0 44px 16px 0;color:#ffd86a;font-family:Georgia,serif;font-size:25px;line-height:1;text-shadow:0 2px 5px #000,0 0 14px rgba(245,195,65,.3)}
.modal-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,216,106,.72);border-radius:50%;background:linear-gradient(180deg,#ffd967,#d99618);color:#061714;font-size:20px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 0 18px rgba(0,0,0,.5)}
#pictureUploadForm{display:grid;gap:12px;margin:0}
.file-drop{display:grid;place-items:center;min-height:112px;padding:14px;border:1px dashed rgba(255,216,106,.78);border-radius:10px;background:rgba(255,216,106,.06);color:#fff4c5;font-size:15px;font-weight:900;text-align:center;cursor:pointer}
.file-drop:hover{border-color:#ffff00;background:rgba(255,216,106,.1)}
.file-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#pictureUploadTitleInput{width:100%;height:42px;border:1px solid rgba(255,216,106,.58);border-radius:8px;padding:0 12px;background:#101413;color:#fff4c5;font-size:15px;font-weight:800;outline:none}
#pictureUploadTitleInput:focus{border-color:#ffff00;box-shadow:0 0 16px rgba(255,255,0,.16)}
#pictureUploadSubmit{height:42px;border:1px solid rgba(255,216,106,.9);border-radius:8px;background:linear-gradient(180deg,#ffe58f,#c98b18);color:#080603;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #6c4307,0 0 20px rgba(245,195,65,.34)}
#pictureUploadSubmit:disabled{opacity:.62;cursor:wait;transform:translateY(3px);box-shadow:0 2px 0 #6c4307,0 0 8px rgba(245,195,65,.12)}
#pictureUploadStatus{min-height:18px;margin:0;color:#9dffc4;font-size:13px;font-weight:800;text-align:center}
@media(max-width:760px){.picture-download-bar{flex-wrap:wrap;justify-content:center;width:100%}.picture-upload-open{min-width:76px}.upload-dialog{padding:20px 16px}.upload-dialog h3{font-size:22px}}
/* Picture download panel split */
.picture-heading>.picture-upload-open{grid-column:3;justify-self:end;align-self:center;min-width:92px!important}
.picture-download-bar{position:relative;padding-top:22px!important;align-self:center!important}
.picture-download-bar:before{content:"Download";position:absolute;left:10px;top:4px;color:#ffd86a;font-size:11px;font-weight:900;line-height:1;text-transform:uppercase;text-shadow:0 1px 5px #000}
.picture-download-bar .download-choice-button{min-width:82px;justify-content:center}
@media(max-width:760px){.picture-heading>.picture-upload-open{grid-column:1!important;justify-self:end!important}.picture-download-bar{padding-top:20px!important;flex-wrap:wrap!important}}
/* Mobile picture heading upload alignment */
@media(max-width:760px){
  .picture-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
  .picture-heading h2{grid-column:1!important;grid-row:1!important;margin:0!important;min-width:0!important}
  .picture-heading>.picture-upload-open{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;min-width:92px!important;margin:0!important}
  .picture-heading>.picture-download-bar{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;margin-top:0!important}
}
/* Picture heading action buttons */
.picture-heading>.delete-selected-button{grid-column:3;justify-self:end;align-self:center;margin-right:102px;min-width:52px;min-height:30px;border:1px solid rgba(255,84,84,.78);border-radius:6px;background:linear-gradient(180deg,#4b0c0c,#150202);color:#ffb2b2;font-size:12px;font-weight:900;cursor:pointer}
.picture-heading>.delete-selected-button:disabled{opacity:.38;cursor:not-allowed;color:#6e4b4b;background:linear-gradient(180deg,#231010,#080303)}
.picture-heading>.picture-upload-open{grid-column:3;justify-self:end;align-self:center}
@media(max-width:760px){.picture-heading>.delete-selected-button{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin-right:102px!important;min-width:48px!important}.picture-heading>.picture-upload-open{grid-column:2!important;grid-row:1!important;justify-self:end!important}}
/* Clear delete button */
.picture-heading>.delete-selected-button,.picture-download-bar .delete-selected-button{border:1px solid rgba(255,96,96,.95)!important;border-radius:7px!important;background:linear-gradient(180deg,#c52222,#5d0707)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;text-shadow:0 1px 4px #000!important;box-shadow:0 0 12px rgba(255,40,40,.24)!important;opacity:1!important}
.picture-heading>.delete-selected-button:disabled,.picture-download-bar .delete-selected-button:disabled{opacity:.72!important;color:#ffd2d2!important;background:linear-gradient(180deg,#5a1616,#220505)!important;cursor:not-allowed!important}
/* 3D heading action buttons */
.picture-heading>.picture-upload-open,.picture-heading>.delete-selected-button{min-height:32px!important;height:32px!important;min-width:92px!important;padding:0 18px!important;border:1px solid rgba(255,216,106,.95)!important;border-radius:7px!important;background:linear-gradient(180deg,#ffe58f,#c98b18)!important;color:#080603!important;font-size:14px!important;font-weight:900!important;text-shadow:0 1px 0 rgba(255,255,255,.28)!important;box-shadow:0 5px 0 #6c4307,0 0 20px rgba(245,195,65,.42)!important;letter-spacing:0!important}
.picture-heading>.picture-upload-open:hover,.picture-heading>.delete-selected-button:hover{border-color:#fff1a8!important;background:linear-gradient(180deg,#fff0a8,#d89b24)!important;color:#050301!important}
.picture-heading>.picture-upload-open:active,.picture-heading>.delete-selected-button:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #6c4307,0 0 10px rgba(245,195,65,.16)!important}
.picture-heading>.delete-selected-button:disabled{opacity:.72!important;color:#5f4c19!important;background:linear-gradient(180deg,#d5b760,#7c5d13)!important;cursor:not-allowed!important;text-shadow:none!important;box-shadow:0 2px 0 #4d3108,0 0 8px rgba(245,195,65,.12)!important}
@media(max-width:760px){.picture-heading>.picture-upload-open,.picture-heading>.delete-selected-button{min-width:86px!important;height:30px!important;min-height:30px!important;padding:0 12px!important;font-size:13px!important}.picture-heading>.delete-selected-button{margin-right:96px!important}}
/* Red 3D delete action */
.picture-heading>.delete-selected-button{min-width:104px!important;border-color:rgba(255,96,96,.98)!important;background:linear-gradient(180deg,#ff4b4b,#c40000)!important;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.72)!important;box-shadow:0 5px 0 #680000,0 0 20px rgba(255,34,34,.42)!important}
.picture-heading>.delete-selected-button:hover{border-color:#ffd0d0!important;background:linear-gradient(180deg,#ff6969,#df1010)!important;color:#fff!important}
.picture-heading>.delete-selected-button:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #680000,0 0 10px rgba(255,34,34,.22)!important}
.picture-heading>.delete-selected-button:disabled{opacity:.82!important;color:#ffe1e1!important;background:linear-gradient(180deg,#b93434,#680909)!important;box-shadow:0 2px 0 #3b0000,0 0 10px rgba(255,34,34,.16)!important}
@media(max-width:760px){.picture-heading>.delete-selected-button{min-width:92px!important;margin-right:96px!important}}
/* Mobile larger Upload/Delete buttons */
@media(max-width:760px){
  .picture-heading>.picture-upload-open,.picture-heading>.delete-selected-button{height:34px!important;min-height:34px!important;font-size:15px!important;font-weight:900!important;padding:0 14px!important}
  .picture-heading>.picture-upload-open{min-width:96px!important}
  .picture-heading>.delete-selected-button{min-width:100px!important;margin-right:106px!important}
}
/* Mobile larger action text only */
@media(max-width:760px){
  .picture-heading>.picture-upload-open,.picture-heading>.delete-selected-button{height:30px!important;min-height:30px!important;padding:0 12px!important;font-size:15px!important;font-weight:900!important}
  .picture-heading>.picture-upload-open{min-width:86px!important}
  .picture-heading>.delete-selected-button{min-width:92px!important;margin-right:96px!important}
}
/* Mobile larger download text only */
@media(max-width:760px){
  .picture-download-bar button{font-size:15px!important;font-weight:900!important}
  .picture-download-bar #downloadSelectedCount{font-size:15px!important;font-weight:900!important}
  .picture-download-bar .download-label-button{font-size:15px!important;font-weight:900!important}
}
/* Mobile keep download tools in one row */
@media(max-width:760px){
  .picture-download-bar{gap:2px!important;padding:20px 3px 5px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  .picture-download-bar #downloadSelectedCount{min-width:14px!important;width:14px!important;font-size:15px!important}
  .picture-download-bar button{height:28px!important;min-height:28px!important;padding:0 5px!important;font-size:14px!important;white-space:nowrap!important}
  .picture-download-bar .download-choice-button{min-width:68px!important;gap:3px!important;padding:0 5px!important}
  .picture-download-bar .download-choice-button span{width:16px!important;height:16px!important;flex:0 0 16px!important}
  .picture-download-bar #downloadSelectAllButton{min-width:76px!important}
  .picture-download-bar .download-label-button{min-width:48px!important;width:48px!important;padding:0 4px!important;font-size:14px!important;overflow:hidden!important;color:transparent!important;position:relative!important}
  .picture-download-bar .download-label-button:before{content:"DL";position:absolute;inset:0;display:grid;place-items:center;color:#080603;font-size:14px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.28)}
  .picture-download-bar .download-label-button:disabled:before{color:#5f4c19;text-shadow:none}
}
/* Selected count beside Upload/Delete */
.picture-heading>.heading-selected-count{grid-column:3;justify-self:end;align-self:center;margin-right:206px;color:#ffd86a;font-size:15px;font-weight:900;line-height:1;text-shadow:0 1px 5px #000;white-space:nowrap}
@media(max-width:760px){.picture-heading>.heading-selected-count{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin-right:202px!important;font-size:15px!important}.picture-download-bar{padding-left:5px!important}}
/* Larger selected count before Delete */
.picture-heading>.heading-selected-count{font-size:20px!important;font-weight:900!important;color:#fff07a!important;text-shadow:0 1px 5px #000,0 0 10px rgba(245,195,65,.42)!important}
@media(max-width:760px){.picture-heading>.heading-selected-count{font-size:20px!important;margin-right:202px!important}}
/* Extra large selected count */
.picture-heading>.heading-selected-count{font-size:40px!important;font-weight:900!important;line-height:1!important;color:#fff07a!important;text-shadow:0 2px 8px #000,0 0 14px rgba(245,195,65,.52)!important}
@media(max-width:760px){.picture-heading>.heading-selected-count{font-size:40px!important;margin-right:202px!important}}
/* Selected count normal weight */
.picture-heading>.heading-selected-count{font-weight:400!important}
@media(max-width:760px){.picture-heading>.heading-selected-count{font-weight:400!important}}
/* Clear mode red select button */
.picture-download-bar #downloadSelectAllButton.clear-mode{border-color:rgba(255,96,96,.98)!important;background:linear-gradient(180deg,#ff4b4b,#c40000)!important;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.72)!important;box-shadow:0 3px 0 #680000,0 0 14px rgba(255,34,34,.34)!important}
.picture-download-bar #downloadSelectAllButton.clear-mode:hover{border-color:#ffd0d0!important;background:linear-gradient(180deg,#ff6969,#df1010)!important}
/* Mobile Download label text */
@media(max-width:760px){
  .picture-download-bar .download-label-button{min-width:84px!important;width:84px!important}
  .picture-download-bar .download-label-button:before{content:"DownLoad"!important;font-size:14px!important}
}
/* Load more count tune */
.load-more{font-size:15px!important;letter-spacing:0!important}
.load-more span{font-size:15px!important;margin-left:14px!important}
@media(max-width:760px){.load-more{font-size:14px!important;min-height:40px!important}.load-more span{font-size:14px!important;margin-left:10px!important}}
/* Desktop Load More count tune */
@media(min-width:761px){
  .load-more{font-size:15px!important;min-height:42px!important;letter-spacing:0!important}
  .load-more span{font-size:15px!important;margin-left:14px!important}
}
/* Header actions single top-right row */
.picture-heading>.heading-selected-count{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin-right:218px!important;font-size:28px!important;line-height:1!important;font-weight:400!important;white-space:nowrap!important}
.picture-heading>.delete-selected-button{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin-right:106px!important}
.picture-heading>.picture-upload-open{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin-right:0!important}
@media(max-width:760px){
  .picture-heading>.heading-selected-count{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin-right:196px!important;font-size:24px!important}
  .picture-heading>.delete-selected-button{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin-right:96px!important}
  .picture-heading>.picture-upload-open{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin-right:0!important}
}


.upload-limit-note{display:block;margin-top:8px;color:#ffd86a;font-size:12px;font-weight:900;text-align:center;text-shadow:0 1px 4px #000}

/* Center picture view arrows */
.picture-lightbox figure>.lightbox-nav-button{position:absolute!important;top:50%!important;bottom:auto!important;z-index:5!important;display:grid!important;place-items:center!important;width:54px!important;min-width:54px!important;height:70px!important;padding:0!important;border-radius:8px!important;font-size:42px!important;font-weight:400!important;line-height:1!important;transform:translateY(-50%)!important}
.picture-lightbox figure>.lightbox-back{left:14px!important;right:auto!important}
.picture-lightbox figure>.lightbox-next{left:auto!important;right:14px!important}
@media(max-width:760px){
  .picture-lightbox figure>.lightbox-nav-button{width:42px!important;min-width:42px!important;height:58px!important;font-size:34px!important}
  .picture-lightbox figure>.lightbox-back{left:12px!important}
  .picture-lightbox figure>.lightbox-next{right:12px!important}
}
/* Resizable picture view */
.picture-lightbox.open figure{resize:both!important;overflow:auto!important;min-width:min(360px,calc(100vw - 24px))!important;min-height:260px!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
.picture-lightbox.open figure:after{content:""!important;position:absolute!important;right:6px!important;bottom:6px!important;z-index:6!important;display:block!important;width:18px!important;height:18px!important;border-right:3px solid rgba(255,216,106,.92)!important;border-bottom:3px solid rgba(255,216,106,.92)!important;border-radius:0 0 5px 0!important;box-shadow:4px 4px 0 rgba(8,6,3,.78)!important;pointer-events:none!important}

/* Drag-resizable picture view handle */
.picture-lightbox.open figure.lightbox-custom-size img{height:calc(100% - 58px)!important;max-height:none!important;width:100%!important;object-fit:contain!important}
.picture-lightbox.open figure.lightbox-resizing{user-select:none!important}
.lightbox-resize-handle{position:absolute!important;right:0!important;bottom:0!important;z-index:9!important;display:block!important;width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:0 0 10px 0!important;background:transparent!important;cursor:nwse-resize!important;touch-action:none!important}
.lightbox-resize-handle:before{content:""!important;position:absolute!important;right:7px!important;bottom:7px!important;width:20px!important;height:20px!important;border-right:4px solid rgba(255,216,106,.96)!important;border-bottom:4px solid rgba(255,216,106,.96)!important;border-radius:0 0 5px 0!important;box-shadow:4px 4px 0 rgba(8,6,3,.82)!important}
.lightbox-resize-handle:after{content:""!important;position:absolute!important;right:14px!important;bottom:14px!important;width:12px!important;height:12px!important;border-right:3px solid rgba(255,244,197,.9)!important;border-bottom:3px solid rgba(255,244,197,.9)!important}
.lightbox-resize-handle:hover:before{border-color:#ffff00!important}

/* Slim picture view arrows */
.picture-lightbox figure>.lightbox-nav-button{width:32px!important;min-width:32px!important;height:54px!important;border-color:rgba(255,215,0,.62)!important;border-radius:6px!important;background:rgba(8,6,3,.42)!important;color:#ffd700!important;font-size:30px!important;font-weight:400!important;box-shadow:0 4px 12px rgba(0,0,0,.48)!important;text-shadow:0 1px 5px #000!important}
.picture-lightbox figure>.lightbox-nav-button:hover{border-color:rgba(255,215,0,.96)!important;background:rgba(40,28,6,.72)!important;color:#ffd700!important}
.picture-lightbox figure>.lightbox-back{left:8px!important}
.picture-lightbox figure>.lightbox-next{right:8px!important}
@media(max-width:760px){
  .picture-lightbox figure>.lightbox-nav-button{width:28px!important;min-width:28px!important;height:46px!important;font-size:25px!important}
  .picture-lightbox figure>.lightbox-back{left:6px!important}
  .picture-lightbox figure>.lightbox-next{right:6px!important}
}