:root{color:#2b2722;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fffaf0;--paper-deep:#eee1c7;--ink:#2b2722;--muted:#746b60;--line:#43362629;--blue:#5d7f9d;--gold:#b9934a;--sage:#7c8b72;--rose:#ad7568;background:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:#fffaf0;cursor:pointer;background:#2f3f4c;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:9px 14px;display:inline-flex}button:hover,button.active{color:#191613;background:#b9934a}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100svh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0eb;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:14px 26px;display:grid;position:sticky;top:0}.brand-mark,.auth-brand,.privacy-pill,.mode-switch{align-items:center;gap:10px;display:flex}.brand-mark{color:#293847;font-weight:700}.mode-switch{border:1px solid var(--line);background:#ece1cd;border-radius:8px;padding:4px}.mode-switch button{color:#44382b;background:0 0}.mode-switch button.active{border-color:var(--line);background:#fffaf0}.privacy-pill{color:var(--muted);white-space:nowrap;justify-content:flex-end}.logout-button{justify-self:end}.auth-shell{background:radial-gradient(circle at 30% 20%,#5d7f9d29,#0000 34%),linear-gradient(135deg,#f7f2e8,#eef2ec 52%,#f8efe9);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:#fffaf0f0;border-radius:8px;width:min(100%,430px);max-width:430px;padding:30px;box-shadow:0 26px 58px #43362638}.auth-brand{color:#293847;margin-bottom:28px;font-weight:800}.auth-panel h1{margin-bottom:22px;font-size:2.35rem;line-height:1}.auth-form,.auth-form label{gap:9px;display:grid}.auth-form{gap:16px}.auth-form label{color:var(--muted);font-size:.93rem;font-weight:700}.auth-form input{border:1px solid var(--line);color:var(--ink);background:#fffaf0;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.auth-form small{color:#9b352c;line-height:1.35}.auth-form .success-message,.invite-form .success-message{color:#2f6f4f}.secondary-action{border-color:var(--line);color:#2f3f4c;background:#f6eddb;justify-content:center}.secondary-action:hover{color:#2f3f4c;background:#eef2ec}.viewer{grid-template-rows:auto 1fr;gap:24px;min-height:calc(100svh - 69px);padding:26px 38px 38px;display:grid;overflow:hidden}.viewer-header{justify-content:space-between;align-items:end;gap:18px;width:min(100%,980px);max-width:980px;margin:0 auto;display:flex}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:700}.viewer-header h1{margin-bottom:0;font-size:2.4rem;line-height:.96}.viewer-actions{flex-wrap:wrap;gap:10px;display:flex}.book-stage{perspective:1900px;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.album-book{aspect-ratio:1.46;max-width:1120px;min-height:520px;max-height:min(70svh,720px);transform-style:preserve-3d;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#d9c9ac;grid-template-columns:1fr 1fr;width:min(100%,1120px);display:grid;position:relative;box-shadow:0 28px 54px #43362647,inset 0 0 0 1px #4336261a}.album-book.dragging{cursor:grabbing}.album-book:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#43362638,#fffaf033 45%,#4336262e);width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.single-page-book{aspect-ratio:.73;grid-template-columns:1fr;max-width:470px;min-height:min(620px,100svh - 210px)}.single-page-book:after{display:none}.turning-sheet{background:linear-gradient(90deg, #fffaf0fa, #eee1c7f0), var(--paper);opacity:0;pointer-events:none;transform-style:preserve-3d;z-index:7;position:absolute;inset:0 50% 0 0;box-shadow:0 20px 46px #43362638}.page-turn-sheen{opacity:0;pointer-events:none;z-index:8;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:120px;height:min(590px,72svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-14deg)}.book-page{background:linear-gradient(90deg, #0000000a, transparent 10%, transparent 90%, #00000009), var(--paper);color:var(--ink);border:1px solid #43362624;height:100%;padding:28px;position:relative;overflow:hidden}.left-page{border-right:0;box-shadow:inset -18px 0 24px #43362614}.right-page{border-left:0;box-shadow:inset 18px 0 24px #43362612}.blank-page{background:linear-gradient(90deg, #4336260d, transparent 18%), var(--paper)}.cover-page{background:linear-gradient(120deg, #b9934a24, transparent 44%), var(--paper);align-items:center;padding:34px;display:grid}.cover-paper{text-align:center;border:1px solid #b9934a57;place-content:center;gap:16px;min-height:100%;padding:34px;display:grid}.cover-mark{color:#2f3f4c;border:1px solid #2f3f4c3d;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:72px;height:72px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:800;display:inline-flex}.cover-paper h2{margin-bottom:0;font-size:2.55rem;line-height:1}.cover-paper p,.cover-paper span{color:var(--muted)}.photo-frame{background:#f1e7d5;margin:0;overflow:hidden;box-shadow:0 18px 30px #4336262e}.photo-button{color:inherit;cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;min-height:0;padding:0;display:block;position:relative}.photo-frame img{object-fit:cover;object-position:center;border:10px solid #fffaf0;width:100%;height:100%;display:block}.photo-frame figcaption{color:var(--muted);margin-top:10px;font-family:Segoe Print,Bradley Hand ITC,cursive;font-size:.95rem}.photo-meta{color:#fffaf0;pointer-events:none;background:linear-gradient(#0000,#191613b8);flex-direction:column;justify-content:flex-end;gap:4px;min-height:34%;margin:0;padding:58px 16px 14px;display:flex;position:absolute;inset:auto 0 0}.photo-meta strong{color:inherit;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.1vw,1.45rem);line-height:1.05;display:block}.photo-meta small{color:#fffaf0e6;font-family:Segoe Print,Bradley Hand ITC,cursive;font-size:clamp(.78rem,1.2vw,.95rem);line-height:1.35;display:block}.photo-button:hover{color:inherit;background:0 0}.photo-button:hover img{filter:saturate(1.04)contrast(1.03);transform:scale(1.01)}.photo-button img{transition:filter .18s,transform .18s}.empty-photo-slot{aspect-ratio:4/5;color:var(--muted);text-align:center;background:linear-gradient(135deg,#5d7f9d14,#b9934a1a),#f7efe0;border:1px dashed #2f3f4c57;place-items:center;gap:10px;width:100%;padding:24px;display:grid}.photo-page,.collage-page,.letter-page{flex-direction:column;justify-content:center;gap:22px;display:flex}.photo-page{justify-content:center;align-items:center}.hero-photo{aspect-ratio:4/5;width:min(100%,460px);min-height:0;max-height:100%;display:block;position:relative}.hero-photo img{aspect-ratio:auto}.photo-page h2,.collage-page h2,.letter-page h2{margin-bottom:12px;font-size:2.05rem;line-height:1.04}.page-copy p:not(.eyebrow),.collage-page>p,.letter-body{color:var(--muted);line-height:1.58}.photo-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr;gap:16px;width:100%;min-width:0;height:100%;display:grid}.photo-grid .photo-button,.photo-grid .empty-photo-slot{aspect-ratio:auto;height:100%;min-height:0;position:relative}.photo-grid img{aspect-ratio:auto}.photo-grid-three{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:stretch;min-height:0}.photo-grid-three .photo-button:first-child,.photo-grid-three .empty-photo-slot:first-child{grid-row:span 2}.photo-grid-three .photo-button,.photo-grid-three .empty-photo-slot{min-width:0;min-height:0;position:relative}.photo-grid-three img,.photo-grid-three .empty-photo-slot{aspect-ratio:auto;width:100%;height:100%}.letter-page{background:linear-gradient(#b9934a14, #b9934a05), var(--paper)}.letter-body{border-left:3px solid var(--gold);padding-left:18px;font-family:Georgia,Times New Roman,serif;font-size:1.18rem}.studio{background:#f3ead8;grid-template-columns:280px minmax(420px,1fr) 340px;gap:14px;min-height:calc(100svh - 69px);padding:14px;display:grid}.studio-sidebar,.studio-workspace{border:1px solid var(--line);background:#fffaf0f5;border-radius:8px;min-width:0}.studio-sidebar{align-content:start;gap:16px;max-height:calc(100svh - 98px);padding:18px;display:grid;overflow:auto}.studio-section-heading h2,.studio-upload h2{margin:0;font-size:1.65rem;line-height:1}.studio-page-list,.studio-upload,.photo-library,.photo-editor,.security-list,.invite-form,.invite-list{gap:10px;display:grid}.page-action-button{background:#2f3f4c;justify-content:center;width:100%}.studio-page-item{color:#332c24;text-align:left;background:#f1e7d5;border-color:#0000;place-items:start;gap:5px;min-height:82px;padding:13px;display:grid}.studio-page-item span{color:var(--blue);font-weight:850}.studio-page-item strong{font-family:Georgia,Times New Roman,serif;font-size:1.12rem}.studio-page-item small,.studio-status,.studio-upload small,.photo-library small,.library-heading span,.photo-editor label,.drop-slot small,.empty-library{color:var(--muted)}.studio-page-item.active,.studio-page-item:hover{color:#fffaf0;background:#2f3f4c}.studio-page-item.active small,.studio-page-item.active span,.studio-page-item:hover small,.studio-page-item:hover span{color:#fffaf0c7}.studio-workspace{grid-template-rows:auto auto minmax(360px,1fr) auto;padding:22px;display:grid}.studio-workspace-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:16px;display:flex}.studio-workspace-header h1{margin:0;font-size:2.15rem;line-height:1}.studio-status{text-align:right;background:#eef2ec;border:1px solid #7c8b7238;border-radius:7px;max-width:330px;padding:10px 12px;line-height:1.35}.layout-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.layout-toolbar button{border:1px solid var(--line);color:#332c24;background:#f6eddb;justify-content:flex-start;min-height:68px}.layout-toolbar button.active,.layout-toolbar button:hover{color:#fffaf0;background:#2f3f4c}.layout-toolbar button span{text-align:left;gap:2px;display:grid}.layout-toolbar button small{color:inherit;opacity:.72}.studio-page-canvas{background:linear-gradient(90deg, #4336260b, transparent 12%, transparent 88%, #4336260b), var(--paper);border:1px solid #4336262e;gap:14px;min-height:470px;padding:34px;display:grid;box-shadow:0 22px 42px #43362629,inset 0 0 0 18px #fffaf080}.studio-page-canvas.layout-1{grid-template-columns:1fr}.studio-page-canvas.layout-2{grid-template-columns:1fr 1fr}.studio-page-canvas.layout-3{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr)}.studio-page-canvas.layout-3 .drop-slot:first-child{grid-row:span 2}.drop-slot{text-align:center;background:linear-gradient(135deg,#5d7f9d14,#b9934a17),#f7efe0;border:1px dashed #2f3f4c61;place-items:center;min-height:170px;padding:12px;display:grid;overflow:hidden}.drop-slot.filled{border-style:solid;padding:0}.drop-slot>div{justify-items:center;gap:8px;display:grid}.drop-slot button{color:var(--ink);background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative}.drop-slot button:hover,.drop-slot button.selected-photo{outline-offset:-4px;background:0 0;outline:4px solid #5d7f9d73}.drop-slot img{object-fit:cover;width:100%;height:100%}.drop-slot button span{color:#fffaf0;text-align:left;background:linear-gradient(#0000,#191613c7);padding:46px 12px 12px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.studio-page-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.studio-page-meta span,.delete-page-button,.security-list span,.invite-list span{color:#44382b;background:#f6eddb;border-radius:7px;align-items:center;gap:8px;padding:10px;display:flex}.delete-page-button{color:#7d2f27;border-color:#9b352c2e}.delete-page-button:hover:not(:disabled){color:#5f1e18;background:#f4d8d2}.studio-upload{border-bottom:1px solid var(--line);padding-bottom:16px}.studio-upload input,.invite-form input,.invite-form select,.photo-editor input,.photo-editor textarea{border:1px solid var(--line);color:var(--ink);background:#fffaf0;border-radius:6px;width:100%;min-height:42px;padding:9px 10px}.photo-editor textarea{resize:vertical}.library-heading{justify-content:space-between;align-items:center;display:flex}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.library-grid button{color:var(--ink);background:#f6eddb;border:1px solid #0000;min-height:0;padding:0;display:grid;position:relative}.library-grid button.active,.library-grid button:hover{background:#eef2ec;border-color:#5d7f9d73}.library-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.library-grid span{color:#332c24;pointer-events:none;place-items:initial;background:#fffaf0e6;border-radius:999px;min-height:auto;padding:3px 7px;font-size:.72rem;font-weight:800;position:absolute;bottom:6px;left:6px}.empty-library{grid-column:1/-1;margin:0;line-height:1.35}.photo-editor{border-top:1px solid var(--line);padding-top:16px}.photo-editor label{gap:6px;font-weight:700;display:grid}.editor-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-details{border-top:1px solid var(--line);padding-top:14px}.studio-details summary{cursor:pointer;margin-bottom:12px;font-weight:800}.invite-form small{color:#9b352c}.lightbox{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-backdrop{cursor:zoom-out;background:#121416bd;border:0;border-radius:0;min-height:0;padding:0;position:absolute;inset:0}.lightbox-panel{color:#fffaf0;background:#141313;border:1px solid #fffaf02e;border-radius:8px;gap:12px;width:100%;max-width:min(94vw,1180px);max-height:min(92svh,900px);padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 64px #00000070}.lightbox-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lightbox-toolbar button{color:#fffaf0;background:#fffaf01a}.lightbox-canvas{cursor:grab;touch-action:none;background:radial-gradient(circle,#fffaf014,#0000 48%),#080808;justify-content:center;align-items:center;height:min(74svh,720px);display:flex;overflow:hidden}.lightbox-canvas:active{cursor:grabbing}.lightbox-canvas img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;max-width:100%;height:auto;max-height:100%;transition:transform 90ms ease-out}.lightbox-panel p{color:#fffaf0c7;margin:0 4px 4px}@media (width<=1050px){.viewer,.studio{grid-template-columns:1fr}.viewer-header{align-items:start;display:grid}.studio-sidebar{max-height:none}.studio-page-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.studio-media-panel{grid-template-columns:1fr 1fr}.studio-details{grid-column:1/-1}}@media (width<=700px){.topbar{grid-template-columns:1fr;justify-items:stretch;padding:12px}.mode-switch,.privacy-pill,.logout-button{justify-content:center}.viewer{min-height:calc(100svh - 165px);padding:22px 12px}.viewer-header h1{font-size:2.2rem}.book-page{padding:22px}.album-book,.single-page-book{width:min(100%,430px);min-height:520px;max-height:none}.album-book:after,.left-page{display:none}.right-page{box-shadow:none;border-left:1px solid #43362624}.turning-sheet{inset:0}.layout-toolbar,.studio-media-panel{grid-template-columns:1fr}.studio{padding:10px}.studio-workspace{padding:14px}.studio-workspace-header{display:grid}.studio-status{text-align:left;max-width:none}.studio-page-canvas{min-height:520px;padding:18px}.studio-page-canvas.layout-2,.studio-page-canvas.layout-3{grid-template-rows:none;grid-template-columns:1fr}.studio-page-canvas.layout-3 .drop-slot:first-child{grid-row:auto}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox{padding:10px}.lightbox-panel{max-width:100%;max-height:96svh;padding:8px}.lightbox-toolbar{justify-content:center}.lightbox-canvas{height:76svh}}