@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#182150;--ink:#202649;--muted:#78809d;--line:#e7e9f2;--surface:#fff;--bg:#f6f7fb;--blue:#303fae;--gold:#e9b955}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:#646fa5}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:800;font-size:13px;border:1px solid var(--blue);min-height:43px}.primary{color:white;background:var(--blue)}.primary:hover{background:#23318f}.secondary{color:var(--blue);background:white}.secondary:hover{background:#f0f2ff}.text-link,.text-button{color:var(--blue);font-weight:800;font-size:13px;background:none;border:0;padding:8px 0}.text-link{display:inline-block;margin-top:18px}.fine{font-size:12px;color:var(--muted)}.subtle,.lead,.page-lead p{color:var(--muted);line-height:1.6}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1fr)}.auth-story{background:radial-gradient(circle at 15% 5%,#3949ae 0%,#1c245d 42%,#10173e 100%);color:white;padding:clamp(32px,7vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story:after{content:'✦';position:absolute;font-size:400px;opacity:.04;bottom:-160px;right:-30px}.auth-story img{height:85px;width:85px;object-fit:cover;border-radius:50%;margin-bottom:60px}.auth-story .eyebrow{color:#ecce88}.auth-story h1{font:700 clamp(38px,4.2vw,70px)/1.08 'Playfair Display',serif;max-width:640px;margin:22px 0}.auth-story p{font-size:17px;line-height:1.7;color:#d0d4ed;max-width:530px}.auth-story>span:last-child{font-size:12px;color:#aab2de;margin-top:70px}.auth-card{background:white;max-width:490px;width:calc(100% - 50px);margin:auto;padding:42px;border-radius:20px;box-shadow:0 25px 70px #1a245219}.auth-card h2{font:700 36px 'Playfair Display',serif;margin:14px 0}.auth-card p{line-height:1.6;color:var(--muted)}label{display:block;font-size:12px;font-weight:800;color:#414a73;margin:18px 0 7px}label input,label textarea,label select,.panel input,.panel textarea,.panel select{display:block;width:100%;margin-top:8px;padding:11px 13px;border:1px solid #dfe2ed;border-radius:9px;background:white;color:var(--ink);outline:none}.auth-card input:focus,.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:#6571cd;box-shadow:0 0 0 3px #6571cd20}.auth-card .primary{width:100%;margin-top:22px}.workspace{min-height:100vh;display:flex}.side{width:246px;flex:none;background:#151e4b;color:white;min-height:100vh;padding:27px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 10px}.side-brand img{width:40px;height:40px;object-fit:cover;border-radius:50%}.side-brand strong{display:block;font-size:17px}.side-brand small{display:block;color:#a9b3e1;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.side-divider{height:1px;background:#ffffff1d;margin:26px 10px}.side-label{font-size:10px;color:#8895cb;font-weight:800;letter-spacing:.13em;margin:0 12px 15px}.side nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;color:#b7c0e7;font-size:13px;font-weight:700;padding:12px 14px;border-radius:10px}.nav-link span{font-size:18px;width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:#313c7a;color:white}.side-foot{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 4px 2px;display:flex;align-items:center;gap:9px}.avatar,.row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7d8b0;color:#1f2854;font-weight:800}.side-foot div{min-width:0;flex:1}.side-foot strong,.side-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-foot strong{font-size:12px}.side-foot small{font-size:10px;color:#aab6e6}.side-foot button{border:0;background:none;color:#c6cff6;font-size:23px}.content{flex:1;padding:35px clamp(24px,4.5vw,70px) 70px;max-width:1600px;margin:auto;min-width:0}.content-top{display:flex;justify-content:space-between;gap:20px}.top-date{font-size:12px;color:var(--muted)}.content h1{font:700 clamp(34px,3.2vw,48px) 'Playfair Display',serif;margin:18px 0 8px}.page-lead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.page-lead p{margin:0}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.event-card,.panel,.list-panel{background:white;border:1px solid var(--line);box-shadow:0 12px 30px #1f28520a;border-radius:16px}.event-card{padding:22px;min-height:277px;position:relative;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1f285219}.event-art{display:grid;place-items:center;width:54px;height:54px;background:#fff3dc;color:#ca9040;border-radius:14px;font-size:27px;margin-bottom:19px}.event-card .pill{position:absolute;right:20px;top:22px}.pill{display:inline-block;border-radius:100px;background:#e8f7ee;color:#338457;padding:6px 9px;font-size:10px;font-weight:800}.pill.quiet{background:#f1f2f5;color:#78809d}.event-card h2{font:700 23px 'Playfair Display',serif;margin:0 0 8px}.event-card p{font-size:13px;color:var(--muted);margin:0}.event-meta{display:flex;gap:16px;border-top:1px solid var(--line);margin-top:27px;padding-top:16px;font-size:11px;color:var(--muted)}.event-open{display:block;color:var(--blue);font-size:12px;font-weight:800;margin-top:17px}.panel{padding:25px}.panel h2{font:700 23px 'Playfair Display',serif;margin:9px 0 12px}.form-panel{max-width:850px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-grid .wide{grid-column:1/-1}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px}.share-columns{margin-top:20px;grid-template-columns:1fr 1fr}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.frame-list{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.frame-row{display:flex;align-items:center;gap:12px;background:#f7f8fc;border-radius:10px;padding:8px 13px;font-size:12px}.frame-row img{height:75px;width:45px;object-fit:contain;background:#d9dce7}.qr-layout{display:flex;gap:18px;align-items:center}.qr-layout img{width:170px;max-width:40%;border:1px solid var(--line);border-radius:10px}.copybox{border:1px dashed #c8cfe5;border-radius:9px;padding:11px;background:#f8f9fd;color:#434e80;font-size:11px;overflow-wrap:anywhere;margin:12px 0}.list-panel{overflow:hidden}.list-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 22px}.list-row:last-child{border-bottom:0}.list-row:hover{background:#fbfbff}.list-row>div{flex:1}.list-row strong,.list-row small{display:block}.list-row strong{font-size:14px}.list-row small{font-size:11px;color:var(--muted);margin-top:4px}.list-row b{font-size:12px;color:#65709c}.empty-state{text-align:center;padding:65px 20px;color:var(--muted)}.empty-state span{font-size:45px;color:#c89c54}.empty-state h3{color:var(--ink);font:700 23px 'Playfair Display',serif}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:24px}.photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.photo-card div{padding:12px}.photo-card strong,.photo-card small,.photo-card a{display:block}.photo-card strong{font-size:12px}.photo-card small{font-size:10px;color:var(--muted);margin:4px 0}.photo-card a{font-size:11px;color:var(--blue);font-weight:800;margin-top:9px}.modal-back{position:fixed;inset:0;background:#1119369c;display:grid;place-items:center;z-index:10;padding:20px}.modal{position:relative;max-width:500px;width:100%;max-height:90vh;overflow:auto;background:white;border-radius:18px;padding:32px;box-shadow:0 20px 80px #0004}.modal h2{font:700 28px 'Playfair Display',serif}.modal p{font-size:13px;color:var(--muted);line-height:1.5}.close{position:absolute;right:20px;top:14px;font-size:26px;color:var(--muted);background:none;border:0}.check{display:flex;align-items:center;gap:8px;margin:9px 0}.check input{width:auto!important;margin:0!important}.notice{position:fixed;right:20px;bottom:20px;background:#1d285c;color:white;border-radius:10px;padding:13px 18px;box-shadow:0 12px 35px #0003;z-index:20;font-size:13px}.public-page{max-width:1100px;margin:auto;padding:25px}.public-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--navy);margin-bottom:28px}.public-head img{height:36px;width:36px;border-radius:50%;object-fit:cover}.public-hero{text-align:center;margin:20px auto 34px}.public-hero h1{font:700 clamp(32px,5vw,58px) 'Playfair Display',serif;margin:9px 0}.public-hero p{color:var(--muted);line-height:1.6}.public-note{background:#fff8ec;border:1px solid #f0dfbd;border-radius:12px;color:#745c33;padding:14px 17px;font-size:13px;line-height:1.5}.guest-grid{display:grid;grid-template-columns:minmax(280px,540px) minmax(270px,1fr);gap:35px;align-items:start}.camera-card{background:white;padding:15px;border-radius:22px;box-shadow:0 20px 50px #1d28541c}.camera-card .stage{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#dadde8,#7b84a8)}.stage video,.stage .shot,.stage .overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage .overlay{pointer-events:none}.stage video.mirror{transform:scaleX(-1)}.stage .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#555e84;font-weight:800}.camera-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;flex-wrap:wrap}.shutter{width:66px;height:66px;border:5px solid #f6f6f6;background:#d64b4d;border-radius:50%;box-shadow:0 0 0 3px #c6cce5,0 5px 15px #0003}.shutter:hover{transform:scale(1.05)}.review-box{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0}.review-box h2{font:700 25px 'Playfair Display',serif}.review-box p{font-size:13px;color:var(--muted);line-height:1.6}.hide{display:none!important}.frame-picks{display:flex;gap:10px;flex-wrap:wrap}.frame-choice{border:2px solid transparent;border-radius:11px;padding:5px;background:white}.frame-choice.active{border-color:var(--blue)}.frame-choice img{height:95px;width:55px;object-fit:contain;background:#dadddf}.public-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.public-album-grid .photo-card img{aspect-ratio:9/16}.status{font-size:12px;color:#56618d;text-align:center;margin:12px 0}.public-footer{text-align:center;color:var(--muted);font-size:12px;padding:35px}
@media(max-width:900px){.two-col,.share-columns,.guest-grid{grid-template-columns:1fr}.side{width:68px;padding:18px 8px}.side-brand span{display:none}.side-label{font-size:0}.side nav a:not(.active){font-size:0}.side-brand{padding:2px}.side-brand img{width:42px;height:42px}.nav-link{font-size:0;justify-content:center}.nav-link span{font-size:22px}.side-foot div,.side-foot button{display:none}.content{padding:24px}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}}@media(max-width:620px){.side{position:fixed;bottom:0;top:auto;width:100%;height:64px;min-height:0;padding:7px;z-index:5}.side-brand,.side-divider,.side-label,.side-foot{display:none}.side nav{display:flex;justify-content:space-around}.nav-link,.side nav a:not(.active){display:flex;font-size:0;padding:7px 10px}.nav-link span{font-size:22px}.workspace{padding-bottom:64px}.content{padding:21px 16px 45px}.content-top{display:block}.top-date{display:none}.page-lead{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.qr-layout{display:block}.qr-layout img{max-width:180px;width:100%}.auth-card{width:calc(100% - 32px);padding:27px}.public-page{padding:17px}.public-hero h1{font-size:34px}}