:root{--ink:#151817;--muted:#7f8785;--soft:#f7f9f8;--line:#e5e9e7;--mint:#18b8a5;--mint-dark:#108879;--mint-pale:#e2f7f3;--paper:#fff;--shadow:0 12px 34px rgba(20,39,35,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#fff}.topbar{height:68px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;gap:19px;background:#fafbfb;border-bottom:1px solid #eef1ef;position:sticky;top:0;z-index:15}.brand-mark{font-family:"DM Serif Display",Georgia,serif;font-size:30px;line-height:1;font-weight:400}.topbar-title{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.icon-button{border:0;background:transparent;color:#686f6d;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center}.icon-button:hover{background:var(--mint-pale);color:var(--mint-dark)}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#42b9a6;background:#eff9f6;font-size:16px}.chevron{width:15px;height:15px;fill:none;stroke:#343a39;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.client-symbol{width:29px;height:29px;background:#17bfc0;border-radius:50%;position:relative;overflow:hidden}.client-symbol:before,.client-symbol i{content:"";position:absolute;background:#e7fbfa}.client-symbol:before{left:10px;top:0;width:8px;height:20px}.client-symbol i:first-child{left:10px;bottom:0;width:19px;height:8px}.client-symbol i:last-child{left:0;bottom:0;width:10px;height:14px;opacity:.28}.subnav{height:49px;display:flex;align-items:stretch;gap:clamp(27px,5vw,62px);padding:0 clamp(18px,4vw,54px);overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #f0f2f1}.subnav a{display:flex;align-items:center;position:relative;color:#858c8a;font-size:14px;font-weight:500}.subnav a.active{color:var(--ink)}.subnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mint);border-radius:4px}main{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,70px)}.eyebrow{margin:0 0 10px;color:#969d9b;font-weight:600;letter-spacing:.17em;font-size:9px}.primary-button,.secondary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:2px;padding:11px 15px;font-weight:600;font-size:13px;transition:transform .18s,background .18s,border .18s}.primary-button{background:var(--mint);color:#fff}.primary-button:hover{background:var(--mint-dark);transform:translateY(-1px)}.primary-button:disabled{background:#bac6c4;transform:none;cursor:not-allowed}.primary-button span{font-size:17px;line-height:0}.secondary-button{background:#eef2f0;color:#34403d}.outline-button{background:#fff;border:1px solid #cbd5d1;color:#3d4845}.outline-button:hover{border-color:var(--mint);color:var(--mint-dark)}.text-action{border:0;background:transparent;color:#6f7875;font-size:12px;padding:6px 4px}.toast{visibility:hidden;position:fixed;right:22px;bottom:22px;z-index:70;background:#202725;color:#fff;padding:11px 14px;border-radius:4px;font-size:12px;box-shadow:var(--shadow);transform:translateY(10px);opacity:0;transition:.2s}.toast.show{visibility:visible;transform:translateY(0);opacity:1}
/* Collections */.collections-main{padding-bottom:110px}.collections-title{padding:54px 0 73px}.collections-title h1{margin:0;font-size:clamp(36px,4.8vw,54px);font-weight:500;letter-spacing:-.06em;line-height:1}.create-step{max-width:760px}.step-label{margin:0 0 27px;color:#8c9492;font-size:18px}.create-step h2{margin:0 0 51px;font-size:40px;line-height:1.08;letter-spacing:-.055em;font-weight:500}.collection-form-surface{background:#fafafa;padding:38px 40px 39px;display:grid;gap:29px}.collection-form-surface label{display:grid;gap:11px;color:#3c4441;font-size:17px;font-weight:600}.collection-form-surface input{width:100%;height:61px;border:1px solid #e0e5e2;background:#fff;padding:0 19px;color:#1d2421;outline:none;font-size:16px;font-weight:400}.collection-form-surface input::placeholder{color:#9ba19f}.collection-form-surface input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-pale)}.date-input{display:block}.selection-limit{max-width:330px}.selection-limit input{height:55px}.collection-form-actions{display:flex;align-items:center;gap:18px;padding-top:43px}.collection-form-actions .primary-button{min-width:146px;height:59px;border-radius:0;font-size:16px}.collection-form-actions p{margin:0;color:var(--mint-dark);font-size:12px}.existing-collections{max-width:760px;margin-top:92px}.existing-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.existing-heading .eyebrow{margin:0}.existing-heading>span{font-size:11px;color:#929a97}.album-list{border-top:1px solid var(--line)}.existing-collections .album-list{border-top:0}.album-row{min-height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 0}.album-cover{width:54px;height:54px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(135deg,#27d2c9,#13a8aa);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em}.album-info{min-width:0}.album-title-row{display:flex;align-items:center;gap:7px}.album-title-row>a{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-info p{margin:3px 0 0;color:#929a97;font-size:11px}.album-info p span{padding:0 4px}.status{font-size:8px;font-weight:600;border-radius:10px;padding:2px 6px;white-space:nowrap;background:#f0f3f1;color:#747d79}.status.completed{color:#147c70;background:var(--mint-pale)}.album-actions{margin-left:auto;display:flex;align-items:center;gap:1px}.album-actions .icon-button{width:28px;height:28px}.album-actions .icon-button svg{width:15px;height:15px}.create-fab{position:fixed;right:22px;bottom:22px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#171a19;color:#fff;font-size:29px;font-weight:300;z-index:16;box-shadow:0 8px 22px rgba(0,0,0,.18)}
/* Menu pages */.menu-main{padding-bottom:70px}.menu-heading{padding:50px 0 34px;max-width:650px}.menu-heading h1{margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.055em;font-weight:500}.menu-heading>p:last-child{margin:12px 0 0;max-width:520px;color:#7d8582;font-size:14px;line-height:1.65}.menu-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:26px}.menu-tabs a{padding:0 0 12px;color:#78817e;font-size:15px;position:relative}.menu-tabs a.active{color:var(--ink)}.menu-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--mint)}.menu-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.menu-photo-card{position:relative;display:block;aspect-ratio:1/1.08;overflow:hidden;background:#eef1ef}.menu-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.menu-photo-card:hover img{transform:scale(1.03)}.menu-photo-card>span{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));display:grid;gap:1px}.menu-photo-card strong{font-size:11px}.menu-photo-card small{font-size:9px;color:rgba(255,255,255,.78)}.menu-empty{text-align:center;max-width:520px;margin:30px auto 0;padding:25px 18px 50px}.menu-empty h2{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:8px 0 0}.menu-empty p{font-size:13px;color:#818a87;margin:7px 0 18px}.empty-art{height:150px;width:210px;margin:0 auto 13px;position:relative;color:#303534}.empty-art i{position:absolute;display:block;border:2px solid currentColor}.empty-art-library:before{content:"";position:absolute;left:50px;top:34px;width:110px;height:80px;border:2px solid currentColor;border-radius:50% 50% 8px 8px;transform:rotate(-8deg)}.empty-art-library i:nth-child(1){left:75px;top:17px;width:30px;height:30px;border-radius:50%;background:var(--mint-pale)}.empty-art-library i:nth-child(2){left:60px;top:79px;width:84px;height:34px;border-radius:50%;transform:rotate(-11deg);background:#fff}.empty-art-library i:nth-child(3){left:147px;top:61px;width:31px;height:41px;border-radius:5px;transform:rotate(13deg);background:var(--mint-pale)}.empty-art-starred:before{content:"";position:absolute;left:38px;bottom:25px;width:134px;height:11px;border-radius:50%;background:#303534}.empty-art-starred i:nth-child(1){left:79px;top:40px;width:38px;height:51px;border-radius:45% 45% 35% 35%;background:#fff}.empty-art-starred i:nth-child(2){left:65px;top:25px;width:65px;height:27px;border-radius:50%;background:var(--mint-pale);border:0}.empty-art-starred i:nth-child(3){left:99px;top:87px;width:42px;height:30px;border-radius:5px;transform:rotate(8deg);background:#fff}.empty-art-starred b{position:absolute;left:42px;top:33px;font-size:33px;font-weight:400}.home-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;border-top:1px solid var(--line);padding-top:17px}.quick-card{position:relative;min-height:152px;border:1px solid var(--line);padding:18px;background:#fcfdfc;display:grid;align-content:start;gap:6px}.quick-number{width:25px;height:25px;display:grid;place-items:center;background:var(--mint-pale);border-radius:50%;color:var(--mint-dark);font-size:8px;font-weight:700;margin-bottom:10px}.quick-card strong{font-size:16px}.quick-card small{max-width:180px;color:#7c8582;font-size:11px;line-height:1.5}.quick-arrow{position:absolute;right:15px;bottom:13px;color:var(--mint-dark);font-size:17px}.settings-list{max-width:760px;border-top:1px solid var(--line)}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.settings-item>div{display:grid;grid-template-columns:33px 1fr;column-gap:10px;align-items:center}.settings-icon{grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mint-pale);color:var(--mint-dark);font-family:"DM Serif Display",Georgia,serif;font-size:16px}.settings-item strong{font-size:13px}.settings-item p{margin:2px 0 0;color:#89918e;font-size:11px}.setting-state{color:var(--mint-dark);font-size:10px;white-space:nowrap}
/* Manage album */.manage-main{padding-bottom:80px}.back-link{display:inline-block;margin:28px 0 25px;color:#737d79;font-size:12px}.manage-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line)}.manage-heading h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;font-weight:500;letter-spacing:-.055em}.manage-meta{margin:10px 0 0;color:#87908c;font-size:12px}.manage-meta span{padding:0 7px;color:#c0c6c3}.manage-meta strong{color:var(--mint-dark);font-weight:600}.manage-actions{display:grid;grid-template-columns:1.55fr .8fr;gap:13px;padding:24px 0 50px}.share-card,.export-card{border:1px solid var(--line);background:#fcfdfc;padding:20px}.share-card{display:flex;justify-content:space-between;gap:20px}.share-copy code{display:block;color:#5e6965;font-size:12px;margin:4px 0 15px}.share-buttons{display:flex;gap:8px}.share-buttons .primary-button,.share-buttons .secondary-button{font-size:11px;padding:9px 11px}.qr-preview{width:92px;height:92px;object-fit:contain}.export-card>strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.04em}.export-card>p:not(.eyebrow){margin:4px 0 15px;color:#818b87;font-size:11px}.export-links{display:flex;gap:6px}.export-links a{border:1px solid #d7dfdc;padding:5px 8px;color:var(--mint-dark);font-size:10px}.manage-upload{border-top:1px solid var(--line);padding:38px 0 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.manage-upload h2,.manage-photos h2{margin:0;font-size:28px;font-weight:500;letter-spacing:-.045em}.manage-upload>div>p:not(.eyebrow){color:#7e8783;font-size:13px;line-height:1.6;max-width:380px}.dropzone{min-height:180px;border:1px dashed #b7c8c3;background:#fbfdfc;padding:16px;display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;transition:.18s}.dropzone.is-dragging{border-color:var(--mint);background:var(--mint-pale)}.dropzone label{display:grid;justify-items:center;gap:5px;color:#3f4744}.dropzone label strong{font-size:13px}.dropzone label small{color:#929b97;font-size:10px}.upload-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--mint-pale);color:var(--mint-dark);font-size:19px}.upload-status{min-height:15px;font-size:11px;color:var(--mint-dark)}.manage-photos{border-top:1px solid var(--line);padding-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:0;font-size:25px;font-weight:500;letter-spacing:-.045em}.collection-count{color:#939c98;font-size:11px}.manage-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.manage-photo{margin:0;position:relative;background:#eef1ef}.manage-photo img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover}.manage-photo figcaption{display:flex;justify-content:space-between;gap:5px;padding:7px 7px 8px;font-size:10px;color:#5f6965}.manage-photo figcaption span{color:var(--mint-dark);white-space:nowrap}.manage-empty{padding:40px 0;border-top:1px solid var(--line);color:#7d8783}.manage-empty p{margin:4px 0;font-size:12px}
/* Public gallery */.gallery-main{padding-bottom:115px}.gallery-intro{padding:42px 0 25px;text-align:center;max-width:720px;margin:0 auto}.gallery-intro h1{margin:0;font-size:clamp(30px,5vw,46px);line-height:1.06;letter-spacing:-.055em;font-weight:500}.gallery-intro>p:not(.eyebrow){margin:12px auto 0;max-width:510px;color:#747d79;font-size:14px;line-height:1.6}.gallery-intro>p strong{color:#182020}.gallery-meta{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:17px;color:#929b97;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:600}.gallery-meta i{width:3px;height:3px;background:#bdc4c0;border-radius:50%}.open-status{color:var(--mint-dark)}.gallery-instruction{display:flex;gap:12px;align-items:flex-start;max-width:1060px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:0 auto 20px}.instruction-number{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--mint-pale);color:var(--mint-dark);font-size:9px;font-weight:700}.gallery-instruction strong{font-size:13px}.gallery-instruction p{margin:2px 0 0;color:#868f8b;font-size:11px}.mini-heart{color:var(--mint-dark);font-size:16px;vertical-align:-2px}.photo-grid{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.photo-tile{border:0;position:relative;aspect-ratio:1/1.15;overflow:hidden;background:#e5e8e7;cursor:zoom-in;isolation:isolate}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-tile:hover img{transform:scale(1.04)}.photo-tile:after{content:"";position:absolute;inset:0;border:2px solid transparent;z-index:1;pointer-events:none}.photo-tile.is-selected:after{border-color:var(--mint)}.photo-heart{position:absolute;z-index:2;right:8px;top:8px;width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#243130;box-shadow:0 2px 8px rgba(0,0,0,.1)}.photo-heart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.photo-tile.is-selected .photo-heart{background:var(--mint);color:#fff}.photo-tile.is-selected .photo-heart svg{fill:currentColor}.photo-filename{position:absolute;left:0;bottom:0;right:0;padding:20px 8px 6px;color:#fff;font-size:9px;background:linear-gradient(transparent,rgba(0,0,0,.65));z-index:2}.selection-bar{position:fixed;left:50%;bottom:13px;transform:translateX(-50%);z-index:20;width:min(620px,calc(100% - 26px));border:1px solid rgba(19,29,28,.08);border-radius:4px;background:rgba(255,255,255,.97);box-shadow:0 13px 35px rgba(17,31,28,.16);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px 10px 14px;backdrop-filter:blur(12px)}.selection-kicker{display:block;color:#959d9a;font-size:8px;font-weight:700;letter-spacing:.13em;margin-bottom:1px}.selection-bar strong{font-size:12px;font-weight:500}.selection-bar strong b{font-weight:700;color:var(--mint-dark)}.selection-bar .primary-button{padding:9px 11px;font-size:11px}.selection-complete{position:fixed;z-index:30;left:50%;bottom:87px;transform:translateX(-50%);width:min(450px,calc(100% - 28px));display:flex;gap:10px;padding:13px 14px;background:#174e47;color:#fff;border-radius:4px;box-shadow:var(--shadow)}.selection-complete .complete-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#3fd4bf;font-weight:700}.selection-complete strong{font-size:13px}.selection-complete p{margin:2px 0 0;font-size:11px;color:#d2f5ef}.modal,.lightbox{display:none}.modal.open,.lightbox.open{display:grid}.modal{position:fixed;inset:0;z-index:80;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(13,20,19,.52);backdrop-filter:blur(3px)}.modal-card{position:relative;z-index:1;width:min(450px,100%);padding:28px;background:#fff;border-radius:4px;box-shadow:0 20px 65px rgba(0,0,0,.25)}.modal-card h2{margin:0;font-size:26px;letter-spacing:-.045em;font-weight:500}.modal-card>p:not(.eyebrow){color:#737c78;line-height:1.6;margin:11px 0 22px;font-size:13px}.modal-close,.lightbox-close{position:absolute;border:0;background:transparent;color:#606867;font-size:28px;line-height:1}.modal-close{right:14px;top:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.lightbox{position:fixed;inset:0;z-index:90;background:rgba(5,8,8,.93);place-items:center;padding:45px 18px}.lightbox img{display:block;max-width:min(92vw,1000px);max-height:calc(100vh - 95px);object-fit:contain}.lightbox p{position:absolute;bottom:13px;color:#d5dddb;font-size:11px;letter-spacing:.08em}.lightbox-close{right:18px;top:13px;color:#fff;font-size:37px}
@media(max-width:800px){body{font-size:13px}.topbar{height:56px;padding:0 14px;gap:8px}.brand-mark{font-size:26px}.topbar-title{font-size:15px;gap:7px}.topbar-actions{gap:1px}.icon-button.header-icon{width:29px;height:29px}.header-icon svg{width:18px;height:18px}.avatar{width:32px;height:32px;font-size:14px}.subnav{height:47px;gap:27px;padding:0 15px}.subnav a{font-size:12px}.subnav a.active:after{height:2px}main{padding:0 18px}.collections-title{padding:34px 0 57px}.collections-title h1{font-size:30px}.step-label{font-size:14px;margin-bottom:24px}.create-step h2{font-size:28px;margin-bottom:38px}.collection-form-surface{padding:25px 22px 27px;gap:23px}.collection-form-surface label{font-size:14px;gap:9px}.collection-form-surface input{height:47px;padding:0 14px;font-size:13px}.selection-limit{max-width:none}.selection-limit input{height:47px}.collection-form-actions{padding-top:26px;gap:13px}.collection-form-actions .primary-button{min-width:114px;height:48px;font-size:14px}.existing-collections{margin-top:150px}.existing-heading{padding-bottom:8px}.existing-heading .eyebrow{font-size:8px}.existing-heading>span{font-size:10px}.album-row{min-height:73px;gap:10px;padding:10px 0}.album-cover{width:48px;height:48px;font-size:11px}.album-title-row>a{font-size:13px}.album-info p{font-size:10px}.status{font-size:7px;padding:2px 5px}.album-actions .icon-button{width:26px;height:26px}.album-actions .text-action{display:none}.create-fab{width:43px;height:43px;right:16px;bottom:16px;font-size:25px}.menu-heading{padding:35px 0 25px}.menu-heading h1{font-size:28px}.menu-heading>p:last-child{font-size:12px;margin-top:9px}.menu-tabs{gap:23px;margin-bottom:18px}.menu-tabs a{font-size:13px;padding-bottom:10px}.menu-tabs a.active:after{height:2px}.menu-photo-grid{grid-template-columns:repeat(2,1fr);gap:6px}.menu-photo-card{aspect-ratio:1/1.13}.menu-photo-card>span{padding:22px 7px 6px}.menu-photo-card strong{font-size:9px}.menu-photo-card small{font-size:8px}.menu-empty{margin-top:15px;padding:25px 12px 42px}.menu-empty h2{font-size:21px}.menu-empty p{font-size:12px}.empty-art{height:130px;transform:scale(.78);transform-origin:center bottom;margin-bottom:0}.home-quick-grid{grid-template-columns:1fr;gap:8px;padding-top:12px}.quick-card{min-height:104px;padding:14px 15px}.quick-number{width:22px;height:22px;margin-bottom:4px}.quick-card strong{font-size:14px}.quick-card small{font-size:11px}.settings-item{padding:14px 0}.settings-item>div{grid-template-columns:29px 1fr}.settings-icon{width:28px;height:28px}.settings-item strong{font-size:12px}.settings-item p{font-size:10px}.setting-state{font-size:9px}.manage-main{padding-bottom:54px}.back-link{margin:20px 0 18px;font-size:11px}.manage-heading{align-items:start;flex-direction:column;padding-bottom:18px}.manage-heading h1{font-size:28px}.manage-meta{font-size:10px}.manage-heading .outline-button{font-size:11px;padding:8px 10px}.manage-actions{grid-template-columns:1fr;gap:8px;padding:17px 0 35px}.share-card,.export-card{padding:15px}.share-card{gap:9px}.share-copy code{font-size:10px;margin-bottom:12px}.qr-preview{width:70px;height:70px}.share-buttons{gap:5px}.share-buttons .primary-button,.share-buttons .secondary-button{font-size:10px;padding:8px 9px}.export-card>strong{font-size:22px}.manage-upload{grid-template-columns:1fr;gap:18px;padding:26px 0 34px}.manage-upload h2,.manage-photos h2{font-size:22px}.manage-upload>div>p:not(.eyebrow){font-size:12px}.dropzone{min-height:140px}.manage-photo-grid{grid-template-columns:repeat(2,1fr);gap:6px}.manage-photo figcaption{font-size:9px}.gallery-main{padding-bottom:94px}.gallery-intro{padding:31px 0 17px}.gallery-intro h1{font-size:27px}.gallery-intro>p:not(.eyebrow){font-size:12px;margin-top:10px}.gallery-meta{font-size:8px;gap:6px;margin-top:14px}.gallery-instruction{gap:10px;padding:12px 0;margin-bottom:13px}.gallery-instruction strong{font-size:12px}.gallery-instruction p{font-size:10px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:6px}.photo-tile{aspect-ratio:1/1.13}.photo-heart{width:28px;height:28px;right:7px;top:7px}.photo-heart svg{width:15px;height:15px}.photo-filename{padding:16px 6px 6px;font-size:8px}.selection-bar{width:calc(100% - 24px);bottom:9px;padding:8px 9px 8px 12px}.selection-bar strong{font-size:11px}.selection-bar .primary-button{padding:8px 10px;font-size:11px}.selection-complete{bottom:72px;padding:11px 13px}}
@media(max-width:360px){.subnav{gap:21px;padding:0 12px}.topbar-title{font-size:14px}.header-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final scale and real three-step progress. */
.flow-steps{list-style:none;display:flex;max-width:760px;margin:0 0 39px;padding:0;border-bottom:1px solid var(--line)}.flow-step{flex:1;display:flex;align-items:center;gap:9px;padding:0 0 13px;color:#a0a8a5;position:relative}.flow-step b{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d5ddda;border-radius:50%;font-size:10px;font-weight:600}.flow-step span{display:grid;font-size:11px;font-weight:600}.flow-step small{font-size:9px;font-weight:400;margin-top:1px;color:#a0a8a5}.flow-step.done,.flow-step.active{color:var(--ink)}.flow-step.done b,.flow-step.active b{border-color:var(--mint);color:var(--mint-dark)}.flow-step.done:after,.flow-step.active:after{content:"";position:absolute;left:0;right:20px;bottom:-1px;height:2px;background:var(--mint)}.flow-step.locked{opacity:.55}.share-section{border-top:1px solid var(--line);padding-top:37px}.share-section-heading h2{margin:0;font-size:27px;font-weight:500;letter-spacing:-.045em}.share-section-heading p:not(.eyebrow){margin:6px 0 0;color:#7f8985;font-size:12px}.share-section .manage-actions{padding-top:20px}.step-disabled{opacity:.7}.step-disabled .export-card,.step-disabled .share-card{background:#fafbfa}.flow-step.done b{font-size:0}.flow-step.done b:after{content:"✓";font-size:11px}
@media(max-width:800px){.collections-title{padding:27px 0 43px}.collections-title h1{font-size:26px}.step-label{font-size:12px;margin-bottom:20px}.create-step h2{font-size:23px;line-height:1.14;margin-bottom:29px}.collection-form-surface{padding:20px 18px 22px;gap:19px}.collection-form-surface label{font-size:12px;gap:7px}.collection-form-surface input{height:43px;padding:0 12px;font-size:12px}.selection-limit input{height:43px}.collection-form-actions{padding-top:20px}.collection-form-actions .primary-button{min-width:103px;height:43px;font-size:12px}.flow-steps{margin-bottom:27px}.flow-step{gap:6px;padding-bottom:10px}.flow-step b{width:21px;height:21px;font-size:8px}.flow-step span{font-size:9px}.flow-step small{font-size:8px}.flow-step.done:after,.flow-step.active:after{right:10px}.share-section{padding-top:26px}.share-section-heading h2{font-size:22px}.share-section-heading p:not(.eyebrow){font-size:11px}.share-section .manage-actions{padding-top:15px}}

/* Clean onboarding home and step transition. */
.home-main{padding-bottom:80px}.home-intro{text-align:center;padding:82px 0 48px}.home-kicker{margin:0 0 27px;color:#8d9692;font-size:16px}.home-intro h1{margin:0;font-size:43px;line-height:1.16;letter-spacing:-.055em;font-weight:500}.home-cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-width:400px;margin-top:39px;padding:17px 25px;background:var(--mint);color:#fff;font-size:17px;font-weight:500;transition:background .18s,transform .18s}.home-cta:hover{background:var(--mint-dark);transform:translateY(-1px)}.home-cta b{font-size:20px;font-weight:400}.home-cta.is-loading{pointer-events:none;background:#80d8cd}.home-cta.is-loading b{font-size:0;width:15px;height:15px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.starter-preview{max-width:1010px;margin:0 auto;padding:0 20px}.preview-window{background:#edf2f1;padding:37px 56px 0;overflow:hidden}.preview-window-bar{height:20px;display:flex;align-items:center;gap:5px;color:#b3bdb9;font-size:9px}.preview-window-bar i{width:7px;height:7px;border-radius:50%;background:#d3dcd9}.preview-window-bar span{margin-left:10px}.preview-hero{position:relative;height:305px;overflow:hidden;background:#d9cdb8}.preview-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(1.06)}.preview-hero:after{content:"";position:absolute;inset:0;background:rgba(239,226,198,.36)}.preview-hero div{position:absolute;z-index:1;inset:0;display:grid;align-content:center;justify-items:center;color:#fff;text-shadow:0 1px 8px rgba(64,54,35,.2)}.preview-hero small{font-size:10px;letter-spacing:.18em}.preview-hero strong{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:.08em;margin-top:7px}.preview-hero em{font-size:10px;letter-spacing:.13em;font-style:normal;margin-top:8px}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding-top:8px}.preview-grid img{display:block;width:100%;height:145px;object-fit:cover;filter:saturate(.82)}.create-main{max-width:760px;padding-bottom:80px}.create-main .back-link{margin-top:27px}.create-step-page{padding:47px 0 50px}.mini-steps{display:flex;list-style:none;gap:25px;margin:0 0 42px;padding:0;border-bottom:1px solid var(--line)}.mini-steps li{display:flex;align-items:center;gap:7px;padding-bottom:11px;color:#a0a8a5;font-size:11px}.mini-steps li b{width:22px;height:22px;display:grid;place-items:center;border:1px solid #d5ddda;border-radius:50%;font-size:9px;font-weight:500}.mini-steps li.active{color:var(--ink)}.mini-steps li.active b{border-color:var(--mint);color:var(--mint-dark)}.create-step-page h1{margin:0;font-size:39px;font-weight:500;letter-spacing:-.055em;line-height:1.08}.create-lead{max-width:490px;margin:12px 0 37px;color:#7f8985;font-size:13px}.page-transition-out{opacity:0;transition:opacity .22s ease}.page-transition-out .app-shell{transform:translateY(4px)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.home-main{padding:0 18px 54px}.home-intro{padding:67px 0 34px}.home-kicker{font-size:13px;margin-bottom:22px}.home-intro h1{font-size:27px;line-height:1.2}.home-cta{min-width:0;width:100%;margin-top:29px;padding:14px 16px;font-size:14px;gap:20px}.home-cta b{font-size:17px}.starter-preview{padding:0;margin:0 -2px}.preview-window{padding:21px 22px 0}.preview-window-bar{font-size:7px;height:15px}.preview-window-bar i{width:5px;height:5px}.preview-hero{height:174px}.preview-hero small{font-size:7px}.preview-hero strong{font-size:19px}.preview-hero em{font-size:7px}.preview-grid{gap:4px;padding-top:4px}.preview-grid img{height:70px}.create-main{padding:0 18px 55px}.create-main .back-link{margin-top:20px}.create-step-page{padding:32px 0 40px}.mini-steps{gap:13px;margin-bottom:29px}.mini-steps li{font-size:9px;gap:4px}.mini-steps li b{width:19px;height:19px;font-size:8px}.create-step-page h1{font-size:26px}.create-lead{font-size:11px;margin:10px 0 27px}}

/* Album directory: clean list, CTA is the single entrance to the three-step flow. */
.albums-main{max-width:860px;padding-bottom:85px}.albums-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:58px 0 32px;border-bottom:1px solid var(--line)}.albums-heading h1{margin:0;font-size:42px;line-height:1.05;font-weight:500;letter-spacing:-.06em}.albums-heading p:not(.eyebrow){margin:9px 0 0;color:#7e8784;font-size:13px}.albums-heading .primary-button{min-width:145px;padding:12px 14px}.albums-list{border-top:0}.albums-empty{padding:52px 0;color:#77817d}.albums-empty strong{font-size:15px}.albums-empty p{margin:5px 0 0;font-size:12px}
@media(max-width:800px){.albums-main{padding:0 18px 55px}.albums-heading{align-items:flex-start;flex-direction:column;padding:35px 0 23px;gap:17px}.albums-heading h1{font-size:27px}.albums-heading p:not(.eyebrow){font-size:11px;margin-top:7px}.albums-heading .primary-button{min-width:132px;font-size:12px}.albums-empty{padding:36px 0}.albums-list .album-row{min-height:72px}}

/* Startup-like loading feedback on CTA and form submission. */
body.page-transition-out::before{content:"";position:fixed;inset:0;z-index:120;background:rgba(255,255,255,.72);backdrop-filter:blur(2px);animation:fade-in .16s ease both}body.page-transition-out::after{content:"";position:fixed;z-index:121;left:50%;top:50%;width:28px;height:28px;margin:-14px;border:2px solid rgba(24,184,165,.2);border-top-color:var(--mint);border-radius:50%;animation:spin .65s linear infinite}.collection-form .primary-button.is-loading{pointer-events:none;background:#80d8cd;min-width:126px}.collection-form .primary-button.is-loading span{display:none}.collection-form .primary-button.is-loading::after{content:"";width:13px;height:13px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes fade-in{from{opacity:0}to{opacity:1}}

/* Homepage reference scale: keep the onboarding content quieter than the shell. */
@media(max-width:800px){.home-main{padding:0 18px 42px}.home-intro{padding:42px 0 23px}.home-kicker{font-size:11px;letter-spacing:.14em;margin-bottom:18px}.home-intro h1{font-size:23px;line-height:1.18;letter-spacing:-.045em}.home-cta{height:43px;margin-top:23px;padding:0 14px;font-size:12px;gap:16px}.home-cta b{font-size:15px}.starter-preview{padding:0 3px}.preview-window{padding:16px 17px 0}.preview-window-bar{height:12px;font-size:6px}.preview-window-bar i{width:4px;height:4px}.preview-window-bar span{margin-left:7px}.preview-hero{height:142px}.preview-hero small{font-size:6px}.preview-hero strong{font-size:16px;margin-top:4px}.preview-hero em{font-size:6px;margin-top:5px}.preview-grid{gap:3px;padding-top:3px}.preview-grid img{height:57px}}
@media(min-width:801px){.home-intro{padding-top:70px}.home-intro h1{font-size:37px}.home-kicker{font-size:14px}.home-cta{font-size:15px;min-width:350px;padding:14px 21px}}

/* Clean create screen: no decorative block, no accidental mobile text-selection toolbar. */
body{-webkit-user-select:none;user-select:none}input,textarea,select,button{-webkit-user-select:text;user-select:text}.create-main{max-width:700px}.create-step-page{padding-top:30px}.create-step-page .mini-steps{display:none}.create-step-page h1{font-size:32px}.create-lead{margin:8px 0 27px}.create-step-page .collection-form-surface{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 28px}.create-step-page .collection-form-surface label{font-size:14px}.create-step-page .collection-form-surface input{height:49px;font-size:14px}.create-step-page .collection-form-actions{padding-top:22px}.create-step-page .collection-form-actions .primary-button{height:45px;min-width:112px;font-size:13px}
@media(max-width:800px){.create-main{padding:0 18px 50px}.create-step-page{padding-top:25px}.create-step-page h1{font-size:24px;line-height:1.15}.create-lead{font-size:11px;margin:7px 0 20px}.create-step-page .collection-form-surface{padding:20px 0 22px;gap:17px}.create-step-page .collection-form-surface label{font-size:12px}.create-step-page .collection-form-surface input{height:43px;font-size:12px}.create-step-page .collection-form-actions{padding-top:19px}.create-step-page .collection-form-actions .primary-button{height:42px;min-width:100px;font-size:12px}}

/* Restore the quiet card surface on the create screen. */
.create-step-page .collection-form-surface{background:#fafbfa;border:1px solid #f0f2f1;border-radius:2px;padding:27px 25px 29px;box-shadow:0 8px 24px rgba(28,47,43,.035)}
@media(max-width:800px){.create-step-page .collection-form-surface{background:#fafbfa;border:1px solid #f0f2f1;border-radius:2px;padding:21px 18px 23px;box-shadow:0 6px 18px rgba(28,47,43,.035)}}

/* Clean album setup screens: one task per view. */
.manage-clean{max-width:720px}.clean-heading{padding:25px 0 24px;border-bottom:1px solid var(--line)}.clean-heading h1{margin:0;font-size:32px;font-weight:500;letter-spacing:-.055em;line-height:1.08}.clean-heading>p:last-child{margin:8px 0 0;color:#87918c;font-size:12px}.clean-heading>p span{padding:0 6px;color:#c0c7c3}.clean-stepper{list-style:none;display:flex;gap:28px;margin:0;padding:18px 0 14px;border-bottom:1px solid var(--line)}.clean-stepper li{display:flex;align-items:center;gap:6px;color:#a3aaa7;font-size:11px}.clean-stepper b{width:21px;height:21px;display:grid;place-items:center;border:1px solid #d6dedb;border-radius:50%;font-size:9px;font-weight:500}.clean-stepper li.done,.clean-stepper li.active{color:var(--ink)}.clean-stepper li.done b,.clean-stepper li.active b{border-color:var(--mint);color:var(--mint-dark)}.clean-step-content{padding:38px 0 70px}.clean-step-content .step-label{font-size:14px;margin:0 0 20px;color:#8b9490}.clean-step-content h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-.05em}.clean-copy{margin:9px 0 27px;color:#7d8782;font-size:13px;max-width:500px;line-height:1.6}.clean-upload{min-height:205px;border:1px dashed #b9c9c4;background:#fafcfa;display:grid;place-items:center;align-content:center;gap:11px;text-align:center;transition:.18s}.clean-upload.is-dragging{background:var(--mint-pale);border-color:var(--mint)}.clean-upload label{display:grid;justify-items:center;gap:5px;color:#3f4844;cursor:pointer}.clean-upload label strong{font-size:13px}.clean-upload label small{font-size:10px;color:#949d98}.upload-done{display:flex;align-items:center;gap:11px;margin-top:14px;padding-top:15px;border-top:1px solid var(--line)}.upload-done>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--mint-pale);color:var(--mint-dark);font-size:12px}.upload-done p{margin:0 auto 0 0;color:#6f7a75;font-size:12px}.upload-done p strong{color:var(--ink)}.upload-done .primary-button{font-size:11px;padding:8px 10px}.share-clean{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:22px 24px;background:#fafbfa;border:1px solid var(--line)}.share-clean code{display:block;margin:5px 0 15px;color:#68736e;font-size:12px}.share-clean .primary-button{font-size:11px;padding:8px 11px}.qr-preview{width:86px;height:86px;object-fit:contain}.export-clean{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.export-clean strong{font-size:15px;font-weight:600}.export-clean p{margin:4px 0 0;color:#848e89;font-size:11px}.export-links{display:flex;gap:5px}.export-links a{border:1px solid #d8e0dc;padding:6px 8px;color:var(--mint-dark);font-size:10px}.back-step{display:inline-block;margin-top:22px;color:#74807b;font-size:12px}.clean-stepper li.locked{opacity:.5}
@media(max-width:800px){.manage-clean{padding:0 18px 45px}.clean-heading{padding:20px 0 18px}.clean-heading h1{font-size:25px}.clean-heading>p:last-child{font-size:10px}.clean-stepper{gap:18px;padding:14px 0 11px}.clean-stepper li{font-size:9px;gap:4px}.clean-stepper b{width:19px;height:19px;font-size:8px}.clean-step-content{padding:28px 0 52px}.clean-step-content .step-label{font-size:12px;margin-bottom:16px}.clean-step-content h2{font-size:23px}.clean-copy{font-size:11px;margin:8px 0 21px}.clean-upload{min-height:165px}.upload-done{align-items:flex-start;flex-wrap:wrap}.upload-done p{margin-top:3px}.upload-done .primary-button{margin-left:34px}.share-clean{padding:17px 16px;gap:10px}.share-clean code{font-size:10px}.qr-preview{width:70px;height:70px}.export-clean{display:block;padding:18px 0}.export-links{margin-top:13px}.export-links a{font-size:9px}}

/* Modern route skeleton: layout shimmer instead of a rotating spinner. */
body.page-transition-out{opacity:1}.page-transition-out .app-shell{opacity:.2}.page-transition-out::before{display:none}.page-transition-out::after{display:none}.route-skeleton{position:fixed;inset:0;z-index:120;background:#fff;display:block;overflow:hidden}.route-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.82) 42%,transparent 64%);transform:translateX(-100%);animation:skeleton-sweep 1.35s ease-in-out infinite;pointer-events:none}.skeleton-header,.skeleton-nav,.skeleton-content{position:relative;z-index:1}.skeleton-header{height:68px;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:12px;padding:0 clamp(18px,4vw,54px)}.skeleton-header i,.skeleton-header b,.skeleton-header span,.skeleton-header em,.skeleton-nav i,.skeleton-kicker,.skeleton-title,.skeleton-copy,.skeleton-card i{display:block;background:#edf1ef;border-radius:3px}.skeleton-header i{width:28px;height:28px;border-radius:50%}.skeleton-header b{width:105px;height:13px}.skeleton-header span{margin-left:auto;width:22px;height:22px;border-radius:50%}.skeleton-header em{width:20px;height:20px;border-radius:50%}.skeleton-nav{height:49px;border-bottom:1px solid #f0f2f1;display:flex;align-items:center;gap:35px;padding:0 clamp(18px,4vw,54px)}.skeleton-nav i{width:48px;height:10px}.skeleton-nav i:nth-child(2){width:55px}.skeleton-nav i:nth-child(3){width:48px}.skeleton-nav i:nth-child(4){width:52px}.skeleton-nav i:nth-child(5){width:62px}.skeleton-content{max-width:760px;margin:0 auto;padding:64px clamp(20px,5vw,70px)}.skeleton-kicker{width:78px;height:9px;margin-bottom:22px}.skeleton-title{width:68%;height:31px;margin-bottom:16px}.skeleton-copy{width:48%;height:11px;margin-bottom:32px}.skeleton-card{height:220px;background:#fafbfa;border:1px solid #f0f2f1;padding:28px;display:grid;align-content:center;gap:14px}.skeleton-card i{height:42px}.skeleton-card i:nth-child(2){width:82%}.skeleton-card i:nth-child(3){width:66%}.skeleton-card i:nth-child(4){width:28%;height:36px;background:#e2f1ee}@keyframes skeleton-sweep{to{transform:translateX(100%)}}
@media(max-width:800px){.skeleton-header{height:56px;padding:0 14px;gap:8px}.skeleton-header i{width:26px;height:26px}.skeleton-header b{width:92px;height:11px}.skeleton-header span{width:18px;height:18px}.skeleton-header em{width:17px;height:17px}.skeleton-nav{height:47px;gap:25px;padding:0 15px}.skeleton-nav i{width:33px;height:8px}.skeleton-nav i:nth-child(2){width:43px}.skeleton-nav i:nth-child(3){width:39px}.skeleton-nav i:nth-child(4){width:38px}.skeleton-nav i:nth-child(5){width:51px}.skeleton-content{padding:48px 18px}.skeleton-kicker{width:58px;height:7px;margin-bottom:18px}.skeleton-title{width:76%;height:23px;margin-bottom:12px}.skeleton-copy{width:68%;height:9px;margin-bottom:24px}.skeleton-card{height:180px;padding:20px;gap:10px}.skeleton-card i{height:34px}}
@media(prefers-reduced-motion:reduce){.route-skeleton:after{animation:none}}

.collection-form .primary-button.is-loading::after{width:38px;height:4px;border:0;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.35),#fff,rgba(255,255,255,.35));background-size:200% 100%;animation:skeleton-sweep .95s ease-in-out infinite}

/* Album directory aligned with the quiet header system. */
.albums-heading{align-items:center;padding:37px 0 20px;border-bottom:1px solid var(--line)}.albums-heading h1{font-size:28px;font-weight:500;letter-spacing:-.05em}.albums-heading .primary-button{min-width:0;background:#eef2f0;color:#3d4845;border-radius:2px;padding:9px 12px;font-size:11px}.albums-heading .primary-button:hover{background:#e2ebe8;color:var(--mint-dark)}.album-cover{background:#f1f4f2;color:#66817a;border:1px solid #e2e9e6;box-shadow:none}.albums-main .album-row{padding:11px 0}.albums-main .album-title-row>a{font-size:13px}.albums-main .album-info p{font-size:10px}.albums-main .status{background:#f1f3f2;color:#78827e}.albums-main .album-actions .icon-button{color:#747e7a}
@media(max-width:800px){.albums-heading{padding:28px 0 17px}.albums-heading h1{font-size:25px}.albums-heading .primary-button{height:34px;padding:0 10px;font-size:10px}.albums-main .album-row{padding:9px 0}.albums-main .album-cover{width:45px;height:45px}.albums-main .album-title-row>a{font-size:12px}.albums-main .album-info p{font-size:9px}}

/* Public gallery: client-first, no workspace chrome or decorative instruction block. */
.gallery-page .topbar-actions{display:none}.gallery-page .topbar{position:relative}.gallery-page .gallery-main{padding-bottom:105px}.gallery-page .gallery-intro{max-width:1060px;text-align:left;padding:34px 0 21px;margin:0 auto;border-bottom:1px solid var(--line)}.gallery-page .gallery-intro h1{font-size:31px;font-weight:500;letter-spacing:-.055em}.gallery-page .gallery-intro>p:not(.eyebrow){margin:7px 0 0;color:#808a85;font-size:12px}.gallery-page .photo-grid{margin-top:18px}
@media(max-width:800px){.gallery-page .gallery-intro{padding:25px 0 16px}.gallery-page .gallery-intro h1{font-size:24px}.gallery-page .gallery-intro>p:not(.eyebrow){font-size:10px;margin-top:5px}.gallery-page .photo-grid{margin-top:12px}}

/* Product icon language inspired by the reference: simple circle + white gallery folder. */
.album-cover{background:transparent!important;border:0!important;box-shadow:none!important;padding:0}.album-product-icon{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#16b8b5}.album-product-icon:before{content:"";position:absolute;left:10px;right:7px;bottom:8px;height:23px;background:#e7fbfa;border-radius:1px 10px 1px 1px}.album-product-icon:after{content:"";position:absolute;left:10px;top:14px;width:19px;height:7px;background:#fff;border-radius:2px 2px 0 0}.album-product-icon i{position:absolute;z-index:1;left:16px;bottom:8px;width:6px;height:19px;background:#a8e8e4;opacity:.9}.album-product-icon b{position:absolute;z-index:2;right:7px;bottom:8px;width:8px;height:23px;background:#c9f2ef;border-radius:0 9px 0 0}.albums-main .album-cover{width:45px;height:45px}.albums-main .album-product-icon:before{left:8px;right:6px;bottom:7px;height:19px}.albums-main .album-product-icon:after{left:8px;top:12px;width:16px;height:6px}.albums-main .album-product-icon i{left:13px;bottom:7px;height:16px}.albums-main .album-product-icon b{right:6px;bottom:7px;height:19px}
@media(max-width:800px){.album-cover{width:45px!important;height:45px!important}.album-product-icon:before{left:8px;right:6px;bottom:7px;height:19px}.album-product-icon:after{left:8px;top:12px;width:16px;height:6px}.album-product-icon i{left:13px;bottom:7px;height:16px}.album-product-icon b{right:6px;bottom:7px;height:19px}}

/* Compact pagination for the album directory. */
.album-pagination{display:flex;justify-content:center;align-items:center;gap:5px;padding:23px 0 5px}.album-pagination a{min-width:27px;height:27px;display:grid;place-items:center;border:1px solid transparent;color:#7c8782;font-size:11px;border-radius:2px}.album-pagination a:hover{border-color:#d9e4e0;color:var(--mint-dark)}.album-pagination a.active{background:#eef2f0;border-color:#e1e9e5;color:var(--ink);font-weight:600}.album-pagination a[aria-label]{font-size:15px}
@media(max-width:800px){.album-pagination{padding-top:18px}.album-pagination a{min-width:25px;height:25px;font-size:10px}}

/* Keep the cached app shell visible; skeleton only occupies the page body. */
.page-transition-out .app-shell{opacity:1}.page-transition-out .topbar,.page-transition-out .subnav{opacity:1}.route-skeleton{top:117px;bottom:0;inset-inline:0;inset-block-start:117px;position:fixed;z-index:120;background:#fff}.route-skeleton:after{display:block}.route-skeleton .skeleton-header,.route-skeleton .skeleton-nav{display:none}.route-skeleton .skeleton-content{max-width:1180px;padding-top:60px;margin:0 auto}
.gallery-page .route-skeleton{top:68px;inset-block-start:68px}.gallery-page .route-skeleton .skeleton-content{padding-top:42px}
@media(max-width:800px){.route-skeleton{top:103px;inset-block-start:103px}.route-skeleton .skeleton-content{padding-top:44px}.gallery-page .route-skeleton{top:56px;inset-block-start:56px}.gallery-page .route-skeleton .skeleton-content{padding-top:28px}}

/* No shell movement during body loading; reserve scrollbar space to prevent a final jump. */
html{scrollbar-gutter:stable}.page-transition-out .app-shell{transform:none!important;transition:none!important}.page-transition-out .topbar,.page-transition-out .subnav{transform:none!important}.topbar,.subnav{backface-visibility:hidden}

/* No shell movement during body loading; reserve scrollbar space to prevent a final jump. */
html{scrollbar-gutter:stable}.page-transition-out .app-shell{transform:none!important;transition:none!important}.page-transition-out .topbar,.page-transition-out .subnav{transform:none!important}.topbar,.subnav{backface-visibility:hidden}

/* Google sign-in screen. */
.login-page{min-height:100vh;background:#fafcfb;color:var(--ink);display:grid;place-items:center;padding:28px 18px}.login-shell{width:min(100%,390px)}.login-brand{display:flex;align-items:center;gap:9px;margin:0 0 28px;padding:0 4px;font-size:14px}.login-brand .brand-p{font-family:Georgia,serif;font-size:31px;line-height:1}.login-brand .client-symbol{width:31px;height:31px}.login-brand strong{font-weight:500}.login-card{background:#fff;border:1px solid #e5ece9;padding:31px 27px 27px;box-shadow:0 12px 35px rgba(29,63,55,.06)}.login-card h1{margin:8px 0 10px;font-size:27px;line-height:1.1;font-weight:500;letter-spacing:-.05em}.login-copy{margin:0;color:#77827e;font-size:12px;line-height:1.65}.google-login{display:flex;align-items:center;gap:11px;margin-top:25px;min-height:45px;padding:0 14px;border:1px solid #d9e2df;border-radius:2px;color:#28322f;background:#fff;font-size:12px;font-weight:600;transition:border-color .18s,background .18s}.google-login:hover{background:#f6faf9;border-color:#b8d5ce}.google-login b{margin-left:auto;color:#1cb5aa;font-size:16px;font-weight:400}.google-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:15px;font-weight:700;color:#4285f4;font-family:Arial,sans-serif}.login-note{margin:22px 0 0;color:#9aa39f;font-size:10px;line-height:1.55}.login-error{margin-top:17px;padding:11px 12px;border:1px solid #f0d9d5;background:#fff8f6;color:#a6574b;font-size:11px;line-height:1.5}
@media(max-width:480px){.login-page{padding:20px 16px}.login-card{padding:27px 21px 24px}.login-card h1{font-size:24px}}

/* Google profile image + settings layout inspired by the reference workspace. */
.avatar{overflow:hidden;padding:0;display:grid;place-items:center;text-decoration:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-main{max-width:1060px;margin:0 auto;padding:39px 0 90px}.settings-heading h1{font-size:30px;font-weight:500;letter-spacing:-.055em}.settings-heading .eyebrow{margin-bottom:9px}.settings-tabs{display:flex;gap:36px;overflow:auto;border-bottom:1px solid var(--line);margin-top:37px;white-space:nowrap}.settings-tabs a{padding:0 0 13px;color:#7b8581;font-size:14px;border-bottom:2px solid transparent}.settings-tabs a.active,.settings-tabs a:hover{color:var(--ink);border-bottom-color:var(--mint)}.settings-panel{max-width:720px;padding:33px 0}.settings-panel h2{font-size:19px;font-weight:500;margin:0 0 28px}.settings-label{display:block;color:#4e5b56;font-size:12px;font-weight:600;margin-bottom:9px}.settings-field{background:#f5f8f7;border:1px solid #edf1ef;color:#697772;padding:15px 17px;font-size:13px}.settings-help{margin:12px 0 29px;color:#89938f;font-size:11px;line-height:1.65;max-width:590px}.settings-divider{height:1px;background:var(--line);margin:0 0 5px}.settings-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row strong{display:block;font-size:13px;font-weight:600}.settings-row p{margin:5px 0 0;color:#8b9591;font-size:11px;line-height:1.5}.settings-account{display:flex;align-items:center;gap:11px;margin-top:28px;padding:16px;background:#f7faf9}.settings-account-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dff4f1;color:#41a89d;font-size:13px;font-weight:600}.settings-account-avatar img{width:100%;height:100%;object-fit:cover}.settings-account>div:nth-child(2){min-width:0;flex:1}.settings-account strong{font-size:12px;font-weight:600}.settings-account p{margin:3px 0 0;color:#8a9590;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-account .secondary-button{font-size:10px;padding:8px 10px;white-space:nowrap}.settings-logout{display:none}
@media(max-width:800px){.settings-main{padding:28px 0 80px}.settings-heading h1{font-size:26px}.settings-tabs{gap:25px;margin-top:27px}.settings-tabs a{font-size:12px;padding-bottom:11px}.settings-panel{padding:27px 0}.settings-panel h2{font-size:17px;margin-bottom:23px}.settings-row{padding:17px 0}.settings-row strong{font-size:12px}.settings-row p{font-size:10px}.settings-account{margin-top:23px}.settings-account .secondary-button{padding:7px 9px}}

/* Google profile image + settings layout inspired by the reference workspace. */
.avatar{overflow:hidden;padding:0;display:grid;place-items:center;text-decoration:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-main{max-width:1060px;margin:0 auto;padding:39px 0 90px}.settings-heading h1{font-size:30px;font-weight:500;letter-spacing:-.055em}.settings-heading .eyebrow{margin-bottom:9px}.settings-tabs{display:flex;gap:36px;overflow:auto;border-bottom:1px solid var(--line);margin-top:37px;white-space:nowrap}.settings-tabs a{padding:0 0 13px;color:#7b8581;font-size:14px;border-bottom:2px solid transparent}.settings-tabs a.active,.settings-tabs a:hover{color:var(--ink);border-bottom-color:var(--mint)}.settings-panel{max-width:720px;padding:33px 0}.settings-panel h2{font-size:19px;font-weight:500;margin:0 0 28px}.settings-label{display:block;color:#4e5b56;font-size:12px;font-weight:600;margin-bottom:9px}.settings-field{background:#f5f8f7;border:1px solid #edf1ef;color:#697772;padding:15px 17px;font-size:13px}.settings-help{margin:12px 0 29px;color:#89938f;font-size:11px;line-height:1.65;max-width:590px}.settings-divider{height:1px;background:var(--line);margin:0 0 5px}.settings-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row strong{display:block;font-size:13px;font-weight:600}.settings-row p{margin:5px 0 0;color:#8b9591;font-size:11px;line-height:1.5}.settings-account{display:flex;align-items:center;gap:11px;margin-top:28px;padding:16px;background:#f7faf9}.settings-account-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dff4f1;color:#41a89d;font-size:13px;font-weight:600}.settings-account-avatar img{width:100%;height:100%;object-fit:cover}.settings-account>div:nth-child(2){min-width:0;flex:1}.settings-account strong{font-size:12px;font-weight:600}.settings-account p{margin:3px 0 0;color:#8a9590;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-account .secondary-button{font-size:10px;padding:8px 10px;white-space:nowrap}.settings-logout{display:none}
@media(max-width:800px){.settings-main{padding:28px 0 80px}.settings-heading h1{font-size:26px}.settings-tabs{gap:25px;margin-top:27px}.settings-tabs a{font-size:12px;padding-bottom:11px}.settings-panel{padding:27px 0}.settings-panel h2{font-size:17px;margin-bottom:23px}.settings-row{padding:17px 0}.settings-row strong{font-size:12px}.settings-row p{font-size:10px}.settings-account{margin-top:23px}.settings-account .secondary-button{padding:7px 9px}}

/* Pico-specific settings: operational controls, not a theme clone. */
.settings-main{box-sizing:border-box;width:100%;padding-inline:24px}.settings-heading .settings-lead{margin:9px 0 0;max-width:520px;color:#808b86;font-size:11px;line-height:1.6}.account-profile{display:flex;align-items:center;gap:13px;padding:17px 0 23px;border-bottom:1px solid var(--line)}.account-profile .settings-account-avatar{width:48px;height:48px}.account-profile strong{display:block;font-size:14px;font-weight:600}.account-profile p{margin:4px 0;color:#6f7b76;font-size:11px}.account-profile span{color:#9aa39f;font-size:10px}.settings-info-card{margin:23px 0;padding:16px;background:#f5f8f7;border:1px solid #edf1ef}.settings-info-card strong{font-size:12px;font-weight:600}.settings-info-card p{margin:7px 0 0;color:#7f8b86;font-size:11px;line-height:1.55}.settings-action-row{display:flex;align-items:center;gap:10px}.settings-action-row .primary-button,.settings-action-row .secondary-button{font-size:10px;padding:9px 11px}.settings-operations{padding-top:10px}.settings-operations h2{margin-bottom:10px}.settings-operations .text-link{color:var(--mint-dark);font-size:10px;white-space:nowrap}.settings-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.settings-main{padding-inline:24px}.settings-tabs{margin-right:-24px;padding-right:24px}.settings-heading .settings-lead{font-size:10px}.settings-panel{max-width:none}.settings-action-row{flex-wrap:wrap}.settings-action-row .primary-button,.settings-action-row .secondary-button{font-size:10px}}

/* Account popover */
.profile-control{position:relative;display:block}.profile-trigger{border:0;cursor:pointer;position:relative;z-index:21}.profile-trigger:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.profile-menu{position:absolute;z-index:20;top:calc(100% + 12px);right:-8px;width:270px;background:#fff;border:1px solid #e9eeec;box-shadow:0 16px 38px rgba(19,34,29,.13);color:var(--ink)}.profile-menu.is-open{display:block}.profile-menu[hidden]{display:none}.profile-menu-head{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.profile-menu-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#e1f3f0;color:#36a99c;font-size:16px;font-weight:600}.profile-menu-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-menu-head strong{display:block;font-size:13px;font-weight:600;line-height:1.3}.profile-menu-head span{display:block;margin-top:4px;max-width:165px;overflow:hidden;color:#8b9691;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-menu-list{padding:7px 0;border-bottom:1px solid var(--line)}.profile-menu-list a,.profile-menu-foot a{display:flex;align-items:center;gap:13px;padding:12px 18px;color:#56625d;font-size:12px;text-decoration:none}.profile-menu-list a:hover,.profile-menu-foot a:hover{background:#f5f9f8;color:var(--ink)}.menu-line-icon{width:18px;color:#71807a;font-size:17px;line-height:1;text-align:center}.profile-menu-foot{padding:7px 0}.profile-menu-foot a{color:#6c7873}.profile-menu-foot a:hover{color:#d05252}@media(max-width:800px){.profile-menu{position:fixed;top:68px;right:14px;width:min(270px,calc(100vw - 28px))}.profile-menu-head{padding:15px 16px}.profile-menu-list a,.profile-menu-foot a{padding:11px 16px}}

/* Freemium quota and Premium page */
.quota-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:17px 0 0;padding:12px 14px;border:1px solid #e4eeeb;background:#fafcfb}.quota-strip>div{display:grid;gap:2px}.quota-kicker{color:#8d9994;font-size:8px;font-weight:700;letter-spacing:.14em}.quota-strip strong{font-size:13px;font-weight:600}.quota-strip small{color:#87918d;font-size:10px}.quota-strip>a{color:var(--mint-dark);font-size:10px;font-weight:600;white-space:nowrap}.quota-strip>a span{font-size:15px}.quota-strip.premium{border-color:#bfe9e1;background:var(--mint-pale)}.quota-active{color:var(--mint-dark);font-size:10px;font-weight:600}.quota-hint{margin:-13px 0 18px;color:#87918d;font-size:10px}.quota-hint a{color:var(--mint-dark);font-weight:600}.premium-main{max-width:900px;padding-bottom:82px}.premium-hero{padding:56px 0 30px;max-width:610px}.premium-hero h1{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.06em;font-weight:500}.premium-hero>p:last-child{max-width:550px;margin:15px 0 0;color:#7c8782;font-size:13px;line-height:1.65}.premium-notice{margin:0 0 18px;padding:12px 14px;border:1px solid #f0d7ad;background:#fffaf0;color:#806638;font-size:11px}.premium-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-card{padding:22px;border:1px solid var(--line);background:#fcfdfc}.plan-card-premium{border:1px solid #9edfd5;background:#f5fcfa;box-shadow:0 9px 26px rgba(24,184,165,.08)}.plan-card-top{display:flex;align-items:center;justify-content:space-between}.plan-name{font-size:14px;font-weight:600}.plan-current,.plan-spark{color:var(--mint-dark);font-size:9px;font-weight:700;letter-spacing:.08em}.plan-price{display:block;margin:20px 0 17px;font-size:25px;font-weight:500;letter-spacing:-.04em}.plan-price small{color:#8a9590;font-size:10px;font-weight:400;letter-spacing:0}.plan-card ul{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none;color:#697570;font-size:11px}.plan-card li:before{content:"✓";display:inline-block;margin-right:8px;color:var(--mint-dark);font-weight:700}.plan-card .primary-button{font-size:11px;padding:9px 11px}.premium-model{margin:26px 0;padding:17px 18px;border-left:3px solid var(--mint);background:#fafcfb}.premium-model strong{font-size:12px}.premium-model p{margin:6px 0 0;color:#7d8883;font-size:11px;line-height:1.6}.premium-interest{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 18px;border:1px solid var(--line);background:#fff}.premium-interest h2{margin:0;font-size:18px;font-weight:500;letter-spacing:-.04em}.premium-interest p:not(.eyebrow){max-width:480px;margin:6px 0 0;color:#818b87;font-size:11px}.premium-interest form{display:grid;justify-items:end;gap:9px}.premium-interest .secondary-button{font-size:11px;white-space:nowrap}.premium-feedback{margin:0;font-size:10px}.premium-feedback.success{color:var(--mint-dark)}.profile-menu-list a[href="/premium"]{color:var(--mint-dark);font-weight:600}@media(max-width:800px){.quota-strip{margin-top:13px;padding:11px 12px}.quota-strip strong{font-size:12px}.quota-strip small{font-size:9px}.quota-strip>a{font-size:9px}.quota-hint{font-size:9px}.premium-main{padding:0 18px 55px}.premium-hero{padding:35px 0 24px}.premium-hero h1{font-size:28px}.premium-hero>p:last-child{font-size:11px;margin-top:10px}.premium-plans{grid-template-columns:1fr;gap:8px}.plan-card{padding:17px}.plan-price{margin:14px 0 13px;font-size:22px}.plan-card ul{gap:7px;margin-bottom:16px;font-size:10px}.premium-model{margin:17px 0;padding:14px}.premium-interest{display:grid;gap:15px;padding:17px 14px}.premium-interest h2{font-size:16px}.premium-interest form{justify-items:start}.premium-interest .secondary-button{font-size:10px}}

/* Premium checkout screen: quiet single-plan selection, reference-like. */
.plan-page{min-height:100vh;background:#fff;color:var(--ink)}.plan-sheet{width:min(100%,680px);margin:0 auto;padding:28px 28px 56px}.plan-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px}.plan-header h1{margin:0;font-size:23px;font-weight:600;letter-spacing:-.04em}.plan-close{position:absolute;right:0;top:0;color:#626b68;font-size:34px;font-weight:300;line-height:32px}.currency-picker{display:flex;align-items:center;gap:10px;margin:17px auto 32px;border:0;background:#fff;color:#38413e;font-size:15px}.currency-picker span{color:#8d9692;font-size:20px;line-height:12px}.plan-card{padding:48px 58px 0;border:1px solid #e7ecea;background:#fff;box-shadow:0 2px 8px rgba(25,44,39,.025)}.plan-card-premium{border-color:#e2e8e5;background:#fff;box-shadow:0 2px 10px rgba(25,44,39,.035)}.plan-intro{text-align:center}.plan-intro h2{margin:0 0 11px;font-size:28px;font-weight:600;letter-spacing:-.045em}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:0;font-size:57px;font-weight:500;letter-spacing:-.075em;line-height:1}.plan-price>span{font-size:25px;font-weight:400;letter-spacing:0}.plan-price small{margin-left:3px;color:#747e79;font-size:17px;font-weight:400;letter-spacing:-.02em}.plan-intro p{margin:14px 0 0;color:#a0a7a4;font-size:12px}.plan-select{display:flex;align-items:center;justify-content:center;height:56px;margin:45px 0 42px;background:var(--mint);color:#fff;font-size:13px;font-weight:700;letter-spacing:.22em}.plan-select:hover{background:var(--mint-dark)}.plan-brand{display:flex;align-items:center;gap:11px;padding:0 0 26px;border-bottom:1px solid var(--line);color:#27312e;letter-spacing:.18em;font-size:13px}.plan-brand .client-symbol{width:35px;height:35px;flex:0 0 35px}.plan-brand .client-symbol:before{left:12px;width:9px;height:24px}.plan-brand .client-symbol i:first-child{left:12px;width:23px;height:9px}.plan-brand .client-symbol i:last-child{width:12px;height:16px}.plan-features{margin:0;padding:4px 0 0;list-style:none}.plan-features li{display:grid;grid-template-columns:27px 1fr;column-gap:10px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.feature-check{grid-row:span 2;color:var(--mint);font-size:24px;font-weight:400;line-height:1}.plan-features strong{font-size:15px;font-weight:600}.plan-features small{margin-top:3px;color:#8a9490;font-size:11px}.plan-interest{padding:25px 0 29px}.plan-interest h3{margin:0;font-size:14px;font-weight:600}.plan-interest p{margin:6px 0 13px;color:#838d88;font-size:11px;line-height:1.55}.plan-interest form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-interest-button{border:1px solid #cbdad5;background:#fff;color:var(--mint-dark);padding:9px 12px;font-size:10px;font-weight:600}.plan-interest-button:hover{background:var(--mint-pale);border-color:var(--mint)}.plan-interest .premium-feedback{font-size:10px}.plan-footnote{margin:17px auto 0;text-align:center;color:#969f9b;font-size:10px}@media(max-width:800px){.plan-sheet{padding:25px 15px 42px}.plan-header h1{font-size:20px}.plan-close{right:2px;font-size:31px}.currency-picker{margin:16px auto 25px;font-size:14px}.plan-card{padding:39px 25px 0}.plan-intro h2{font-size:25px}.plan-price{font-size:48px}.plan-price>span{font-size:21px}.plan-price small{font-size:15px}.plan-select{height:50px;margin:36px 0 35px;font-size:12px}.plan-brand{padding-bottom:21px;font-size:11px}.plan-brand .client-symbol{width:31px;height:31px;flex-basis:31px}.plan-features li{padding:21px 0;grid-template-columns:25px 1fr}.feature-check{font-size:21px}.plan-features strong{font-size:13px}.plan-features small{font-size:10px}.plan-interest{padding:21px 0 24px}.plan-interest h3{font-size:13px}.plan-interest p{font-size:10px}.plan-footnote{font-size:9px}}

/* Premium mobile correction: match the Pico shell and keep feature rows intact. */
.plan-market{margin:10px 0 27px;text-align:center;color:#8b9691;font-size:11px}.currency-picker{display:none}.plan-features li:before{content:none!important;display:none!important}.plan-features li{grid-template-columns:26px minmax(0,1fr);align-items:start}.plan-features .feature-check{grid-column:1;grid-row:1 / span 2}.plan-features strong{grid-column:2;grid-row:1;min-width:0;display:block}.plan-features small{grid-column:2;grid-row:2;display:block;min-width:0}.plan-card{overflow:hidden}.plan-interest{border-top:0}.plan-interest-button{cursor:pointer}.plan-footnote{padding-inline:8px}@media(max-width:800px){.plan-sheet{width:100%;padding:23px 18px 42px}.plan-header{min-height:36px}.plan-header h1{font-size:21px}.plan-close{right:0;top:-2px}.plan-market{margin:8px 0 23px;font-size:10px}.plan-card{padding:32px 20px 0}.plan-intro h2{font-size:25px;margin-bottom:9px}.plan-price{font-size:44px;letter-spacing:-.07em}.plan-price>span{font-size:20px}.plan-price small{font-size:14px}.plan-intro p{margin-top:11px;font-size:10px}.plan-select{margin:31px 0 29px;height:49px}.plan-brand{padding-bottom:18px}.plan-features{padding-top:0}.plan-features li{grid-template-columns:25px minmax(0,1fr);padding:20px 0;column-gap:9px}.plan-features strong{font-size:13px;line-height:1.35}.plan-features small{font-size:10px;line-height:1.45}.feature-check{font-size:20px}.plan-interest{padding:20px 0 23px}.plan-interest h3{font-size:13px}.plan-interest-button{font-size:10px}.plan-footnote{margin-top:14px}}

/* Plan comparison: Basic current state + Premium upgrade, no waitlist. */
.plan-current-card{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:0 0 14px;padding:17px 19px;border:1px solid var(--line);background:#fafcfb}.current-plan-label,.premium-label{margin:0 0 5px;color:#98a19e;font-size:8px;font-weight:700;letter-spacing:.15em}.current-plan-card h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.04em}.plan-current-card>span{align-self:center;color:#6d7c76;font-size:9px;font-weight:700;letter-spacing:.08em}.current-plan-limits{grid-column:1 / -1;display:flex;gap:9px;flex-wrap:wrap;color:#7c8782;font-size:10px}.current-plan-limits b{font-weight:500}.current-plan-limits b:not(:last-child):after{content:"·";margin-left:9px;color:#b2bbb7}.premium-label{margin-bottom:8px;color:var(--mint-dark)}.plan-select.plan-coming-soon{background:#eef2f0;color:#71807a;text-align:center;cursor:default;letter-spacing:.18em}.plan-select.plan-coming-soon:hover{background:#eef2f0}.plan-footnote{max-width:420px;line-height:1.5}@media(max-width:800px){.plan-current-card{margin-bottom:10px;padding:14px 15px}.current-plan-card h2{font-size:18px}.current-plan-limits{gap:6px;font-size:9px}.current-plan-limits b:not(:last-child):after{margin-left:6px}.premium-label{font-size:8px}.plan-select.plan-coming-soon{margin-top:28px;margin-bottom:27px}}

/* Basic card alignment fix: keep the current plan compact and separate from Premium. */
.current-plan-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 17px;border:1px solid var(--line);background:#fafcfb}.current-plan-card>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.current-plan-card .current-plan-label{margin:0;color:#98a19e;font-size:8px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.current-plan-card h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.04em}.current-plan-card>span{margin-left:auto;color:#6d7c76;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.current-plan-limits{width:100%;display:flex;grid-column:auto;gap:8px;flex-wrap:wrap;color:#7c8782;font-size:10px}.current-plan-limits b{font-weight:500;white-space:nowrap}.current-plan-limits b:not(:last-child):after{content:"·";margin-left:8px;color:#b2bbb7}@media(max-width:800px){.current-plan-card{gap:8px;margin-bottom:13px;padding:12px 13px}.current-plan-card>div:first-child{gap:7px}.current-plan-card .current-plan-label{font-size:7px}.current-plan-card h2{font-size:17px}.current-plan-card>span{font-size:7px}.current-plan-limits{gap:5px;font-size:9px}.current-plan-limits b:not(:last-child):after{margin-left:5px}}

/* Basic card final layout: a stable title/status row and a separate limits row. */
.current-plan-card{flex-wrap:wrap}.current-plan-limits{flex:0 0 100%}.plan-price>span{font-size:.42em;font-weight:400;letter-spacing:-.02em}.plan-price small{align-self:flex-end;margin-bottom:4px}@media(max-width:800px){.plan-price small{margin-bottom:3px}}

/* Shared plan cards: Basic and Premium use one stable component. */
.plan-cards{display:grid;gap:14px}.plan-card-basic{background:#fafcfb;border-color:#dfe8e4}.plan-card-basic .plan-price-basic{font-size:37px;letter-spacing:-.06em}.plan-card-basic .plan-select.plan-current{background:#e8efec;color:#6b7a74;cursor:default}.plan-card-basic .plan-select.plan-current:hover{background:#e8efec}.plan-card-basic .feature-check{color:#8ab5aa}.plan-card-basic .plan-brand{color:#44504b}.plan-card-premium .premium-label{color:var(--mint-dark)}@media(max-width:800px){.plan-cards{gap:12px}.plan-card-basic .plan-price-basic{font-size:34px}.plan-card-basic .plan-select.plan-current{margin-top:28px;margin-bottom:27px}}

/* Album directory actions: one quiet menu per row, with share details on demand. */
.album-menu{position:relative}.album-menu-trigger{width:31px!important;height:31px!important;color:#697671!important;font-size:23px;line-height:1;font-weight:600;letter-spacing:0;padding:0!important}.album-menu-trigger:hover{background:#eef5f2;color:var(--mint-dark)!important}.album-share-popover{position:absolute;z-index:45;right:0;top:calc(100% + 7px);width:232px;padding:14px;background:#fff;border:1px solid #e1e9e5;box-shadow:0 12px 30px rgba(22,41,36,.14);text-align:left}.album-share-popover[hidden]{display:none}.album-share-popover>strong{display:block;margin-bottom:10px;font-size:12px;font-weight:600}.album-share-url{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:11px}.album-share-url code{min-width:0;overflow:hidden;color:#7c8782;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.album-share-url .text-action{margin-left:auto;padding:2px 0;color:var(--mint-dark);font-size:10px;white-space:nowrap}.album-qr-share{display:flex;align-items:center;gap:11px;padding-top:12px}.album-qr-share img{width:68px;height:68px;object-fit:contain;border:1px solid #eef2f0}.album-qr-share a{color:var(--mint-dark);font-size:10px}.album-product-icon.icon-0{background:#16b8b5}.album-product-icon.icon-1{background:#ddaa8e}.album-product-icon.icon-1:before{background:#fff0df;transform:rotate(-8deg);border-radius:12px 2px 3px 3px}.album-product-icon.icon-1:after{background:#fff9f0;transform:rotate(-8deg);top:12px}.album-product-icon.icon-1 i{background:#f4c9ae;transform:rotate(-8deg)}.album-product-icon.icon-1 b{background:#f7d7c2;transform:rotate(-8deg)}.album-product-icon.icon-2{background:#6bb6c4}.album-product-icon.icon-2:before{background:#e6f7f5;bottom:9px;height:18px;border-radius:50% 2px 8px 2px}.album-product-icon.icon-2:after{background:#fff;top:11px;width:23px;height:5px;border-radius:50%}.album-product-icon.icon-2 i{background:#a8dfdf;left:11px;bottom:8px;height:15px;transform:skew(-12deg)}.album-product-icon.icon-2 b{background:#c8edeb;right:9px;bottom:9px;height:18px;border-radius:8px 0 0 0}.album-product-icon.icon-3{background:#9c8bbd}.album-product-icon.icon-3:before{left:8px;right:8px;bottom:8px;height:22px;background:#f0ecfb;border-radius:50% 3px 9px 3px;transform:rotate(7deg)}.album-product-icon.icon-3:after{left:12px;top:11px;width:19px;height:6px;background:#fff;transform:rotate(7deg)}.album-product-icon.icon-3 i{left:15px;bottom:9px;height:18px;background:#cfc4e8;transform:rotate(7deg)}.album-product-icon.icon-3 b{right:10px;bottom:9px;height:20px;background:#ded6ef;transform:rotate(7deg)}.album-product-icon.icon-4{background:#d0a746}.album-product-icon.icon-4:before{left:8px;right:8px;bottom:8px;height:22px;background:#fff3c8;border-radius:5px 12px 3px 3px}.album-product-icon.icon-4:after{left:9px;top:12px;width:22px;height:6px;background:#fffbe9}.album-product-icon.icon-4 i{left:15px;bottom:8px;height:18px;background:#f0d982}.album-product-icon.icon-4 b{right:9px;bottom:8px;height:22px;background:#f5e5a9}@media(max-width:800px){.album-menu-trigger{width:29px!important;height:29px!important;font-size:21px}.album-share-popover{right:-2px;width:226px;padding:13px}.album-qr-share img{width:64px;height:64px}}

/* Share popover is positioned from the trigger rect so it never floats in the page center. */
.album-share-popover{position:fixed;left:0;top:0;right:auto;width:232px}.album-share-url{display:block;padding-bottom:11px}.album-url-copy{display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;color:#66736e;text-align:left;cursor:pointer}.album-url-copy:hover code{color:var(--mint-dark)}.album-url-copy code{display:block;overflow:hidden;color:#66736e;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.album-delete-button{display:block;width:100%;margin-top:13px;padding:9px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:#b46868;text-align:left;font-size:10px;cursor:pointer}.album-delete-button:hover{color:#963f45}@media(max-width:800px){.album-share-popover{right:auto;width:226px}}

/* Album page: a quiet mint alert replaces the heavy upgrade card. */
.quota-alert{display:flex;align-items:center;gap:11px;margin:0 0 23px;padding:11px 13px;background:#effaf7;border:1px solid #d9f0ea;border-radius:10px}.quota-alert-icon{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:9px;background:#d2f2eb;color:#13a999;font-size:15px}.quota-alert-copy{min-width:0}.quota-alert-copy strong{display:block;color:#267f75;font-size:11px;font-weight:600}.quota-alert-copy p{margin:2px 0 0;color:#6e928b;font-size:9px}.quota-alert-action,.quota-alert-status{margin-left:auto;color:#15988a;font-size:9px;font-weight:600;white-space:nowrap}.quota-alert-action span{margin-left:3px;font-size:14px;vertical-align:-1px}.quota-alert-status{color:#6e928b}.create-album-button{display:inline-flex;align-items:center;gap:9px;height:37px;padding:0 15px;border:1px solid #d7eee8;border-radius:999px;background:#effaf7;color:#178f83;font-size:11px;font-weight:600;box-shadow:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.create-album-button:hover{border-color:#bde5dc;background:#e3f7f2;transform:translateY(-1px)}.create-album-button b{font-size:14px;font-weight:400}@media(max-width:800px){.quota-alert{align-items:flex-start;gap:9px;margin-bottom:19px;padding:10px 11px}.quota-alert-icon{flex-basis:27px;width:27px;height:27px;font-size:14px}.quota-alert-copy strong{font-size:10px}.quota-alert-copy p{font-size:8px;line-height:1.45}.quota-alert-action,.quota-alert-status{margin-top:5px;font-size:8px}.create-album-button{height:34px;padding:0 13px;font-size:10px}}

/* Album alert refinement: clear separation from workspace nav, larger type, restrained corners. */
.quota-alert{margin-top:22px;margin-bottom:27px;padding:14px 16px;border-radius:6px}.quota-alert-icon{flex-basis:33px;width:33px;height:33px;border-radius:7px;font-size:16px}.quota-alert-copy strong{font-size:12px}.quota-alert-copy p{font-size:10px}.quota-alert-action,.quota-alert-status{font-size:10px}.quota-alert-action span{font-size:15px}@media(max-width:800px){.quota-alert{margin-top:18px;margin-bottom:23px;padding:13px 14px;border-radius:6px}.quota-alert-icon{flex-basis:30px;width:30px;height:30px;border-radius:6px;font-size:15px}.quota-alert-copy strong{font-size:11px}.quota-alert-copy p{font-size:9px}.quota-alert-action,.quota-alert-status{font-size:9px}}

.albums-heading-action{justify-content:flex-end}.albums-heading-action .primary-button{margin-left:auto}@media(max-width:800px){.albums-heading-action{align-items:center;justify-content:center}}

/* Single CTA heading: center it after removing the large Album title. */
.albums-heading-action{align-items:center!important;justify-content:center!important}.albums-heading-action .primary-button{margin-left:0!important}

/* Login: a quiet, Google-only entry screen inspired by the supplied reference. */
.login-page{min-height:100vh;background:#fff;display:block;padding:28px 24px 54px}.login-shell{width:min(100%,630px);margin:0 auto}.login-topbar{display:flex;align-items:center;justify-content:space-between}.login-wordmark{color:#202523;font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:.34em;line-height:1;text-decoration:none}.login-close{color:#9aa29f;font-size:38px;font-weight:300;line-height:.7;text-decoration:none}.login-close:hover{color:#4d5b56}.login-card{max-width:630px;margin:112px auto 0;padding:0;background:transparent;border:0;box-shadow:none;text-align:center}.login-card h1{margin:0;font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.05em}.login-copy{margin:13px 0 0;color:#8a9490;font-size:15px;line-height:1.55}.google-login{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:58px;margin:70px 0 0;padding:0 56px 0 18px;border:1px solid #d7dedb;border-radius:0;color:#252d2a;background:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:border-color .18s,background .18s,box-shadow .18s}.google-login:hover{border-color:#a9cfc4;background:#fbfefd;box-shadow:0 3px 12px rgba(25,93,79,.07)}.google-login img{width:25px;height:25px;object-fit:contain}.google-login b{position:absolute;right:19px;color:#1cb5aa;font-size:22px;font-weight:400}.login-error{max-width:630px;margin:22px auto 0;padding:12px 14px;border:1px solid #f0d9d5;background:#fff8f6;color:#a6574b;font-size:12px;line-height:1.5;text-align:left}.login-note,.google-mark{display:none}@media(max-width:480px){.login-page{padding:24px 20px 42px}.login-wordmark{font-size:19px}.login-close{font-size:34px}.login-card{margin-top:104px}.login-card h1{font-size:28px}.login-copy{font-size:13px}.google-login{height:56px;margin-top:54px;font-size:14px}.google-login img{width:24px;height:24px}}

.header-wordmark{font-size:15px;font-weight:600;letter-spacing:.16em;line-height:1;color:#1f2724}.client-title .header-wordmark{margin-left:1px}@media(max-width:800px){.header-wordmark{font-size:13px;letter-spacing:.14em}}

/* AI Support workspace */
.support-main{width:min(100%,760px);margin:0 auto;padding:48px 22px 80px}.support-heading{margin-bottom:22px}.support-heading h1{margin:0;font-size:27px;font-weight:500;letter-spacing:-.05em}.support-heading p{margin:8px 0 0;color:#8a9490;font-size:12px}.support-chat{border:1px solid #e0e9e5;background:#fff}.support-messages{min-height:360px;max-height:calc(100vh - 360px);overflow:auto;padding:22px 20px 16px;background:#fbfdfc}.support-message{display:flex;align-items:flex-start;gap:9px;max-width:92%;margin:0 0 17px}.support-message.user{justify-content:flex-end;max-width:82%;margin-left:auto}.support-message>div{min-width:0}.support-message strong{display:block;margin:1px 0 5px;color:#61716a;font-size:10px;font-weight:600}.support-message p{margin:0;color:#29332f;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.support-message.user p{padding:9px 12px;background:#e6f6f2;color:#236d64;border-radius:5px}.support-message.user strong{text-align:right}.support-avatar{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:50%;background:#d5f1ec;color:#159c8e;font-family:Georgia,serif;font-size:13px}.support-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 2px 36px}.support-suggestions button{padding:7px 10px;border:1px solid #d8e9e4;border-radius:4px;background:#fff;color:#4c8279;font:inherit;font-size:10px;cursor:pointer}.support-suggestions button:hover{background:#eef9f6;border-color:#b9ded5}.support-composer{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid #e4ece9;background:#fff}.support-composer textarea{flex:1;min-height:38px;max-height:120px;padding:10px 11px;border:1px solid #dce6e2;outline:0;resize:none;color:#26332f;font:inherit;font-size:12px;line-height:1.45}.support-composer textarea:focus{border-color:#8ed3c7}.support-composer button{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:0;border-radius:4px;background:#19b4a5;color:#fff;font-size:19px;font-weight:300;cursor:pointer}.support-composer button:hover{background:#10988d}.support-composer button:disabled{opacity:.55;cursor:wait}.support-composer.is-busy textarea{background:#f7faf9}.support-disclaimer{display:block;padding:0 13px 12px;color:#9ba6a1;font-size:9px}.support-unavailable{padding:24px 20px;border-top:1px solid #e4ece9;background:#fbfdfc;color:#7f8c86}.support-unavailable strong{display:block;color:#54645d;font-size:12px}.support-unavailable p{margin:7px 0 0;font-size:10px}.support-unavailable code{padding:2px 4px;background:#edf4f1;color:#267e73;font-family:ui-monospace,monospace;font-size:10px}.support-message p.is-typing:after{content:"";display:inline-block;width:5px;height:12px;margin-left:4px;background:#27ae9f;vertical-align:-2px;animation:support-blink 1s steps(2,end) infinite}.support-message.is-error p{color:#a2574e}@keyframes support-blink{50%{opacity:0}}@media(max-width:800px){.support-main{padding:30px 18px 55px}.support-heading h1{font-size:24px}.support-heading p{font-size:11px}.support-messages{min-height:420px;max-height:none;padding:18px 14px 13px}.support-message{max-width:96%}.support-message p{font-size:11px}.support-suggestions{margin-left:36px}.support-suggestions button{font-size:9px}.support-composer{padding:9px}.support-disclaimer{padding:0 10px 10px}}

/* AI chat mode: open conversation surface, no enclosing card. */
.support-page{background:#fff}.support-main{width:min(100%,820px);min-height:calc(100vh - 126px);display:flex;flex-direction:column;margin:0 auto;padding:30px 24px 20px}.support-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0;padding:0 2px 18px;border-bottom:1px solid #eef2f0}.support-kicker{display:block;margin-bottom:7px;color:#a1aaa6;font-size:9px;font-weight:600;letter-spacing:.16em}.support-heading h1{font-size:25px}.support-heading p{margin-top:7px;font-size:11px}.support-model-label{padding-bottom:3px;color:#a6aeab;font-family:ui-monospace,monospace;font-size:9px}.support-chat{display:flex;flex:1;min-height:0;flex-direction:column;border:0;background:transparent}.support-messages{flex:1;min-height:360px;max-height:none;overflow:auto;padding:30px 0 110px;background:#fff;scroll-behavior:smooth}.support-message{max-width:100%;margin:0 0 25px}.support-message.assistant{align-items:flex-start}.support-message.assistant>div{max-width:680px;padding:17px 20px;background:#fafbfb;border:1px solid #f0f2f1;border-radius:17px}.support-message.assistant p{font-size:14px;line-height:1.75}.support-message.assistant strong{font-size:11px}.support-message.user{max-width:82%;margin:0 0 31px auto}.support-message.user p{padding:0;background:transparent;color:#596761;font-size:16px;line-height:1.55}.support-message.user strong{display:none}.support-avatar{flex-basis:28px;width:28px;height:28px;margin-top:16px;margin-right:1px}.support-suggestions{margin:8px 0 32px 48px}.support-suggestions button{padding:8px 11px;border-radius:999px;background:#fff}.support-composer{position:sticky;bottom:0;z-index:2;display:flex;align-items:flex-end;gap:8px;margin:0;padding:11px 12px;border:1px solid #dfe5e2;border-radius:18px;background:#f8f9f8;box-shadow:0 8px 26px rgba(22,40,34,.07)}.support-composer textarea{min-height:43px;padding:11px 10px;border:0;background:transparent;font-size:14px}.support-composer textarea:focus{border:0}.support-composer button{flex-basis:40px;width:40px;height:40px;border-radius:50%;font-size:20px}.support-model-footer{display:flex;align-items:center;gap:12px;padding:10px 4px 0;color:#7e8984;font-size:10px}.support-model-footer span{color:#afb6b2}.support-disclaimer{display:none}.support-unavailable{margin-top:auto;border:0;background:#fbfdfc;padding:22px 0}.support-message p.is-typing:after{height:15px}@media(max-width:800px){.support-main{min-height:calc(100vh - 126px);padding:23px 18px 15px}.support-heading{align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:14px}.support-kicker{font-size:8px}.support-heading h1{font-size:23px}.support-heading p{font-size:10px}.support-model-label{padding:0}.support-messages{min-height:0;padding:26px 0 100px}.support-message.assistant>div{padding:15px 16px;border-radius:16px}.support-message.assistant p{font-size:13px;line-height:1.7}.support-message.user{max-width:90%;margin-bottom:27px}.support-message.user p{font-size:15px}.support-suggestions{margin:5px 0 27px 37px;gap:6px}.support-suggestions button{font-size:9px}.support-composer{border-radius:16px;padding:9px 10px}.support-composer textarea{font-size:13px}.support-model-footer{font-size:9px;padding-top:8px}.support-model-footer span{font-size:8px}}
/* Support compact mode: chat starts directly under the shared header/nav. */
.support-main{padding-top:0}.support-messages{padding-top:28px}@media(max-width:800px){.support-main{padding-top:0}.support-messages{padding-top:22px}}
.support-suggestions{margin-left:0}@media(max-width:800px){.support-suggestions{margin-left:0}}
.support-message p strong{font-weight:700;color:#1f2d28}.support-message p em{font-style:italic}.support-message p code{padding:2px 5px;border-radius:4px;background:#edf3f0;color:#2b7165;font-family:ui-monospace,monospace;font-size:.9em}.support-bullet{display:block;padding-left:3px}
.support-message p strong{font-size:inherit;line-height:inherit}.support-message p em{font-size:inherit}.support-bullet{margin:0;line-height:inherit}
.support-numbered{display:block;margin:3px 0;line-height:inherit}.support-message p br{display:none}
.support-message p strong{display:inline;margin:0;font-size:inherit;line-height:inherit;vertical-align:baseline}.support-message p em{display:inline;margin:0}
.support-message{margin-bottom:16px}.support-message.assistant p{line-height:1.5}.support-message.user{margin-bottom:20px}.support-numbered{margin:1px 0;line-height:1.5}@media(max-width:800px){.support-message{margin-bottom:14px}.support-message.assistant p{line-height:1.5}.support-message.user{margin-bottom:18px}.support-numbered{line-height:1.5}}