:root{
  --bg:#f6f3ed;--paper:#fffdf8;--ink:#171717;--muted:#706d68;--line:#dcd7cf;
  --accent:#ff5a36;--accent2:#d8ff5f;--danger:#b42318;--ok:#1b7a46;
  --shadow:0 18px 60px rgba(23,23,23,.10);--radius:24px;--radius-sm:14px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh}.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(246,243,237,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;border-radius:11px;background:var(--ink);position:relative}.brand-mark:after{content:"";position:absolute;inset:8px;border:3px solid var(--bg);border-radius:50%}.nav-actions{display:flex;gap:8px;align-items:center}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 80px}.hero{padding:70px 0 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--muted)}h1{font-size:clamp(46px,7vw,92px);line-height:.94;letter-spacing:-.065em;margin:12px 0 22px;max-width:900px}h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1;margin:0 0 14px}h3{margin:0;font-size:20px;letter-spacing:-.025em}p{color:var(--muted);line-height:1.65}.hero p{font-size:18px;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{border:0;border-radius:999px;padding:12px 18px;background:var(--ink);color:white;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.accent{background:var(--accent);color:white}.btn.danger{background:#fff1ef;color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}
.camera-card{background:var(--ink);padding:18px;border-radius:36px;box-shadow:var(--shadow);transform:rotate(2deg)}.camera-card .screen{aspect-ratio:3/4;border-radius:24px;background:linear-gradient(145deg,#f6c9a9,#7ea39d 55%,#373a39);position:relative;overflow:hidden}.camera-card .screen:after{content:"25 SHOTS LEFT";position:absolute;top:16px;left:16px;background:rgba(255,255,255,.88);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.08em}.camera-controls{display:flex;justify-content:center;padding:16px 0 4px}.shutter-demo{width:62px;height:62px;border-radius:50%;border:6px solid #454545;background:white}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:180px}.feature strong{font-size:26px;display:block;margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#ebe7df;color:#4f4b46;font-size:12px;font-weight:750}.pill.live{background:#e4f8ea;color:#1b6a3f}.pill.paused{background:#fff0d5;color:#8a5b00}.pill.ended{background:#e8e7e4;color:#595650}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.auth-panel{width:min(460px,100%)}.stack{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:13px 14px;color:var(--ink);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#989087;box-shadow:0 0 0 3px rgba(23,23,23,.06)}.textarea{min-height:96px;resize:vertical}.help{font-size:12px;color:var(--muted)}.error{padding:10px 12px;background:#fff1ef;border-radius:12px;color:var(--danger);font-size:13px}.success{padding:10px 12px;background:#e9f8ef;border-radius:12px;color:var(--ok);font-size:13px}
.dash{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{padding:22px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;background:#efebe4}.sidebar nav{display:grid;gap:6px;margin-top:28px}.sidebar a,.sidebar button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;font-weight:700;color:#605c56}.sidebar a.active,.sidebar a:hover,.sidebar button:hover{background:var(--paper);color:var(--ink)}.main{padding:30px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.stat b{font-size:30px;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.event-list{display:grid;gap:10px;margin-top:20px}.event-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.event-row:hover{border-color:#a9a39a}.event-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section{margin-top:26px}.divider{height:1px;background:var(--line);margin:22px 0}.check-row{display:flex;gap:10px;align-items:center;padding:10px 0}.check-row input{width:18px;height:18px}.qr-box{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;place-items:center;min-height:220px}.qr-box img,.qr-box canvas{max-width:180px!important;max-height:180px!important}
.event-entry{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#ffe5c8,transparent 32%),radial-gradient(circle at 90% 80%,#dcefdc,transparent 34%),var(--bg)}.welcome-card{width:min(480px,100%);text-align:center}.event-logo{height:64px;max-width:210px;object-fit:contain;margin-bottom:18px}.welcome-card h1{font-size:clamp(44px,12vw,72px);margin:8px auto 16px;max-width:430px}.welcome-card p{max-width:370px;margin:0 auto 24px}.shot-big{font-size:88px;font-weight:900;letter-spacing:-.08em;line-height:.9}.shot-label{text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.15em;color:var(--muted);margin-bottom:22px}
.camera-page{min-height:100vh;background:#0f0f0f;color:white;display:flex;flex-direction:column}.camera-top{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:12px}.camera-event{display:flex;align-items:center;gap:9px;min-width:0}.camera-event img{width:32px;height:32px;border-radius:8px;background:white;object-fit:contain}.camera-event b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.counter{font-size:12px;font-weight:900;background:#272727;border:1px solid #3c3c3c;padding:8px 10px;border-radius:999px}.viewfinder{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#050505}.video-wrap{height:100%;width:100%;position:relative;display:grid;place-items:center;overflow:hidden}.video-wrap video,.video-wrap canvas.capture-preview{width:100%;height:100%;object-fit:cover}.camera-bottom{padding:12px 14px calc(18px + env(safe-area-inset-bottom));background:#141414}.filters{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}.filter-chip{border:1px solid #343434;background:#202020;color:#bfbfbf;padding:9px 13px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:800}.filter-chip.active{background:white;color:#111;border-color:white}.shutter-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.shutter{width:72px;height:72px;border-radius:50%;border:6px solid white;background:#e6e6e6;box-shadow:inset 0 0 0 4px #161616}.camera-link{color:#ddd;font-size:12px;font-weight:800;text-align:center}.camera-link:last-child{text-align:right}
.preview-page{min-height:100vh;background:#171717;color:white;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto;gap:14px}.preview-stage{display:grid;place-items:center;min-height:0}.frame-wrap{max-height:68vh;max-width:94vw;display:grid;place-items:center}.photo-frame{background:#f4eee3;color:#222;padding:26px 22px 42px;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.35);display:grid;grid-template-rows:auto 1fr auto;gap:12px;overflow:hidden}.photo-frame.none{padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.photo-frame.mini{width:min(68vw,330px);aspect-ratio:54/86}.photo-frame.square{width:min(80vw,410px);aspect-ratio:72/86}.photo-frame.wide{width:min(94vw,600px);aspect-ratio:108/86}.frame-logo{height:24px;max-width:130px;object-fit:contain;justify-self:center}.frame-logo-text{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;text-align:center}.frame-image{width:100%;height:100%;min-height:0;object-fit:cover;background:#ddd}.frame-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;min-height:30px}.frame-caption{font-family:"Trebuchet MS",sans-serif;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-date{font-size:9px;color:#6f6b64;white-space:nowrap}.preview-toolbar{display:grid;gap:10px}.frame-options{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.preview-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.preview-actions .btn{border-radius:14px}.dark-input{background:#262626;border-color:#3d3d3d;color:white}.dark-input::placeholder{color:#777}
.album-page{min-height:100vh}.album-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.tabs{display:flex;gap:6px;background:#ebe7df;padding:4px;border-radius:999px;width:max-content}.tab{border:0;background:transparent;padding:8px 13px;border-radius:999px;font-weight:800;font-size:12px}.tab.active{background:white}.photo-grid{columns:4 220px;column-gap:10px}.photo-card{break-inside:avoid;margin:0 0 10px;background:white;border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative}.photo-card img{width:100%;display:block}.photo-info{padding:9px 10px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.empty{padding:52px 20px;text-align:center;border:1px dashed #bbb4aa;border-radius:20px;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:end center;z-index:90;padding:16px}.modal{width:min(520px,100%);background:var(--paper);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.modal h2{font-size:34px}.modal-actions{display:grid;gap:9px;margin-top:20px}.toast{position:fixed;right:18px;bottom:18px;z-index:120;background:#171717;color:white;padding:12px 15px;border-radius:14px;box-shadow:var(--shadow);font-size:13px;max-width:340px;animation:toastIn .22s ease}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}
.operator-shell{min-height:100vh;background:#111;color:white;padding:22px}.operator-shell .panel{background:#1b1b1b;border-color:#333;color:white}.operator-shell .input,.operator-shell .select{background:#222;color:white;border-color:#3b3b3b}.operator-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.control{padding:18px;border:1px solid #333;background:#1d1d1d;border-radius:18px;color:white;text-align:left}.control small{color:#999;display:block;margin-top:4px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-visual{max-width:420px;margin:auto}.grid{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.sidebar nav{display:flex;margin:0}.sidebar nav a:nth-child(n+3){display:none}.main{padding:22px 16px}.cards{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.photo-grid{columns:2 145px}}
@media(max-width:480px){.topbar{padding:0 14px}.container{width:min(100% - 24px,1180px)}.cards{grid-template-columns:1fr 1fr}.stat b{font-size:24px}.panel{padding:20px}.photo-grid{columns:2 130px}.welcome-card h1{font-size:48px}.preview-page{padding-left:10px;padding-right:10px}}
.load-more-wrap{display:flex;justify-content:center;padding:24px 0 4px}.load-more-wrap [hidden]{display:none}

/* v4 event control clarity */
.event-access-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 22px;border:1px solid rgba(255,255,255,.12)}
.event-access-panel h3{margin:7px 0 6px}.event-access-panel p{margin:0;max-width:680px}
.event-access-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.switch-label{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.switch-label input{position:absolute;opacity:0;pointer-events:none}
.switch-ui{width:52px;height:30px;border-radius:999px;background:#555;position:relative;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.switch-ui:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s ease}
.switch-label input:checked + .switch-ui{background:#79e59a}.switch-label input:checked + .switch-ui:after{transform:translateX(22px)}
.switch-label input:disabled + .switch-ui{opacity:.55}.status-explainer{display:flex;flex-direction:column;gap:4px}.status-explainer span{font-size:.9rem;color:var(--muted)}
.event-open-create{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.event-open-create span{display:flex;flex-direction:column;gap:3px}.event-open-create small{color:var(--muted)}
@media (max-width:760px){.event-access-panel{align-items:flex-start;flex-direction:column}.event-access-actions{width:100%;justify-content:space-between}}


/* v5 camera / gallery / PIN fixes */
html{touch-action:manipulation;-webkit-text-size-adjust:100%}
.video-wrap video.mirror{transform:scaleX(-1)}
.camera-float-btn{position:absolute;right:14px;top:14px;z-index:4;border:1px solid rgba(255,255,255,.24);background:rgba(15,15,15,.72);backdrop-filter:blur(10px);color:#fff;border-radius:999px;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.camera-float-btn span:first-child{font-size:22px;line-height:1}.camera-float-btn:disabled{opacity:.5}
.preview-actions .btn.secondary,.preview-retake{background:#2a2a2a!important;color:#fff!important;border-color:#555!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.preview-actions .btn.secondary:hover{background:#343434!important}
.photo-open{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;text-align:inherit}.photo-open img{width:100%;display:block}
.photo-info>div{display:grid;gap:2px;min-width:0}.photo-info>div b{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-info>div span{font-size:10px}
.photo-save{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;min-width:52px;align-self:center}.photo-save:disabled{opacity:.55}
.gallery-viewer{position:fixed;inset:0;z-index:200;background:rgba(8,8,8,.96);color:#fff;display:grid;grid-template-rows:auto 1fr auto;padding:calc(12px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.gallery-top,.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1200px;width:100%;margin:auto}.gallery-top{font-size:12px;font-weight:900;letter-spacing:.08em}.gallery-close{width:44px;height:44px;border-radius:50%;border:1px solid #3a3a3a;background:#1d1d1d;color:#fff;font-size:28px;line-height:1}.gallery-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden}.gallery-stage img{max-width:min(100%,1100px);max-height:calc(100vh - 160px);object-fit:contain;border-radius:6px;box-shadow:0 16px 60px rgba(0,0,0,.35)}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:58px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.48);color:#fff;border-radius:16px;font-size:40px;z-index:2}.gallery-nav.prev{left:4px}.gallery-nav.next{right:4px}.gallery-nav[hidden]{display:none}
.gallery-bottom{padding-top:10px}.gallery-bottom>div{display:grid;gap:2px}.gallery-bottom span{font-size:11px;color:#aaa}.gallery-save{border:1px solid #555;background:#fff;color:#111;border-radius:999px;padding:11px 16px;font-weight:850;min-height:42px}.gallery-save:disabled{opacity:.6}
.pin-state{font-size:12px;padding:9px 11px;border-radius:12px;background:#f1ede6;color:var(--muted);border:1px solid var(--line)}.pin-state.ready{background:#e9f8ef;color:var(--ok);border-color:#c9ead7}
@media(max-width:480px){.input,.select,.textarea{font-size:16px}.camera-float-btn{right:10px;top:10px}.gallery-nav{width:42px;height:50px;font-size:34px}.gallery-stage img{max-height:calc(100vh - 150px)}.gallery-bottom{padding-left:4px;padding-right:4px}}


/* v6: unmistakable gallery download / viewer / camera flip / retake controls */
.camera-utility-row{display:flex;justify-content:center;padding:0 0 12px}
.camera-flip-control{appearance:none;border:1px solid #ff8a00;background:#0b0b0b;color:#ff8a00;border-radius:999px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.05em;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.camera-flip-control span:first-child{font-size:22px;line-height:1}.camera-flip-control:disabled{opacity:.5}
.preview-retake{background:#0b0b0b!important;color:#ff8a00!important;border:1px solid #0b0b0b!important;box-shadow:none!important;font-weight:900!important}
.preview-retake:hover,.preview-retake:focus{background:#0b0b0b!important;color:#ff8a00!important;border-color:#0b0b0b!important}
.photo-card{cursor:pointer}
.photo-open{position:relative}
.photo-open-hint{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.76);color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.08em;pointer-events:none}
.photo-download-fab{position:absolute;top:8px;right:8px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,138,0,.55);background:rgba(10,10,10,.9);color:#ff8a00;font-size:20px;font-weight:900;display:grid;place-items:center;box-shadow:0 7px 20px rgba(0,0,0,.26)}
.photo-save{background:#0b0b0b!important;color:#ff8a00!important;border-color:#0b0b0b!important;min-width:94px!important;padding:7px 10px!important;font-size:9px!important;letter-spacing:.03em}
.gallery-nav{background:#0b0b0b!important;color:#ff8a00!important;border-color:#3b3b3b!important}
.gallery-save{background:#0b0b0b!important;color:#ff8a00!important;border-color:#ff8a00!important;letter-spacing:.04em}
@media(max-width:480px){.photo-save{min-width:86px!important;padding:7px 8px!important}.photo-download-fab{width:34px;height:34px}.camera-flip-control{min-height:42px}}


/* v7: real-time capture timestamp + operator close-window toggle */
.event-time-field{align-content:start}.realtime-time-toggle{margin-top:4px;width:max-content;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#f5f1ea}.realtime-time-toggle b{font-size:11px;letter-spacing:.08em}.realtime-time-toggle input:checked + .switch-ui{background:#ff8a00}.photo-frame.none{position:relative;overflow:hidden}.photo-timestamp-overlay{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.68);color:#fff;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:850;letter-spacing:.02em;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.22)}.operator-login-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.operator-close-toggle{padding:7px 9px;border:1px solid #3b3b3b;border-radius:999px;background:#171717}.operator-close-toggle b{font-size:9px;letter-spacing:.08em;color:#ff8a00}.operator-close-toggle .switch-ui{width:44px;height:26px}.operator-close-toggle .switch-ui:after{width:20px;height:20px}.operator-close-toggle input:checked + .switch-ui{background:#ff8a00}.operator-close-toggle input:checked + .switch-ui:after{transform:translateX(18px)}@media(max-width:480px){.operator-login-head{align-items:flex-start;flex-direction:column}.operator-close-toggle{align-self:flex-end}.photo-timestamp-overlay{right:7px;bottom:7px;font-size:9px}}


/* v8: removable logo, logo-left + persistent event title, operator close X */
.logo-dashboard-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f7f3ed}.logo-dashboard-preview img{max-height:70px;max-width:min(220px,65%);object-fit:contain;object-position:left center}.logo-remove-btn{min-height:38px;padding:8px 12px;white-space:nowrap}
.frame-head{position:relative;display:grid;place-items:center;min-height:26px;width:100%}.frame-head .frame-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;max-width:27%;object-fit:contain;object-position:left center;justify-self:auto}.frame-event-title{max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;line-height:1.1}
.operator-login-head{flex-direction:row!important;align-items:center!important}.operator-close-button{appearance:none;width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid #3b3b3b;background:#151515;color:#ff8a00;font-size:30px;line-height:36px;font-weight:400;display:grid;place-items:center;cursor:pointer;transition:.16s ease}.operator-close-button:hover,.operator-close-button:focus{background:#202020;border-color:#ff8a00;outline:none}.operator-close-button:disabled{opacity:.5}
@media(max-width:480px){.logo-dashboard-preview{align-items:flex-start;flex-direction:column}.logo-dashboard-preview img{max-width:100%}.logo-remove-btn{width:100%}.frame-head .frame-logo{height:21px;max-width:25%}.frame-event-title{font-size:8px;max-width:54%}.operator-login-head{flex-direction:row!important;align-items:center!important}.operator-close-button{width:40px;height:40px;flex-basis:40px}}

/* v9/v10: dashboard layout cleanup + No Filter */
.event-settings-form{gap:16px}
.event-settings-form>.two-col{align-items:start;gap:16px}
.event-settings-form .field{align-content:start;min-width:0}
.event-settings-form .input,.event-settings-form .select{min-height:52px;height:52px}
.event-settings-form .help{margin:0;line-height:1.45}
.event-settings-form h3{margin-top:2px}
.admin-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:start}
.admin-layout>div,.admin-layout>.stack{min-width:0;align-self:start}
.realtime-time-toggle{margin-top:8px}
.qr-box{min-height:190px;padding:14px}.qr-box img,.qr-box canvas{max-width:170px!important;max-height:170px!important}
.camera-control-label{font-size:9px;font-weight:900;letter-spacing:.16em;color:#777;margin:0 0 6px 2px}
.shutter:active{transform:scale(.96)}
@media(max-width:1100px){.admin-layout{grid-template-columns:1fr}.admin-layout>.stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-layout>.stack>.panel:last-child{grid-column:1/-1}}
@media(max-width:850px){.admin-layout>.stack{display:grid;grid-template-columns:1fr}.admin-layout>.stack>.panel:last-child{grid-column:auto}.event-settings-form>.two-col{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.event-settings-form>.two-col{grid-template-columns:1fr}}


/* v10: mobile viewport cleanup, stronger film looks, simpler album */
html,body,#app{height:100%;min-height:100%}body{overflow-x:hidden}

/* Dashboard: denser, aligned controls and better tablet use */
.main{padding:24px clamp(16px,2.2vw,30px) 44px}
.admin-layout{gap:16px}
.event-settings-form{padding:22px;border-radius:22px}
.event-settings-form>.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.event-settings-form .input,.event-settings-form .select{height:48px!important;min-height:48px!important;padding:0 14px;line-height:1.15}
.event-settings-form input[type="date"],.event-settings-form input[type="time"]{-webkit-appearance:none;appearance:none;display:block;height:48px!important;min-height:48px!important;padding:0 14px}
.event-settings-form .field>label{margin-bottom:1px}
.event-settings-form .divider{margin:16px 0}
.event-settings-form .check-row{padding:7px 0}
.event-time-field{gap:6px}.realtime-time-toggle{margin-top:3px;padding:6px 9px;border-radius:12px}.event-time-field .help{font-size:11px;line-height:1.35}
.admin-layout>.stack{gap:14px}.admin-layout>.stack>.panel{padding:22px;border-radius:22px}
.qr-box{min-height:168px;padding:10px}.qr-box img,.qr-box canvas{max-width:150px!important;max-height:150px!important}

/* Keep a two-column admin layout on landscape tablets instead of forcing a long page. */
@media (min-width:861px) and (max-width:1100px){
  .admin-layout{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;align-items:start}
  .admin-layout>.stack{display:grid!important;grid-template-columns:1fr!important}
  .admin-layout>.stack>.panel:last-child{grid-column:auto!important}
  .event-settings-form>.two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Camera is locked to the visible viewport; Safari toolbar/safe-area no longer covers the bottom controls. */
.camera-page{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-height:100dvh;min-height:0!important;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:#0d0d0d}
.camera-top{flex:0 0 auto;min-height:54px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:#101010;gap:8px}
.camera-event img{width:28px;height:28px}.camera-event b{font-size:13px;max-width:min(54vw,260px)}
.camera-top .counter{font-size:10px;padding:7px 9px;white-space:nowrap}
.viewfinder{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;background:#050505}
.video-wrap{position:absolute;inset:0;width:100%;height:100%}.video-wrap video{display:block;width:100%;height:100%;object-fit:cover;transition:filter .16s ease}
.camera-bottom{flex:0 0 auto;padding:7px 12px max(10px,env(safe-area-inset-bottom));background:#111;border-top:1px solid #202020}
.camera-control-label{font-size:8px;margin:0 0 4px 2px;letter-spacing:.18em;color:#8b8b8b}
.filters{gap:6px;padding:1px 0 7px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.filter-chip{padding:8px 10px;font-size:10px;min-height:34px;border-radius:999px}
.shutter-row{min-height:68px;grid-template-columns:1fr auto 1fr;gap:10px}.shutter{width:64px;height:64px;border-width:5px}.camera-link{font-size:10px;letter-spacing:.03em}
.camera-flip-fab{position:absolute;z-index:5;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,138,0,.72);background:rgba(8,8,8,.78);backdrop-filter:blur(8px);color:#ff8a00;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.camera-flip-fab span:first-child{font-size:20px;line-height:1}.camera-flip-fab:disabled{opacity:.5}

/* Stronger on-screen analog character; final export gets matching grain/vignette in JS. */
.video-wrap.film-active::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.11) .55px,transparent .7px),radial-gradient(rgba(0,0,0,.08) .55px,transparent .7px);background-size:3px 3px,4px 4px;background-position:0 0,1px 2px;opacity:.26;mix-blend-mode:soft-light}
.video-wrap.film-active::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:soft-light;box-shadow:inset 0 0 12vmin rgba(0,0,0,.12)}
.video-wrap[data-film="soft400"]::after{background:linear-gradient(rgba(235,188,145,.10),rgba(255,230,202,.04))}
.video-wrap[data-film="golden200"]::after{background:linear-gradient(rgba(242,169,54,.14),rgba(232,112,35,.05))}
.video-wrap[data-film="evergreen400"]::after{background:linear-gradient(rgba(255,235,220,.045),rgba(240,194,162,.022))}
.video-wrap[data-film="mono400"]::after{background:linear-gradient(rgba(255,255,255,.025),rgba(0,0,0,.04))}
.video-wrap[data-film="night800"]::after{background:linear-gradient(rgba(20,99,84,.12),rgba(184,54,38,.05))}

/* Album: one download action per card. */
.photo-download-fab{display:none!important}
.photo-info{align-items:center;padding:9px 10px}.photo-save{min-width:88px!important}

/* Preview also respects the mobile safe area and stays compact. */
.preview-page{height:100vh;height:100dvh;min-height:0!important;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));gap:8px}
.preview-stage{overflow:hidden}.frame-wrap{max-height:55dvh;max-width:96vw}.preview-toolbar{gap:7px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:2px}.preview-toolbar .filters,.preview-toolbar .frame-options{padding-bottom:3px}.preview-actions{gap:8px}.preview-actions .btn{min-height:42px;padding:10px 12px;font-size:11px}

/* General mobile cleanup */
@media(max-width:860px){
  .sidebar{position:sticky;top:0;z-index:30;height:auto;padding:10px 14px;gap:10px;background:rgba(239,235,228,.96);backdrop-filter:blur(16px)}
  .sidebar .brand span:last-child{display:none}.sidebar nav{gap:4px}.sidebar a,.sidebar button{padding:9px 10px;font-size:12px}
  .main{padding:18px 14px 40px}.page-head{margin-bottom:16px}.panel{border-radius:20px}.cards{gap:8px}.stat{padding:14px;border-radius:15px}
  .admin-layout{grid-template-columns:1fr!important}.admin-layout>.stack{display:grid!important;grid-template-columns:1fr!important}.event-settings-form>.two-col{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .container{width:min(100% - 20px,1180px);padding-top:20px;padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .topbar{min-height:62px;height:auto;padding:8px 12px}.topbar .btn{min-height:38px;padding:8px 12px;font-size:12px}
  .panel{padding:16px}.event-settings-form{padding:16px}.admin-layout>.stack>.panel{padding:16px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:22px}
  .photo-grid{columns:2 136px;column-gap:8px}.photo-card{margin-bottom:8px;border-radius:10px}.photo-info{padding:8px;font-size:10px;gap:6px}.photo-save{min-width:74px!important;padding:7px 7px!important;font-size:8px!important}
  .album-head{margin-bottom:12px}.album-head h2{font-size:32px}.tabs{position:sticky;top:70px;z-index:8}
}
@media(max-width:420px){
  .camera-top{min-height:50px}.camera-event b{max-width:50vw;font-size:12px}.camera-top .counter{font-size:9px}
  .camera-bottom{padding-left:10px;padding-right:10px}.filter-chip{padding:7px 9px;font-size:9px;min-height:32px}.shutter-row{min-height:62px}.shutter{width:58px;height:58px}.camera-link{font-size:9px}.camera-flip-fab{right:9px;bottom:9px;min-height:35px;padding:0 9px}
  .frame-wrap{max-height:51dvh}.preview-toolbar{gap:5px}.preview-actions .btn{font-size:10px}
}
@media(max-height:700px){
  .camera-top{min-height:46px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.filters{padding-bottom:5px}.filter-chip{min-height:30px;padding:6px 9px}.shutter-row{min-height:58px}.shutter{width:56px;height:56px}.camera-flip-fab{min-height:34px;bottom:8px}
  .preview-stage{max-height:48dvh}.frame-wrap{max-height:48dvh}
}


/* -------------------------------------------------------------------------- */
/* v11 — role/guest identity + camera control alignment + post-shot effects   */
/* -------------------------------------------------------------------------- */

/* Camera bottom controls: three true columns, centered shutter, equal side actions. */
.camera-bottom{
  padding:7px 12px max(16px,calc(env(safe-area-inset-bottom) + 8px));
}
.camera-film-strip{margin-inline:-2px;padding-inline:2px}
.shutter-row{
  width:100%;
  grid-template-columns:minmax(84px,1fr) 76px minmax(84px,1fr)!important;
  align-items:center;
  justify-items:stretch;
  gap:8px!important;
  min-height:74px;
}
.shutter{justify-self:center;align-self:center}
.camera-side-action{
  min-width:0;
  height:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  color:#f0f0f0;
  text-decoration:none;
  border:1px solid #252525;
  background:#181818;
  border-radius:16px;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.camera-side-action b{font-size:9px;line-height:1.05;letter-spacing:.08em;white-space:nowrap}
.camera-side-action small{font-size:8px;color:#777;line-height:1}
.camera-side-icon{font-size:18px;line-height:1;color:#ff8a00;margin-bottom:2px}
.camera-side-action:active{transform:scale(.97);background:#202020}

/* Preview editor is deliberately compact: Frame / Effect / Text in one place. */
.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.editor-tabs{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:5px;
  padding:4px;
  background:#202020;
  border:1px solid #303030;
  border-radius:14px;
}
.editor-tab{
  min-height:34px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8e8e8e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.editor-tab.active{background:#0d0d0d;color:#ff8a00;box-shadow:0 0 0 1px #343434 inset}
.editor-panel{display:none;min-height:38px}
.editor-panel.active{display:block}
.effect-options,.frame-options{display:flex;gap:7px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.effect-options::-webkit-scrollbar,.frame-options::-webkit-scrollbar{display:none}
.film-adjust{border-top:1px solid #2b2b2b;padding-top:5px}
.film-adjust summary{cursor:pointer;color:#888;font-size:9px;font-weight:800;letter-spacing:.05em;list-style:none;padding:4px 2px}
.film-adjust summary::-webkit-details-marker{display:none}.film-adjust summary b{color:#d9d9d9}
.film-adjust[open] summary{margin-bottom:3px}

/* Effect layer lives only over the image area, never over logo/caption/frame. */
.frame-media{position:relative;min-height:0;overflow:hidden;background:#ddd;display:grid;border-radius:0}
.frame-media .frame-image{grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.photo-frame.none .frame-media{max-width:94vw;max-height:55dvh;background:transparent}
.photo-frame.none .frame-media .frame-image{width:auto;max-width:94vw;height:auto;max-height:55dvh;object-fit:contain}
.effect-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.effect-none{display:none}
.effect-grain{
  opacity:.48;
  mix-blend-mode:soft-light;
  background-image:
    radial-gradient(rgba(255,255,255,.27) .55px,transparent .75px),
    radial-gradient(rgba(0,0,0,.24) .55px,transparent .8px);
  background-size:3px 3px,4px 4px;
  background-position:0 0,1px 2px;
}
.effect-dust{
  opacity:.64;
  mix-blend-mode:screen;
  background-image:
    radial-gradient(circle at 18% 26%,rgba(255,244,219,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 18%,rgba(255,244,219,.75) 0 1.4px,transparent 2px),
    radial-gradient(circle at 38% 76%,rgba(255,244,219,.75) 0 .8px,transparent 1.8px),
    linear-gradient(88deg,transparent 45%,rgba(255,246,225,.18) 46%,transparent 47%);
  background-size:83px 71px,127px 101px,61px 95px,230px 100%;
}
.effect-leak{
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at -5% 28%,rgba(255,62,20,.88),rgba(255,133,32,.44) 24%,rgba(255,51,28,.16) 49%,transparent 70%);
}
.effect-halation{
  mix-blend-mode:screen;
  background:radial-gradient(circle at 55% 35%,rgba(255,126,98,.20),transparent 46%),linear-gradient(rgba(255,70,45,.07),rgba(255,20,10,.025));
  box-shadow:inset 0 0 38px rgba(255,65,38,.14);
}
.effect-date-stamp{
  position:absolute;right:10px;bottom:9px;z-index:5;
  color:#ff8b2f;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-shadow:0 1px 4px rgba(0,0,0,.85);
  letter-spacing:.04em;
  pointer-events:none;
}

/* Guest management for Owner and Operator. */
.guest-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.guest-manager-head h3{margin:0 0 4px}.guest-manager-head p{margin:0}
.guest-list{display:grid;gap:7px}
.guest-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#faf8f4}
.guest-row>div{min-width:0;display:grid;gap:2px}.guest-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-row span{font-size:10px;color:var(--muted)}
.guest-reset-btn{min-height:36px!important;padding:8px 10px!important;font-size:10px!important;white-space:nowrap}
.operator-shell .guest-row{background:#181818;border-color:#303030}.operator-shell .guest-row span{color:#969696}

@media(max-width:480px){
  .camera-bottom{padding-left:9px;padding-right:9px;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 9px))}
  .shutter-row{grid-template-columns:minmax(74px,1fr) 66px minmax(74px,1fr)!important;gap:6px!important;min-height:68px}
  .shutter{width:58px!important;height:58px!important}
  .camera-side-action{height:58px;border-radius:14px}.camera-side-action b{font-size:8px}.camera-side-action small{font-size:7px}.camera-side-icon{font-size:16px}
  .preview-page{grid-template-rows:auto minmax(0,1fr) auto}
  .preview-toolbar{max-height:37dvh;padding-bottom:4px}
  .editor-tab{min-height:31px;font-size:8px}.filter-chip{flex:0 0 auto}
  .photo-frame.none .frame-media,.photo-frame.none .frame-media .frame-image{max-height:50dvh}
  .guest-manager-head{align-items:flex-start}.guest-row{align-items:flex-start;flex-direction:column}.guest-reset-btn{width:100%}
}
@media(max-height:680px){
  .camera-control-label{display:none}.filters.camera-film-strip{padding-bottom:4px}.shutter-row{min-height:62px}.camera-side-action{height:54px}.shutter{width:54px!important;height:54px!important}
  .preview-toolbar{max-height:39dvh}.editor-tab{min-height:29px}.preview-actions .btn{min-height:38px!important;padding-top:8px!important;padding-bottom:8px!important}
}
/* v12.2 — true-ratio live instant-frame viewfinder */
.camera-frame-strip{display:flex;gap:8px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:none}
.live-frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#f8f6ef;color:#222;box-shadow:0 12px 38px rgba(0,0,0,.4);width:min(92vw,calc(100dvh - 300px));max-height:100%;min-height:0;aspect-ratio:900/1433;padding:0;border-radius:16px}
.live-frame.mini{aspect-ratio:900/1433;grid-template-rows:90fr 1037fr 306fr;padding-inline:7.33%}
.live-frame.square{aspect-ratio:1080/1290;grid-template-rows:95fr 930fr 265fr;padding-inline:6.94%}
.live-frame.wide{aspect-ratio:1440/1147;grid-template-rows:90fr 827fr 230fr;padding-inline:4.17%}
.live-frame.none{width:100%;height:100%;max-height:none;aspect-ratio:auto;display:block;background:transparent;box-shadow:none}
.live-frame-head{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.live-frame-head img{position:absolute;left:0;max-width:20%;max-height:60%;object-fit:contain}
.live-frame-head span{display:block;width:56%;font-weight:800;font-size:clamp(6px,1.5vw,12px);line-height:1.05;overflow-wrap:anywhere;white-space:normal;letter-spacing:0}
.live-frame-media{position:relative;min-height:0;overflow:hidden;background:#111;border-radius:0}
.video-wrap .live-frame-media video{display:block;width:100%;height:100%;object-fit:cover}
.live-frame.none .live-frame-media{width:100%;height:100%}
.live-frame-foot{display:flex;align-items:flex-start;padding-top:6%;font-weight:700;font-size:clamp(8px,2vw,15px);overflow-wrap:anywhere}
/* Keep preview geometry proportional to the exported canvas. */
.photo-frame.mini{grid-template-rows:90fr 1037fr 306fr;padding:0 7.33%;gap:0}
.photo-frame.square{grid-template-rows:95fr 930fr 265fr;padding:0 6.94%;gap:0}
.photo-frame.wide{grid-template-rows:90fr 827fr 230fr;padding:0 4.17%;gap:0}
.photo-frame .frame-head{min-height:0;overflow:hidden}
.photo-frame .frame-event-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:56%;font-size:clamp(6px,1.35vw,12px);letter-spacing:0;line-height:1.08}
.photo-frame .frame-bottom{min-height:0;padding-top:6%;align-items:start}
@media(max-width:480px){.camera-bottom{padding-top:7px}.camera-frame-strip .filter-chip{padding:7px 11px}.live-frame{width:min(90vw,calc((100dvh - 285px)*.85))}.live-frame.wide{width:min(94vw,calc((100dvh - 285px)*1.2))}}

/* v12.4 owner/operator permanent-delete controls */
.moderation-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.moderation-actions .btn{font-size:11px;line-height:1.1;padding:8px 10px;min-height:33px}
.moderation-actions .photo-delete-btn{background:#b42318;color:#fff}
.photo-info>span{min-width:0;overflow-wrap:anywhere}
.moderation-load-more{margin-top:14px}
.moderation-load-more[hidden]{display:none}
@media(max-width:480px){.moderation-actions .btn{font-size:10px;padding:6px 8px;min-height:32px}}

/* v12.5: accessible bulk photo selection, with visible progress and 44px touch targets. */
.bulk-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:16px}
.bulk-toolbar .btn{min-height:42px;padding:10px 12px;font-size:13px}
.bulk-counter{font-size:13px;font-weight:800;margin:0 4px}
.bulk-status{flex-basis:100%;font-size:12px;color:var(--muted);overflow-wrap:anywhere;line-height:1.45}
.bulk-check{position:absolute;z-index:4;top:8px;left:8px;background:rgba(255,255,255,.96);border:1px solid #ddd;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.bulk-checkbox{appearance:auto!important;pointer-events:auto;width:22px;height:22px;margin:0;accent-color:#ff5a36;cursor:pointer}
.photo-card.is-selected{outline:3px solid #ff5a36;outline-offset:-3px}
.photo-card.is-selected .bulk-check{background:#fff0ea}
.album-page .bulk-check{display:none}
.album-page .bulk-select-active .bulk-check{display:grid}
.photo-grid.bulk-select-active .photo-open{cursor:pointer}
.bulk-select-active .photo-open-hint{display:none}
.photo-grid .photo-card{position:relative}

/* v12.5: camera capability controls; tap focus feedback and gesture-local zoom. */
.lens-controls{display:flex;align-items:center;gap:10px;padding:2px 0 9px;min-width:0}
.camera-lens-label{font-size:11px;font-weight:900;letter-spacing:.08em;color:#d8d8d8}
.camera-lens-select{min-width:75px;max-width:42vw;flex:1;background:#262626;color:white;border:1px solid #484848;border-radius:10px;padding:9px;font-size:13px}
.camera-zoom-label{font-weight:900;font-size:15px;min-width:32px;text-align:center}
.camera-focus-hint{font-size:11px;color:#a9a9a9;text-align:right;margin-left:auto}
.camera-lens-select[hidden]{display:none}
#camera-focus-area{touch-action:none;cursor:crosshair}
#camera-video{transform-origin:center center}
.focus-indicator{position:absolute;z-index:3;pointer-events:none;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%) scale(1.4);opacity:0;box-shadow:0 0 0 2px rgba(0,0,0,.3)}
.focus-flash{animation:focusFlash 1s ease-out}
@keyframes focusFlash{0%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}

/* Match enlarged final-canvas event title, safely allowing long names and logos. */
.live-frame-head{overflow:hidden}
.live-frame-head span{width:88%;max-width:88%;font-size:clamp(8px,1.9vw,17px);font-weight:900;line-height:1.03;overflow-wrap:anywhere;text-wrap:balance}
.live-frame-head:has(img) span{width:63%;max-width:63%;margin-left:auto;font-size:clamp(7px,1.65vw,16px)}
.live-frame-head img{max-width:20%;max-height:70%}
.photo-frame .frame-head{overflow:hidden}
.photo-frame .frame-event-title{max-width:90%;font-size:clamp(9px,2.15vw,18px);font-weight:900;line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}
.photo-frame .frame-head:has(img) .frame-event-title{max-width:63%;margin-left:auto;font-size:clamp(8px,1.8vw,16px)}
.photo-frame .frame-head .frame-logo{max-width:20%;height:auto;max-height:70%}
.photo-frame .frame-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding-top:5%}
.photo-frame .frame-caption{max-width:100%;width:100%;font-size:clamp(11px,2.5vw,18px);overflow-wrap:anywhere;white-space:normal;line-height:1.12;text-overflow:clip}
.photo-frame .frame-date{white-space:normal;font-size:clamp(10px,1.5vw,13px);line-height:1.15}
@media(max-width:480px){
  .bulk-toolbar{padding:10px 8px;gap:6px}.bulk-toolbar .btn{font-size:12px;min-height:40px;padding:8px 10px}
  .lens-controls{gap:6px}.camera-focus-hint{font-size:10px;max-width:118px}.camera-lens-select{font-size:12px;max-width:34vw}
  .live-frame-head span{font-size:clamp(8px,2.4vw,14px)}
  .live-frame-head:has(img) span{font-size:clamp(7px,2vw,13px)}
  .photo-frame .frame-event-title{font-size:clamp(9px,2.6vw,16px)}
  .photo-frame .frame-head:has(img) .frame-event-title{font-size:clamp(8px,2.3vw,14px)}
}

/* v12.5 print/camera geometry: taller header for legible long titles. Aspect ratios stay unchanged. */
.live-frame.mini{grid-template-rows:160fr 993fr 280fr}
.live-frame.square{grid-template-rows:160fr 885fr 245fr}
.live-frame.wide{grid-template-rows:155fr 772fr 220fr}
.photo-frame.mini{grid-template-rows:160fr 993fr 280fr}
.photo-frame.square{grid-template-rows:160fr 885fr 245fr}
.photo-frame.wide{grid-template-rows:155fr 772fr 220fr}

/* v12.6: minimal rear lens cycling on the live viewfinder */
.camera-lens-fab{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);min-width:54px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(10,10,10,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:15px;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 16px rgba(0,0,0,.18);touch-action:manipulation}
.camera-lens-fab[hidden]{display:none!important}.camera-lens-fab:disabled{opacity:.45}
/* Floating album return button, kept clear of iPhone home indicator */
.album-page{padding-bottom:calc(106px + env(safe-area-inset-bottom))}
.album-camera-fab{position:fixed;z-index:20;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:calc(100vw - 32px);padding:12px 21px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 8px 30px rgba(0,0,0,.27)}
.album-camera-fab svg{width:20px;height:20px;flex:none;color:#ff9f43}
.album-camera-fab:focus-visible,.camera-lens-fab:focus-visible{outline:3px solid #ff9f43;outline-offset:3px}
@media(max-width:480px){.camera-lens-fab{bottom:10px;min-width:50px;height:36px;font-size:13px}.album-camera-fab{font-size:13px;min-height:48px}}


/* v12.8 — film carousel like familiar mobile camera controls; entirely offline. */
.camera-film-strip,.preview-film-strip{gap:9px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:5px 2px 8px}
.filters .film-card{display:flex;flex:0 0 75px;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:2px 1px 6px;min-height:101px;background:transparent;border:0;color:#d0d0d0;white-space:normal;scroll-snap-align:center;border-radius:11px;outline-offset:-3px}
.film-thumb{display:block;width:61px;height:63px;border:2px solid transparent;border-radius:9px;background:linear-gradient(145deg,#33312e 5%,#706153 48%,#17181b 100%);background-size:cover;background-position:center center;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.film-card.active .film-thumb{border-color:#ff9d31;box-shadow:0 0 0 1px #ff9d31,0 3px 11px rgba(0,0,0,.32)}
.film-card .film-card-name{font-size:10px;font-weight:680;line-height:1.1;letter-spacing:0;min-height:24px;max-width:75px;display:flex;align-items:flex-start;justify-content:center;text-align:center}
.film-card.active .film-card-name{color:#ffa63c}
.film-card:focus-visible{outline:2px solid #ffa63c}
.film-slider-shell{border:1px solid rgba(255,255,255,.14);background:rgba(35,35,37,.97);border-radius:14px;padding:10px 13px 5px;margin:3px 1px 7px;color:white;box-shadow:0 6px 20px rgba(0,0,0,.20)}
.film-slider-shell[hidden]{display:none!important}
.film-slider-top{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750;margin-bottom:7px}
.film-slider-name{min-width:0;flex:1}.film-slider-top output{color:#ffac4b;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.film-slider-close{border:0;background:transparent;color:#d4d4d4;min-width:30px;height:28px;font-size:22px;line-height:1;cursor:pointer}
.film-slider-shell input[type="range"]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;background:linear-gradient(to right,#ff9d31 0%,#ff9d31 var(--slider-progress),#646467 var(--slider-progress),#646467 100%);border-radius:30px;outline:none;touch-action:pan-x;margin:11px 0 6px}
.film-slider-shell input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border-radius:50%;border:2px solid #fff;background:#fff;box-shadow:0 2px 6px #0008;cursor:pointer}
.film-slider-shell input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:#fff;cursor:pointer}
.film-slider-ends{display:flex;justify-content:space-between;color:#9a9a9a;font-size:9px;padding:0 0 2px}
.video-wrap.film-active::before,.video-wrap.film-active::after{opacity:var(--film-intensity,1)}
.video-wrap[data-film="soft400"]::after{background:linear-gradient(rgba(252,154,87,.10),rgba(226,100,62,.055))}
.video-wrap[data-film="golden200"]::after{background:linear-gradient(rgba(245,184,84,.095),rgba(237,131,43,.03))}
.video-wrap[data-film="evergreen400"]::after{background:linear-gradient(rgba(255,242,230,.03),rgba(223,182,164,.02))}
.video-wrap[data-film="classicfilm"]::after{background:linear-gradient(rgba(151,151,116,.07),rgba(101,128,111,.025))}
.film-preview-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:soft-light;opacity:var(--film-intensity,1)}
.frame-media[data-film-preview="soft400"] .film-preview-overlay{background:linear-gradient(rgba(252,154,87,.10),rgba(226,100,62,.055))}
.frame-media[data-film-preview="golden200"] .film-preview-overlay{background:linear-gradient(rgba(245,184,84,.095),rgba(237,131,43,.03))}
.frame-media[data-film-preview="evergreen400"] .film-preview-overlay{background:linear-gradient(rgba(255,242,230,.03),rgba(223,182,164,.02))}
.frame-media[data-film-preview="classicfilm"] .film-preview-overlay{background:linear-gradient(rgba(151,151,116,.07),rgba(101,128,111,.025))}
.frame-media[data-film-preview="night800"] .film-preview-overlay{background:linear-gradient(rgba(20,99,84,.12),rgba(184,54,38,.05))}
.frame-media[data-film-preview="mono400"] .film-preview-overlay{background:linear-gradient(rgba(255,255,255,.025),rgba(0,0,0,.04))}
.preview-film-strip .film-card{flex-basis:68px;min-height:90px}.preview-film-strip .film-thumb{width:53px;height:52px}.preview-film-strip .film-card-name{font-size:9px}
.preview-toolbar .film-slider-shell{margin:3px 0 7px;padding:8px 11px 4px}
@media(max-width:480px){
  .camera-film-strip{padding-top:2px;padding-bottom:5px;gap:7px}
  .filters .film-card{flex-basis:65px;min-height:84px;gap:3px;padding:1px 0 2px}
  .film-thumb{width:53px;height:53px;border-radius:8px}
  .film-card .film-card-name{font-size:9px;max-width:65px;min-height:19px}
  .film-slider-shell{padding:8px 11px 3px;margin-bottom:5px}.film-slider-top{font-size:12px;margin-bottom:4px}
}
@media(max-height:700px){
  .filters .film-card{min-height:68px}.film-thumb{width:42px;height:42px}.film-card .film-card-name{font-size:8.5px;min-height:18px}
  .film-slider-shell{padding:6px 9px 2px}.film-slider-shell input[type="range"]{margin:9px 0 5px}
}

/* Keep final save and retake reachable on short mobile screens. */
.preview-toolbar .preview-actions{position:sticky;bottom:0;z-index:8;background:#171717;padding:6px 0 2px;box-shadow:0 -7px 11px rgba(23,23,23,.72)}
.preview-toolbar .film-adjust{min-height:0}
.preview-toolbar:has(.film-adjust[open]){max-height:min(56dvh,390px)}
.preview-toolbar{display:flex;flex-direction:column;min-width:0;width:100%}
.preview-toolbar>*{flex:none;min-width:0;max-width:100%}
.editor-tabs{width:100%;grid-auto-columns:minmax(0,1fr)}
.film-adjust{width:100%;min-width:0;overflow:hidden}
.preview-film-strip{width:100%;max-width:100%;min-width:0}

/* v12.9 Hybrid Liquid Glass — visual-only, with solid accessibility fallback */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
.camera-lens-fab,.camera-flip-fab,.camera-float-btn{background:rgba(25,28,34,.38);border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(17px) saturate(155%);backdrop-filter:blur(17px) saturate(155%);box-shadow:0 5px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)}
.album-camera-fab{background:rgba(22,25,31,.60);border:1px solid rgba(255,255,255,.30);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 9px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.22)}
.camera-page .filter-strength-panel,.camera-page .film-strength-panel,.camera-page .strength-panel,.camera-page .film-slider-panel,.camera-page .filter-adjust-panel,.camera-page .filter-strength-wrap{background:rgba(32,33,38,.66);border-color:rgba(255,255,255,.24);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
.bulk-toolbar{background:rgba(246,243,237,.76);-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);border-color:rgba(130,130,130,.25)}
}
.album-camera-fab:focus-visible,.camera-lens-fab:focus-visible{outline:3px solid #ff9f43;outline-offset:3px}
@media(prefers-reduced-transparency:reduce){.camera-lens-fab,.camera-flip-fab,.camera-float-btn,.album-camera-fab{background:#191919!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.bulk-toolbar{background:var(--paper)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.album-camera-fab,.camera-lens-fab{transition:none!important}}

/* v12.10 Immersive Camera — keep the preview spacious and controls discoverable. */
.camera-page{--camera-glass:rgba(17,18,22,.66);background:#09090a}
.camera-page .camera-top{background:#101114;min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 11px 9px;gap:8px}
.camera-top .camera-event{flex:1;justify-content:center;min-width:0;max-width:calc(100% - 138px)}
.camera-top .camera-event b{font-size:12px;font-weight:700;max-width:100%;white-space:nowrap}
.camera-top .camera-event img{width:25px;height:25px}
.camera-top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.camera-icon-action{display:grid;place-items:center;min-width:36px;height:36px;padding:0 5px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:#fff;font-size:20px;font-weight:750;text-decoration:none;line-height:1}
.camera-top a.camera-icon-action{font-size:32px;min-width:36px}
.camera-top-actions .camera-icon-action{font-size:15px;letter-spacing:-2px}
.camera-top .counter{background:#ffffff12;border:1px solid #ffffff1a;font-size:10px;padding:8px 9px}
.camera-page .viewfinder{position:relative;flex:1;min-height:0;background:#000;isolation:isolate}
.camera-page .viewfinder .video-wrap{inset:0}
.camera-page .camera-lens-fab{top:12px;bottom:auto;height:39px;background:var(--camera-glass);border-color:#ffffff38;z-index:10}
.camera-page .camera-bottom{position:relative;flex:0 0 auto;min-height:104px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#101114;border:0}
.camera-bottom .camera-zoom-label{position:absolute;top:5px;right:12px;font-size:10px;font-weight:600;color:#9c9da5;min-width:auto;pointer-events:none}
.camera-page .shutter-row{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;min-height:72px;gap:8px}
.camera-page .shutter{width:70px!important;height:70px!important;border:5px solid #fff;background:#f3f3f3;justify-self:center;box-shadow:inset 0 0 0 4px #171717,0 3px 18px #0007}
.camera-round-action{border:0;background:transparent;color:#e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;min-width:62px;min-height:62px;justify-self:center;font-size:10px;font-weight:700}
.camera-round-action svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.camera-round-action span{font-size:10px;line-height:1}
.camera-round-action:focus-visible,.camera-icon-action:focus-visible,.camera-filter-pill:focus-visible{outline:2px solid #ffab52;outline-offset:2px}
.camera-film-float{position:absolute;bottom:15px;left:0;right:0;z-index:11;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 10px}
.camera-film-float>*{pointer-events:auto}
.camera-filter-pill{display:flex;align-items:center;justify-content:center;gap:9px;min-width:135px;min-height:42px;background:var(--camera-glass);color:white;border:1px solid #ffffff55;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:750;box-shadow:0 6px 22px #0006,inset 0 1px #ffffff20;max-width:calc(100vw - 26px)}
.camera-filter-pill span:first-child{font-size:16px;color:#ffab4a}
.camera-chevron{color:#fff;opacity:.9}
.camera-filter-pill.is-open{display:none}
.camera-film-panel{width:min(100%,470px);border-radius:21px;border:1px solid #ffffff3d;background:#17191be8;color:#fff;padding:13px 11px 10px;box-shadow:0 12px 35px #0009;max-height:min(260px,48dvh);overflow:auto;overscroll-behavior:contain;pointer-events:auto;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.camera-film-panel[hidden],.camera-settings-menu[hidden]{display:none!important}
.camera-panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 5px;font-size:13px}
.camera-panel-head button{border:0;background:#ffffff17;color:#fff;border-radius:50%;width:30px;height:30px;font-size:14px}
.camera-film-panel .filters.camera-film-strip{display:flex;gap:8px;max-width:100%;padding:4px 1px 5px;overflow-x:auto}
.camera-film-panel .filters .film-card{flex-basis:64px;min-height:85px;gap:3px}
.camera-film-panel .film-thumb{width:49px;height:49px;border-radius:8px}
.camera-film-panel .film-card .film-card-name{font-size:9px;max-width:64px}
.camera-film-panel .film-slider-shell{margin:5px 2px 1px;padding:10px 12px 6px;background:#12121588}
.camera-settings-menu{position:absolute;z-index:15;top:13px;right:10px;width:min(260px,calc(100vw - 24px));padding:17px;display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff38;border-radius:18px;background:rgba(20,21,25,.90);box-shadow:0 18px 35px #0007;color:white;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.camera-settings-menu>b{font-size:15px}.camera-settings-menu>label{font-size:11px;color:#bebebe}
.camera-settings-menu>select{width:100%;min-height:41px;background:#ffffff13;color:#fff;border:1px solid #ffffff30;border-radius:11px;padding:9px}
.camera-settings-menu>select option{background:#222;color:#fff}
.camera-settings-menu>a{color:#fff;text-decoration:none;border-top:1px solid #ffffff22;padding:10px 2px 0;font-size:13px;font-weight:700;display:flex;justify-content:space-between}
.camera-settings-menu small{color:#b3b4b7;line-height:1.4;font-size:10px}
/* Per-pixel deterministic film grain, never checkerboard dots or animated noise. */
.video-wrap.film-active::before,.video-wrap.film-active::after{display:none!important}
.video-wrap.film-active .live-frame-media::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background-image:var(--fine-grain-image,none);background-repeat:repeat;opacity:var(--fine-grain-opacity,0);mix-blend-mode:soft-light}
.frame-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:var(--fine-grain-image,none);opacity:var(--fine-grain-opacity,0);mix-blend-mode:soft-light}
.effect-grain{background-image:var(--fine-grain-image,none);background-repeat:repeat;opacity:.16;mix-blend-mode:soft-light}
@media(max-width:400px){.camera-page .camera-bottom{min-height:96px;padding-top:8px}.camera-page .shutter{height:62px!important;width:62px!important}.camera-page .shutter-row{min-height:64px}.camera-page .camera-top{min-height:50px}.camera-film-float{bottom:10px}.camera-panel-head{padding-bottom:0}}
@media(max-height:650px){.camera-page .camera-bottom{min-height:85px;padding-top:5px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.camera-page .shutter{height:54px!important;width:54px!important}.camera-page .shutter-row{min-height:58px}.camera-page .camera-lens-fab{top:6px}.camera-film-float{bottom:8px}.camera-film-panel{max-height:40dvh}}
/* Album: three equal square tiles and only one initial Select control. */
.album-page{background:#0e1012;color:#f8f8f8;min-height:100dvh}
.album-page>.topbar{background:#111316;color:#fff;border-bottom:1px solid #ffffff17}
.album-page .topbar .brand,.album-page .nav-actions{color:#fff}
.album-page .container{max-width:1080px;padding-top:23px;padding-bottom:calc(105px + env(safe-area-inset-bottom))}
.album-page .album-head{margin:0 0 17px}
.album-page .album-head .eyebrow{color:#a3a6ae}
.album-page .album-head h2{font-size:clamp(26px,6vw,38px);line-height:1.1;color:#fff}
.album-page .album-head p{color:#9a9da5;font-size:12px}
.album-page .tabs{position:static;background:#ffffff17;border:1px solid #ffffff22;margin:0 0 14px}
.album-page .tab{color:#bfc1c5;padding:10px 15px}
.album-page .tab.active{background:#ffffff2d;color:#fff}
.album-page .photo-grid{columns:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4px;row-gap:4px}
.album-page .photo-card{margin:0!important;border:0;border-radius:4px;min-width:0;aspect-ratio:1;background:#292a2c;overflow:hidden;position:relative}
.album-page .photo-open{width:100%;height:100%;display:block}
.album-page .photo-open img{width:100%;height:100%;object-fit:cover}
.album-page .photo-info,.album-page .photo-open-hint{display:none}
.album-page .bulk-toolbar{padding:0;margin:0 0 14px;border:0;background:transparent!important;box-shadow:none;display:flex;justify-content:flex-end;align-items:center;gap:9px}
.album-page .bulk-toolbar[data-selecting="true"]{display:flex;justify-content:flex-start;flex-wrap:wrap}
.album-page .bulk-toolbar>.btn{border:1px solid #ffffff36;background:#ffffff22;color:#fff;border-radius:99px;padding:9px 16px;min-height:39px;font-size:13px}
.album-page .bulk-toolbar>.btn:focus-visible{outline:2px solid #ffae53}
.album-page .bulk-counter{color:#fff}
.album-page .bulk-when-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.album-page .bulk-when-active[hidden]{display:none!important}
.album-page .bulk-when-active .btn{min-height:38px;padding:9px 11px;font-size:12px;border-radius:99px;background:#ffffff22;border:1px solid #ffffff40;color:#fff}.album-page .bulk-when-active .btn:disabled{opacity:.5}.album-page .bulk-when-active .btn.accent{background:#ff733c;border-color:#ff733c;color:#fff}
.album-page .bulk-status{display:none;color:#a5a5a8;font-size:11px}
.album-page .bulk-toolbar[data-selecting="true"] .bulk-status{display:block}
.album-page .bulk-check{top:5px;left:5px;width:32px;height:32px;border-radius:50%;background:#1118;border:1px solid #fff8;box-shadow:none}
.album-page .bulk-checkbox{width:19px;height:19px;accent-color:#ff9f43}
.album-page .photo-card.is-selected{outline:3px solid #ffae4b;outline-offset:-3px}
.album-camera-fab.selection-hidden{display:none!important}
.jpg-save-sheet{position:fixed;z-index:210;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(94vw,470px);max-height:min(70dvh,560px);overflow:auto;background:#181a1df2;color:#fff;border:1px solid #ffffff50;border-radius:22px;padding:17px;box-shadow:0 15px 65px #0009;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}
.jpg-save-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.jpg-save-head b{font-size:15px}.jpg-save-head p{color:#c4c4c4;font-size:12px;line-height:1.4;margin:6px 0 10px}.jpg-save-head button{background:#ffffff20;color:white;border:0;width:33px;height:33px;border-radius:50%;font-size:15px}
.jpg-share{width:100%;margin:6px 0 10px;justify-content:center}.jpg-save-links{display:grid;gap:7px;max-height:35dvh;overflow-y:auto}.jpg-save-link{color:#fff;border:1px solid #ffffff28;background:#ffffff14;border-radius:10px;padding:12px;font-size:12px;overflow-wrap:anywhere;text-decoration:none}
@media(max-width:620px){.album-page .container{width:calc(100% - 22px)}.album-page .photo-grid{gap:3px}.album-page .album-head h2{font-size:30px}}
@media(prefers-reduced-transparency:reduce){.camera-filter-pill,.camera-film-panel,.camera-settings-menu,.jpg-save-sheet{background:#17191c!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* v12.11: single reliable zoom readout and a dedicated one-tap frame chooser. */
.camera-page .camera-lens-fab.read-only{opacity:.92;cursor:default}
.camera-page .camera-lens-fab.read-only:disabled{opacity:.92}
.camera-page .camera-lens-fab{min-width:60px;padding:0 13px;letter-spacing:0;font-variant-numeric:tabular-nums}
.camera-frame-float{position:absolute;z-index:12;right:11px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}
.camera-frame-button{position:relative;display:grid;place-items:center;width:45px;height:45px;flex:none;color:#fff;border:1px solid #ffffff5a;border-radius:15px;background:rgba(20,22,25,.71);box-shadow:0 4px 22px #0006,inset 0 1px #ffffff27;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);touch-action:manipulation}
.camera-frame-button svg{width:24px;height:24px}
.camera-frame-state{display:none;position:absolute;right:7px;top:6px;width:7px;height:7px;background:#ffad50;border:1px solid #151719;border-radius:100%}
.camera-frame-button.has-frame .camera-frame-state{display:block}
.camera-frame-panel{position:absolute;right:54px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;width:min(181px,calc(100vw - 91px));max-height:min(360px,67dvh);overflow:auto;padding:11px;border:1px solid #ffffff52;border-radius:18px;background:rgba(21,23,27,.92);color:#fff;box-shadow:0 15px 38px #0009;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.camera-frame-panel[hidden]{display:none!important}
.camera-frame-panel-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;padding:0 1px 4px;color:#fff;font-size:12px;font-weight:800}
.camera-frame-panel-head button{display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff25;color:#fff;width:28px;height:28px;font-size:12px}
.camera-frame-option{border:1px solid #ffffff20;border-radius:11px;background:#ffffff12;color:#fff;min-height:39px;text-align:left;font-size:12px;font-weight:700;padding:10px 12px;white-space:nowrap;touch-action:manipulation}
.camera-frame-option.active{border-color:#ffa74b;background:#ffac4933;color:#ffbe7e}
.camera-frame-option.active:after{content:'✓';float:right}
.camera-frame-button:focus-visible,.camera-frame-option:focus-visible{outline:2px solid #ffad50;outline-offset:2px}
@media(max-height:650px){.camera-frame-button{width:42px;height:42px}.camera-frame-panel{max-height:57dvh}}
@media(prefers-reduced-transparency:reduce){.camera-frame-button,.camera-frame-panel{background:#17191c!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

.camera-frame-button[hidden]{display:none!important}
.camera-frame-float:has(> .camera-frame-button[hidden]){pointer-events:none}

/* v12.12: uncropped, full-frame three-column album with per-item JPG download */
.album-page .photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;align-items:start}
.album-page .photo-card{aspect-ratio:auto!important;height:auto!important;min-width:0;background:transparent!important;overflow:visible!important;border:0!important;border-radius:3px!important}
.album-page .photo-open{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;background:transparent;padding:0;border:0;overflow:hidden;border-radius:16px}
.album-page .photo-open img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.album-page .album-item-download{display:grid!important;place-items:center;position:absolute;right:5px;bottom:5px;width:30px;height:30px;min-width:30px;min-height:30px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(18,19,22,.85);color:#fff;z-index:4;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 9px #0005}
.album-page .album-item-download:disabled{opacity:.6;cursor:wait}
.album-page .album-item-download:focus-visible{outline:2px solid #ff9f43;outline-offset:2px}
.album-page .photo-grid.bulk-select-active .album-item-download{display:none!important}
.album-page .photo-card.is-selected{outline:2px solid #ffae4b;outline-offset:0}
@media(max-width:620px){.album-page .photo-grid{gap:4px!important}.album-page .container{width:calc(100% - 12px)}.album-page .album-item-download{width:28px;height:28px;min-width:28px;min-height:28px;right:4px;bottom:4px}}

/* v12.13: admin photo reliability + dedicated album management */
.moderation-card .moderation-image{position:relative;display:grid;place-items:center;width:100%;min-height:130px;background:#e9e7e3;overflow:hidden}
.moderation-card .moderation-image>img{width:100%;height:auto;object-fit:contain;display:block;min-height:0}
.moderation-card .photo-unavailable{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:15px;color:#66605a;font-size:12px;gap:4px;background:#eeeae3}
.moderation-card.photo-missing .photo-unavailable{display:flex}
.moderation-card.photo-missing img{visibility:hidden}
.photo-warning{margin:12px 0;border:1px solid #c58c5f;background:#fff0de;color:#7e410a;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45}
.manager-recent-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.manager-recent-heading h3{margin:0}
.owner-album-head{align-items:center}
.album-manager-controls{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(140px,.8fr) auto;align-items:end;gap:14px}
.album-manager-controls .field{min-width:0}
.album-manager-controls .select{width:100%;min-height:43px}
.album-manager-caption{color:#77716b;font-size:12px;padding-bottom:10px;white-space:nowrap}
.album-manager-panel{margin-top:17px}
.album-manager-grid{display:grid!important;columns:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.album-manager-grid>.manager-photo-card{width:auto;min-width:0;margin:0;break-inside:auto;border-radius:14px;background:#fff;overflow:hidden;border:1px solid var(--line);position:relative}
.manager-photo-card .manager-image-button{appearance:none;border:0;background:transparent;width:100%;display:block;text-align:inherit;padding:0;cursor:zoom-in}
.manager-photo-card .moderation-image{min-height:110px;max-height:390px;display:flex;align-items:center;justify-content:center}
.manager-photo-card .moderation-image img{display:block;width:100%;height:auto!important;max-height:390px;object-fit:contain!important}
.manager-photo-card .manager-photo-meta{display:flex;justify-content:space-between;gap:8px;padding:10px 10px 5px;color:#756e66;font-size:11px}
.manager-photo-card .manager-photo-meta span:last-child{font-size:10px;white-space:nowrap}
.manager-photo-card .manager-photo-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 9px 10px}
.manager-photo-card .manager-photo-actions button{appearance:none;border:1px solid #e6e0d8;background:#f5f2ed;color:#3d3935;border-radius:9px;min-height:34px;padding:6px 10px;cursor:pointer;font-size:11px;font-weight:700}
.manager-photo-card .manager-photo-actions .icon-action{background:#202020;color:white;font-size:19px;min-width:35px;line-height:1}
.manager-photo-card .manager-photo-actions .manager-delete{background:#fff2ef;border-color:#ffdfd6;color:#a63227}
.manager-photo-card[data-hidden='1']{background:#f7f5f1}
.manager-photo-card[data-hidden='1'] .manager-image-button{opacity:.65}
.manager-photo-card .bulk-check{z-index:6}
.album-manager-grid.bulk-select-active .manager-image-button{pointer-events:none}
.manager-footer{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:18px}
@media(max-width:850px){.sidebar nav a:nth-child(n+3){display:inline-flex}.album-manager-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.album-manager-caption{grid-column:1/-1;padding:0}.album-manager-grid{gap:8px}}
@media(max-width:620px){.owner-album-head{align-items:flex-start}.album-manager-controls{grid-template-columns:1fr;gap:10px}.album-manager-caption{grid-column:auto}.album-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.manager-photo-card .manager-photo-meta{display:block;font-size:10px}.manager-photo-card .manager-photo-meta span:last-child{display:block;font-size:9px;margin-top:3px}.manager-photo-card .manager-photo-actions{padding:5px;gap:3px}.manager-photo-card .manager-photo-actions button{padding:5px 6px;min-height:30px;font-size:10px}.manager-photo-card .manager-photo-actions .icon-action{min-width:30px}}
@media(max-width:400px){
  .sidebar{padding:8px 9px!important;gap:4px!important}
  .sidebar .brand{min-width:30px}
  .sidebar nav{gap:0!important;flex-wrap:nowrap}
  .sidebar nav a,.sidebar nav button{font-size:10px!important;padding:8px 6px!important;white-space:nowrap}
  .owner-album-head h2{font-size:27px}
  .owner-album-head>.btn{padding:9px 10px;font-size:11px}
  .album-manager-caption{overflow-wrap:anywhere;white-space:normal}
}

/* v12.14 — usability + safety corrections */
.pending-banner{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:9px 14px;background:#442d19;color:#ffdfb5;border:1px solid #906430;border-radius:12px;margin:0 12px 6px;font-size:12px}
.pending-banner-link{color:#fff;text-decoration:underline;font-weight:750}
.pending-layout{padding:28px 0 65px;max-width:760px}.pending-disclaimer{padding:16px;border-radius:16px;border:1px solid #b48234;background:#fff4d9;color:#523810;line-height:1.5;margin:16px 0}.pending-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.pending-list{display:grid;gap:12px}.pending-item{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #ddd;border-radius:16px;background:white}.pending-item img{width:100px;height:130px;object-fit:contain;background:#eee;flex-shrink:0}.pending-item p{font-size:12px;color:#777;margin:5px 0}.pending-item .pending-error{color:#9c3c17}.pending-backup{min-height:38px}
.preview-upload-warning{border:1px solid #ffae57;border-radius:12px;background:#382718;color:#fce6c9;line-height:1.45;padding:12px;display:grid;gap:8px;font-size:13px}.preview-upload-warning a{text-decoration:underline;color:#ffbe71}.preview-upload-warning button{width:max-content}
.preview-more{border:1px solid #383838;border-radius:14px;background:#222;color:#fff}.preview-more>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:700;padding:12px 14px}.preview-more>summary::-webkit-details-marker{display:none}.preview-more-inner{padding:10px;display:grid;gap:9px;border-top:1px solid #393939}.preview-page .preview-actions{position:relative}
.bulk-more,.manager-more{position:relative;display:inline-block}.bulk-more summary{list-style:none;cursor:pointer}.bulk-more summary::-webkit-details-marker,.manager-more summary::-webkit-details-marker{display:none}.bulk-more-menu{position:absolute;right:0;bottom:calc(100% + 7px);display:grid;gap:6px;min-width:175px;padding:9px;background:#1f2024;border:1px solid #565656;border-radius:12px;z-index:20;box-shadow:0 8px 24px #0005}.bulk-more-menu .btn{white-space:nowrap}.bulk-more-menu [hidden]{display:none!important}.manager-more summary{cursor:pointer;border:1px solid #bbb9b6;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;font-weight:800;background:#f4f3ef;color:#111}.manager-more-menu{position:absolute;right:0;bottom:calc(100% + 4px);z-index:5;background:white;border:1px solid #ddd;padding:6px;border-radius:10px;box-shadow:0 8px 22px #0003}
.owner-settings-disclosure{border:1px solid var(--line);border-radius:20px;padding:5px;background:#faf7f2}.owner-settings-disclosure>summary{cursor:pointer;font-weight:850;padding:17px 20px;list-style:none}.owner-settings-disclosure>summary::-webkit-details-marker{display:none}.owner-settings-disclosure[open]>.event-settings-form{border:0;padding-top:10px;box-shadow:none}
.operator-nav-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.operator-album-inner{max-width:1060px;margin:auto}.operator-album-shell .album-manager-panel{background:#1b1b1b;color:white}.operator-album-shell .album-manager-controls{background:#222;color:white}.operator-album-shell .manager-photo-card{background:#252525;border-color:#454545}.operator-album-shell .manager-photo-meta{color:#ccc}.operator-album-shell .manager-photo-actions .manager-delete{color:#fff}
.moderation-image-open{width:100%;padding:0;display:block;border:0;text-align:initial;cursor:zoom-in}.moderation-image-open img{pointer-events:none}
.album-page .photo-card{overflow:hidden!important;background:#252525!important}.album-page .photo-open{margin-bottom:0!important}.album-page .photo-card .album-item-download{position:relative!important;bottom:auto!important;right:auto!important;margin:2px 4px 3px auto;width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important}.album-page .photo-card.photo-missing{min-height:115px}.album-page .photo-card.photo-missing .photo-open{min-height:85px}.album-page .photo-card.photo-missing .photo-open:after{content:'Preview unavailable';display:block;font-size:10px;color:#ddd;padding:5px;text-align:center}.album-page .album-pending-link{margin:8px 0 12px;font-size:12px}.album-page .album-pending-link a{color:#ffb567;text-decoration:underline}
.album-page .photo-grid.bulk-select-active .album-item-download{display:none!important}
.operator-shell .bulk-more-menu .btn{color:white}.operator-shell .photo-grid.bulk-select-active .moderation-image-open{pointer-events:auto}
@media(max-width:600px){.pending-item{align-items:flex-start}.pending-item img{width:80px;height:108px}.owner-settings-disclosure{margin-bottom:12px}.operator-shell{padding:12px}.operator-nav-actions .btn{font-size:11px;min-height:38px}.album-page .photo-card .album-item-download{width:34px!important;height:34px!important}}

/* v12.15 — Owner-only event deletion with explicit code confirmation */
.event-delete-zone{margin-top:26px;border:1px solid #e8b4b1;background:#fffaf8}
.event-delete-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
.event-delete-heading>div{max-width:680px;min-width:0}
.event-delete-heading h3{margin:6px 0 9px}
.event-delete-heading .eyebrow{color:#a43c37}
.event-delete-heading .btn{flex-shrink:0}
.event-delete-confirm{max-width:560px;margin-top:18px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e8b4b1}
.event-delete-confirm[hidden]{display:none}
.event-delete-confirm label{display:block;margin:12px 0 8px;font-size:12px;font-weight:800}
.event-delete-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.event-delete-confirm [disabled]{opacity:.45;cursor:not-allowed}
#delete-event-progress{white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:610px){.event-delete-heading{display:grid;gap:14px}.event-delete-heading .btn{justify-self:start}.event-delete-confirm{padding:14px}}

/* JepretBareng vendor identity + Instagram Story action */
.album-item-share{
  position:relative;
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  display:grid;
  place-items:center;
  box-shadow:none;
  flex:none;
}
.album-item-download{position:relative!important;right:auto!important;bottom:auto!important}
.photo-card .photo-actions-row{display:flex;gap:6px;justify-content:flex-end;padding:4px 5px 6px}
.album-item-share:hover{
  color:var(--accent);
  border-color:var(--accent);
}
.photo-card{
  position:relative;
}

/* v13.2 branding polish */
.brand-logo{height:32px;width:auto;display:block;object-fit:contain}
.photo-actions-row{gap:10px;justify-content:flex-end;align-items:center}
.album-item-share,.album-item-download{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:640px){.brand-logo{height:26px}}

/* v13.2.1 final jepretbareng brand fixes */
.brand-logo{height:36px;max-width:min(42vw,260px)}
.photo-actions-row{display:grid!important;grid-template-columns:repeat(2,42px);gap:8px!important;justify-content:end;align-items:center;padding:6px 6px 8px!important}
.album-item-share,.album-item-download{flex-shrink:0;border-radius:12px}
.album-item-share{background:#fff3ec!important;border:1px solid #ffd1b8!important;color:#ff6b1a!important}
.album-item-download{background:#1f1f1f!important;border:1px solid #383838!important;color:#fff!important}
.gallery-share svg,.album-item-share svg{display:block}
.gallery-share{display:inline-flex;align-items:center;gap:8px}
@media(max-width:640px){.brand-logo{height:28px;max-width:185px}.photo-actions-row{grid-template-columns:repeat(2,38px);gap:6px!important}.album-item-share,.album-item-download{width:38px!important;height:38px!important}}


/* v13.3.1 story polish */
.hero h1{letter-spacing:-.045em}
.hero p{max-width:620px}