:root{--bg: #f6f1e8;--surface: #fffaf2;--surface-strong: #ffffff;--ink: #24211d;--muted: #6f6559;--line: #ddd0bf;--green: #2f6f5e;--green-dark: #1f513f;--tomato: #d8523f;--gold: #f0bd49;--blue: #2d5f8b;--danger: #a83a30;--shadow: 0 18px 50px rgba(55, 43, 31, .12);color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fffaf2e6,#f6f1e8f5),radial-gradient(circle at top left,rgba(240,189,73,.18),transparent 34rem)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(45,95,139,.35);outline-offset:2px}#root{min-height:100vh}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 118px}.guest-main{max-width:960px}.topbar{padding:28px 0 18px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:720px;font-size:clamp(2.1rem,5vw,4.8rem);line-height:.96;letter-spacing:0}h2{font-size:1.35rem;line-height:1.15}.event-meta,.panel p,footer,.photo-info span,.photo-info p{color:var(--muted)}.primary,.secondary,.approve,.danger,.text-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-weight:800;text-decoration:none}.floating-nav{position:fixed;right:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;width:min(760px,calc(100% - 24px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;transform:translate(50%);border:1px solid rgba(55,43,31,.18);border-radius:8px;padding:6px;background:#fffaf2f5;box-shadow:0 18px 42px #372b1f38;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.floating-nav button{position:relative;display:grid;min-width:0;min-height:56px;place-items:center;gap:3px;border-radius:7px;padding:6px 4px;color:var(--muted);background:transparent;font-size:.72rem;font-weight:900}.floating-nav button:disabled{cursor:not-allowed;opacity:.38}.floating-nav button.active{color:#fff;background:var(--green)}.floating-nav svg{width:20px;height:20px}.floating-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-nav strong{position:absolute;top:5px;right:8px;min-width:18px;border-radius:999px;padding:2px 5px;color:#fff;background:var(--tomato);font-size:.68rem;line-height:1}.guest-floating-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,calc(100% - 24px))}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.stats div,.panel{border:1px solid var(--line);background:#fffaf2e6;box-shadow:var(--shadow)}.stats div{min-height:92px;padding:18px;border-radius:8px;color:var(--muted);font-weight:700}.stats span{display:block;color:var(--ink);font-size:2rem;line-height:1}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.share-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.guest-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:16px;align-items:start}.panel{border-radius:8px;padding:22px}.notice{margin-bottom:16px;border:1px solid rgba(45,95,139,.2);border-radius:8px;padding:12px 14px;color:var(--ink);background:#2d5f8b14;font-weight:700}.notice code{font-size:.92em}.panel-heading,.host-lock{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.panel-heading svg,.qr-panel>svg,.empty-state svg{color:var(--tomato);flex:0 0 auto}form{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--ink);font-weight:800}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:7px;padding:0 14px;color:var(--ink);background:var(--surface-strong)}.dropzone{min-height:210px;place-items:center;border:2px dashed rgba(47,111,94,.35);border-radius:8px;padding:24px;text-align:center;background:#2f6f5e0d}.dropzone span{color:var(--muted);font-weight:600}.dropzone input{max-width:320px;min-height:auto;padding:12px;background:transparent}.guest-upload-panel form{gap:16px}.guest-event-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.guest-event-heading h2{font-size:clamp(1.8rem,5vw,3rem)}.guest-event-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:var(--green)}.selected-files{display:grid;gap:8px}.selected-files span{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;padding:9px 10px;color:var(--muted);background:#ffffffa6;font-size:.92rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.upload-result{display:flex;gap:10px;align-items:center;border:1px solid rgba(47,111,94,.22);border-radius:8px;padding:12px;color:var(--green-dark);background:#2f6f5e14;font-weight:800}.upload-result.error{border-color:#a83a3038;color:var(--danger);background:#a83a3014}.guest-side{display:grid;gap:14px}.guest-side svg{color:var(--tomato)}.guest-side ul{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted);font-weight:700}.primary{width:100%;color:#fff;background:var(--green)}.primary:disabled{cursor:progress;opacity:.72}.primary:hover,.approve:hover{background:var(--green-dark)}.secondary{padding:0 14px;color:var(--blue);background:#2d5f8b1a}.recent-event{display:grid;gap:14px;width:100%}.recent-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recent-actions .secondary{padding:0 10px}.approve{padding:0 12px;color:#fff;background:var(--green)}.danger{padding:0 12px;color:#fff;background:var(--danger)}.form-message{min-height:24px;color:var(--green);font-weight:800}.form-message.error{color:var(--danger)}.panel-divider{width:100%;border:0;border-top:1px solid var(--line);margin:2px 0}.qr-panel{display:grid;align-content:start;justify-items:start;gap:14px}.feature-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted);font-weight:700}.return-panel{width:100%;display:grid;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px}.return-panel>svg{color:var(--tomato)}.return-button{width:100%}.magic-login-form{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.album-list{display:grid;gap:12px;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.album-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff94}.album-card div{display:grid;min-width:0;gap:4px}.album-card strong,.album-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card span{color:var(--muted);font-size:.92rem;font-weight:700}.compact-empty{min-height:120px}.qr-box{width:100%;display:grid;place-items:center;border-radius:8px;padding:18px;background:#fff;border:1px solid var(--line)}.share-hero{display:grid;gap:22px;justify-items:center;text-align:center}.share-hero h2{font-size:clamp(1.8rem,4vw,3.2rem)}.share-hero p{max-width:560px}.qr-display{width:min(100%,340px);display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff;box-shadow:0 14px 34px #372b1f1a}.qr-display canvas{width:min(100%,260px)!important;height:auto!important}.print-sign-preview{width:min(100%,520px);display:grid;justify-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:24px;color:var(--ink);background:linear-gradient(180deg,#fffaf2f5,#ffffffe6),linear-gradient(90deg,#2f6f5e1f,#f0bd491a);box-shadow:0 14px 34px #372b1f1a;text-align:center}.print-sign-preview .sign-brand{color:var(--green);font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.print-sign-preview h3{max-width:420px;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.96}.print-sign-preview>p:not(.sign-brand){color:var(--muted);font-weight:800}.print-sign-preview strong{color:var(--green-dark)}.print-sign-preview .qr-display{width:min(100%,320px);padding:18px}.share-actions{width:min(100%,620px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.share-actions .primary,.share-actions .secondary{width:100%}.inline-status{width:min(100%,620px);display:flex;gap:10px;align-items:center;border:1px solid rgba(47,111,94,.22);border-radius:8px;padding:12px;color:var(--green-dark);background:#2f6f5e14;font-weight:800;text-align:left}.inline-status svg{flex:0 0 auto}.share-side{display:grid;gap:12px}.recovery-card{display:grid;gap:12px;border:1px solid rgba(47,111,94,.22);border-radius:8px;padding:14px;background:#2f6f5e12}.compact-heading{margin-bottom:0}.recovery-list{display:grid;gap:8px;margin:0}.recovery-list div{display:grid;gap:4px;min-width:0}.recovery-list dt{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.recovery-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink);font-weight:800}.simple-action-list{display:grid;gap:10px;width:100%}.simple-action-list .secondary{width:100%}.demo-checklist-card{display:grid;gap:10px;border:1px solid rgba(45,95,139,.18);border-radius:8px;padding:14px;background:#2d5f8b12}.demo-checklist-card ol{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);font-weight:800}.host-lock{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.host-lock label{width:min(260px,100%)}.host-actions-card{display:grid;gap:10px;margin-bottom:18px}.host-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.host-quick-actions .secondary,.guest-gallery-link{width:100%}.share-link{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:#ffffff80}.share-link span{color:var(--muted);font-weight:800}.share-link code{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.share-link small{grid-column:2 / -1;color:var(--green-dark);font-weight:800}.advanced-links{display:grid;gap:10px;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#ffffff73}.advanced-links summary{cursor:pointer;color:var(--muted);font-weight:900}.advanced-links[open] summary{margin-bottom:10px}.icon-button{width:42px;padding:0}.queue-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.queue-summary span{border-radius:7px;padding:8px 10px;color:var(--muted);background:#2f6f5e14;font-weight:800}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.photo-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--surface)}.photo-info{display:grid;gap:4px;padding:12px}.photo-info strong,.photo-info span,.photo-info p{min-width:0;overflow-wrap:anywhere}.photo-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.download{min-height:38px}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;border-radius:8px;background:#ffffff80}footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:18px 2px 0;font-size:.92rem}.text-button{min-height:36px;padding:0;color:var(--blue);background:transparent}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1120px){.floating-nav{top:18px;right:24px;bottom:auto;width:auto;grid-template-columns:repeat(6,76px);transform:none}.guest-floating-nav{grid-template-columns:repeat(2,96px)}}@media(max-width:820px){main{width:min(100% - 24px,1120px);padding-top:10px}.host-lock{align-items:stretch;flex-direction:column}.layout,.guest-layout,.share-layout,.recent-actions,.host-quick-actions,.share-actions{grid-template-columns:1fr}.stats{display:grid}.panel{padding:18px}.share-link{grid-template-columns:minmax(0,1fr) auto}.share-link span{grid-column:1 / -1}}