:root{--ink:#24313a;--blue:#9eb7c9;--blue-deep:#7898ad;--cream:#f7f2e9;--paper:#fffdf8;--gold:#b89a63;--line:rgba(36,49,58,.14)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:Manrope,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(158,183,201,.28),transparent 32%),linear-gradient(180deg,#f9f5ed,#f3ede3);min-height:100vh}.app-shell{width:min(100%,500px);margin:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 20px}.eyebrow{font:500 9px/1 DM Mono,monospace;letter-spacing:.22em;color:var(--blue-deep);margin:0 0 7px}.topbar h1{font:500 23px/1.05 'Playfair Display',serif;margin:0}.topbar h1 i{font-weight:500;color:var(--gold)}button,label{font:inherit}.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.44);width:36px;height:36px;border-radius:50%;color:var(--ink);cursor:pointer}.camera-card{background:#2d3a42;border-radius:25px;padding:11px 11px 15px;box-shadow:0 20px 50px rgba(41,54,63,.2);position:relative}.camera-card:before{content:"";position:absolute;inset:0;border-radius:25px;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 38%);pointer-events:none}.viewfinder{aspect-ratio:4/5;border-radius:17px;overflow:hidden;background:#d8d7d0;position:relative}.viewfinder video,.viewfinder img{width:100%;height:100%;object-fit:cover;display:none;filter:var(--preview-filter,none)}.viewfinder video.mirror{transform:scaleX(-1)}.empty-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#63727a;background:linear-gradient(145deg,#dce6e8,#e9e1d6)}.empty-state:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.6)}.monogram{font:500 55px/1 'Playfair Display',serif;color:#fff;text-shadow:0 2px 12px rgba(50,65,75,.14)}.monogram span{font-style:italic;color:var(--gold);font-size:.65em}.empty-state p{font:400 10px/1.7 DM Mono,monospace;letter-spacing:.06em;margin:18px 0 0}.grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.date-stamp{position:absolute;right:17px;bottom:14px;color:#ffe2a0;text-shadow:0 1px 3px #6d4b26;font:500 11px/1 DM Mono,monospace;letter-spacing:.06em}.focus-corners i{position:absolute;width:18px;height:18px;border-color:rgba(255,255,255,.58);border-style:solid}.focus-corners i:nth-child(1){left:14px;top:14px;border-width:1px 0 0 1px}.focus-corners i:nth-child(2){right:14px;top:14px;border-width:1px 1px 0 0}.focus-corners i:nth-child(3){left:14px;bottom:14px;border-width:0 0 1px 1px}.focus-corners i:nth-child(4){right:14px;bottom:14px;border-width:0 1px 1px 0}.camera-status{display:flex;justify-content:space-between;color:#cbd6db;font:500 8px/1 DM Mono,monospace;letter-spacing:.13em;padding:12px 8px 5px}.status-light{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e77d65;box-shadow:0 0 7px #e77d65;margin-right:6px}.primary-actions{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px;margin-top:11px}.soft-button{border:0;background:transparent;color:#e6edf0;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center}.soft-button svg{width:18px;height:18px;fill:currentColor;opacity:.82}#fileInput{position:absolute;width:1px;height:1px;opacity:0}.shutter{width:64px;height:64px;border-radius:50%;border:2px solid #e9edef;background:transparent;padding:5px;cursor:pointer}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#f8f4eb;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.shutter:active span{transform:scale(.91)}.editing-panel{padding:25px 2px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;font:500 10px/1 DM Mono,monospace;letter-spacing:.15em}.section-heading button{border:0;background:transparent;color:var(--blue-deep);font:500 10px Manrope;cursor:pointer}.filters{display:flex;overflow-x:auto;gap:12px;padding:15px 1px 13px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 75px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink)}.swatch{height:84px;border-radius:10px;background:var(--swatch);position:relative;border:2px solid transparent;box-shadow:0 5px 15px rgba(44,54,61,.09)}.swatch:after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 45%)}.filter[aria-checked="true"] .swatch{border-color:var(--blue-deep);box-shadow:0 0 0 2px var(--cream),0 0 0 3px var(--blue-deep)}.filter span:last-child{display:block;font:500 8px/1.25 DM Mono,monospace;margin-top:8px}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:3px 0 20px}.controls>label:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.controls output{font:500 10px DM Mono;color:var(--blue-deep)}input[type=range]{width:100%;accent-color:var(--blue-deep);margin:13px 0 21px}.toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row b{font-size:11px}.toggle-row small{font:400 9px DM Mono;color:#7b858a}.toggle-row input{display:none}.toggle-row i{width:41px;height:23px;border-radius:20px;background:#cdd1d1;position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle-row input:checked+i{background:var(--blue-deep)}.toggle-row input:checked+i:after{transform:translateX(18px)}.download-button{width:100%;height:52px;border:0;border-radius:14px;background:var(--blue-deep);color:white;font-weight:600;font-size:12px;display:flex;justify-content:center;align-items:center;gap:9px;box-shadow:0 8px 22px rgba(92,127,149,.25);cursor:pointer}.download-button:disabled{opacity:.38;cursor:not-allowed}.download-button svg{width:18px;height:18px;fill:currentColor}.privacy-note{text-align:center;font:400 8px DM Mono;color:#8b9294;margin:12px 0}dialog{width:min(calc(100% - 36px),430px);border:0;border-radius:23px;padding:35px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(25,35,40,.3)}dialog::backdrop{background:rgba(35,46,52,.62);backdrop-filter:blur(5px)}dialog h2{font:500 30px/1.12 'Playfair Display';margin:12px 0 18px}dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#59656b}.dialog-note{border-left:2px solid var(--gold);padding-left:14px}.dialog-close{position:absolute;right:18px;top:13px;border:0;background:transparent;font-size:25px;color:#667279;cursor:pointer}@media(min-width:700px){.app-shell{padding-top:38px}.viewfinder{aspect-ratio:4/4.65}}
.top-actions{display:flex;align-items:center;gap:8px}.gallery-button{border:1px solid var(--line);background:rgba(255,255,255,.44);height:36px;padding:0 13px;border-radius:18px;color:var(--ink);font:500 9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.guest-field{display:block;margin:0 0 12px;color:#68777f;font:500 9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.guest-field input{display:block;width:100%;height:46px;margin-top:7px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.7);color:var(--ink);font:500 15px Manrope,sans-serif;text-transform:none;letter-spacing:0}.device-button{width:100%;margin-top:9px;border:0;background:transparent;color:var(--blue-deep);font:600 10px Manrope,sans-serif;cursor:pointer}.device-button:disabled{opacity:.35}.upload-status{min-height:17px;margin:9px 0 0;text-align:center;color:#5d7d90;font:500 9px/1.5 DM Mono,monospace}.gallery-dialog{width:min(calc(100% - 24px),880px);max-height:90vh;padding:34px 18px 28px}.gallery-dialog h2{text-align:center;margin:8px 0 22px}.gallery-dialog>.eyebrow{text-align:center}.gallery-grid{columns:3 190px;column-gap:10px}.gallery-grid figure{break-inside:avoid;margin:0 0 10px;padding:6px;background:#fff;box-shadow:0 6px 18px rgba(35,48,56,.1)}.gallery-grid img{display:block;width:100%;height:auto}.gallery-grid figcaption{display:flex;justify-content:space-between;gap:6px;padding:7px 2px 2px;color:#68767d;font:500 8px DM Mono,monospace}.gallery-empty{text-align:center!important;font:italic 17px 'Playfair Display',serif!important}.load-more{display:block;margin:22px auto 0;padding:11px 18px;border:1px solid var(--blue-deep);background:transparent;color:var(--blue-deep);font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}@media(max-width:520px){.topbar h1{font-size:19px}.gallery-button{padding:0 9px}.gallery-grid{columns:2 125px;column-gap:7px}.gallery-grid figure{margin-bottom:7px}.gallery-grid figcaption{display:block}.gallery-grid time{display:block;margin-top:3px}}