:root{--maroon: #340b1a;--maroon-2: #4a1226;--gold: #d1a751;--cream: #f5e9d7;--cream-soft: #e6d3ba;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(120% 130% at 20% -10%,#55162c 0%,var(--maroon) 55%,#260812 100%);color:var(--cream);min-height:100dvh}#root{min-height:100dvh;display:flex;justify-content:center}.alb-screen{width:100%;max-width:560px;padding:26px 18px 40px;display:flex;flex-direction:column;gap:14px}.alb-welcome{align-items:center;text-align:center;padding-top:42px}.alb-logo{width:88px;height:88px;border-radius:50%;border:2px solid rgba(209,167,81,.55);box-shadow:0 10px 30px #00000073}.alb-eyebrow{margin:14px 0 0;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#f5e9d79e}.alb-names{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(30px,8vw,40px);font-weight:500;line-height:1.15;color:var(--cream)}.alb-names em{color:var(--gold);font-style:italic}.alb-meta{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:13px;color:#f5e9d7bf}.alb-meta span+span:before{content:"•";margin-right:14px;color:#d1a751cc}.alb-desc{margin:10px 0 0;font-size:14.5px;line-height:1.65;color:#f5e9d7d1;max-width:400px}.alb-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;margin-top:8px}.alb-form input{font:inherit;padding:13px 16px;border-radius:12px;border:1px solid rgba(245,233,215,.28);background:#f5e9d714;color:var(--cream);text-align:center;outline:none}.alb-form input:focus{border-color:var(--gold);background:#f5e9d71f}.alb-form button{font:inherit;font-weight:600;padding:13px 18px;border-radius:12px;border:0;cursor:pointer;background:linear-gradient(135deg,#d9ae60,#b98a3c);color:#2a0712;box-shadow:0 12px 26px #00000059}.alb-form button:disabled{opacity:.6;cursor:wait}.alb-layout-label{margin:6px 0 0;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#f5e9d799}.alb-layout-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alb-layout-option{font:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px;border-radius:14px;border:1.6px solid rgba(245,233,215,.22);background:#f5e9d70f;color:var(--cream);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.alb-layout-mini{width:46%;min-width:104px;max-width:132px;flex-shrink:0;aspect-ratio:3 / 4;border-radius:10px;background:#26060f;box-shadow:0 8px 20px #00000073;-webkit-user-select:none;user-select:none}.alb-layout-text{display:flex;flex-direction:column;gap:3px;min-width:0}.alb-layout-option.is-active{border-color:var(--gold);background:#d1a75124;box-shadow:inset 0 0 0 1px #d1a75166}.alb-layout-title{font-weight:600;font-size:13px;letter-spacing:.01em;line-height:1.25}.alb-layout-desc{font-size:11.5px;color:#f5e9d79e}.alb-layout-option.is-active .alb-layout-desc{color:#f5e9d7d9}.alb-foot{margin:4px 0 0;font-size:12.5px;color:#f5e9d78c;text-align:center}.alb-error{margin:0;padding:10px 14px;border-radius:10px;background:#ff5c5c24;border:1px solid rgba(255,92,92,.35);color:#ffd9d9;font-size:13.5px;text-align:center}.alb-btn{font:inherit;font-weight:600;padding:12px 20px;border-radius:12px;border:0;cursor:pointer}.alb-btn:disabled{opacity:.55;cursor:wait}.alb-btn-primary{background:linear-gradient(135deg,#d9ae60,#b98a3c);color:#2a0712;box-shadow:0 10px 24px #00000059}.alb-btn-ghost{background:#f5e9d714;border:1px solid rgba(245,233,215,.3);color:var(--cream)}.alb-locked,.alb-thanks{align-items:center;text-align:center;padding-top:46px}.alb-locked-card,.alb-thanks-card{margin-top:6px;width:100%;max-width:380px;padding:26px 22px;border-radius:18px;background:#f5e9d712;border:1px solid rgba(209,167,81,.35);display:flex;flex-direction:column;gap:10px;align-items:center}.alb-locked-icon{font-size:30px;color:var(--gold)}.alb-locked-card h2,.alb-thanks-card h2{margin:0;font-family:var(--font-display);font-size:22px;color:var(--cream)}.alb-locked-card p,.alb-thanks-card p{margin:0;font-size:13.5px;line-height:1.65;color:#f5e9d7bf}.alb-locked-card strong{display:block;margin:6px 0;color:var(--gold);font-size:14px}.alb-thanks-count{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 26px;border-radius:14px;background:#d1a75124;border:1px solid rgba(209,167,81,.4)}.alb-thanks-count strong{font-family:var(--font-display);font-size:34px;color:var(--gold);line-height:1.1}.alb-thanks-count span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f5e9d7b3}.alb-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.alb-eyebrow{margin:0}.alb-guest-name{font-family:var(--font-display);font-size:19px;font-weight:500}.alb-chip{flex-shrink:0;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:#d1a75129;border:1px solid rgba(209,167,81,.45);color:var(--gold)}.alb-chip.is-full{background:#ff5c5c24;border-color:#ff5c5c66;color:#ffb3b3}.alb-frame{position:relative;aspect-ratio:3 / 4;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px #00000073}.alb-viewfinder{position:absolute;top:0;right:0;bottom:0;left:0}.alb-viewfinder video{position:absolute;object-fit:cover;background:#1c040c}.alb-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.alb-cam-note{position:absolute;left:14%;right:14%;top:44%;margin:0;padding:12px 14px;border-radius:12px;background:#18040ad1;border:1px solid rgba(209,167,81,.4);font-size:13px;line-height:1.55;text-align:center;color:var(--cream)}.alb-sending{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;border:3px solid rgba(209,167,81,.35);border-top-color:var(--gold);animation:alb-spin .9s linear infinite}@keyframes alb-spin{to{transform:rotate(360deg)}}.alb-shot-review{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.alb-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.alb-chip-filter{font:inherit;font-size:12.5px;padding:7px 14px;border-radius:999px;cursor:pointer;background:#f5e9d712;border:1px solid rgba(245,233,215,.28);color:var(--cream)}.alb-chip-filter.is-active{background:#d1a7512e;border-color:var(--gold);color:var(--gold);font-weight:600}.alb-review{display:flex;flex-direction:column;gap:8px;align-items:center}.alb-review-note{margin:0;font-size:13px;color:#f5e9d7b3;text-align:center}.alb-review-actions{display:flex;gap:10px}.alb-review-actions .alb-btn{min-width:120px}.alb-actions{display:flex;align-items:center;justify-content:center;gap:42px}.alb-side-btn{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#f5e9d7bf;cursor:pointer;background:none;border:0;padding:0}.alb-side-btn input[type=file]{display:none}.alb-side-btn:disabled{opacity:.5}.alb-circ{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:#f5e9d71a;border:1.5px solid rgba(245,233,215,.35)}.alb-side-btn:hover .alb-circ{background:#d1a75126;border-color:var(--gold)}.alb-shutter{width:74px;height:74px;border-radius:50%;border:5px solid rgba(245,233,215,.85);background:linear-gradient(140deg,#f0cf8f,#c89a48);box-shadow:0 10px 28px #0006;cursor:pointer;transition:transform .08s ease}.alb-shutter:active{transform:scale(.94)}.alb-shutter:disabled{opacity:.45;cursor:not-allowed}.alb-roll-title{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f5e9d78c;text-align:center}.alb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alb-galeri{width:min(640px,100%);margin:0 auto}.alb-galeri-grid{grid-template-columns:repeat(2,1fr);gap:10px}.alb-galeri-item{padding:0;border:none;background:none;cursor:zoom-in;border-radius:10px;overflow:hidden;display:block}.alb-galeri-item img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid rgba(209,167,81,.3);transition:transform .15s ease}.alb-galeri-item:active img{transform:scale(.98)}.alb-galeri-empty{margin:24px 0;font-size:14px;color:#f5e9d799;text-align:center}.alb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0206eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.alb-lightbox img{max-width:100%;max-height:68vh;object-fit:contain;border-radius:12px;border:1px solid rgba(209,167,81,.4)}.alb-lightbox-actions{display:flex;gap:10px;align-items:center}.alb-grid img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid rgba(209,167,81,.3)}.alb-roll-note{margin:0;font-size:12px;color:#f5e9d780;text-align:center}.alb-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;border-radius:16px;background:#f5e9d712;border:1px solid rgba(209,167,81,.4);text-align:center}.alb-done-early{padding:14px 18px;gap:6px}.alb-done-early-note{margin:0;font-size:13px;color:#f5e9d7b3}.alb-done-emoji{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#d1a75133;border:1.5px solid var(--gold);color:var(--gold)}.alb-done h2{margin:0;font-family:var(--font-display);font-size:20px}.alb-done p{margin:0;font-size:13.5px;line-height:1.6;color:#f5e9d7b8}@media (max-width: 420px){.alb-actions{gap:26px}.alb-shutter{width:66px;height:66px}.alb-layout-pick{grid-template-columns:1fr 1fr;gap:8px}.alb-layout-option{gap:6px;padding:10px 6px 9px}.alb-layout-mini{min-width:0;width:52%}}