.gallery-delete-action{display:flex;justify-content:flex-end;margin:0 0 20px}.undo-notice{align-items:center;background:#fffefa;border:1px solid #e4e2da;border-radius:12px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 6px 24px #23261d1f;color:#292d28;display:flex;gap:24px;left:50%;max-width:calc(100% - 32px);padding:8px 8px 8px 18px;position:fixed;transform:translate(-50%);z-index:100}.undo-notice .secondary{color:#456554;border-color:#d7ddd2}.undo-notice button:focus-visible,.gallery-delete-action button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.library-shell{--accent: #456554;background:#f7f5f0;font-family:var(--font);min-height:100svh;padding:0 clamp(24px,5vw,72px) 72px}.library-topbar,.library-content{margin:0 auto;max-width:1280px}.library-topbar{align-items:center;display:flex;justify-content:space-between;min-height:104px}.library-topbar .brand{font-size:17px;letter-spacing:-.5px}.library-content{padding-top:48px}.library-grid{display:grid;gap:52px 40px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.library-gallery,.library-create{align-content:start;background:none;border:0;border-radius:4px;color:#393b33;display:grid;gap:22px;min-width:0;padding:0;position:relative;text-align:left;transition:transform .14s var(--ease-out)}.library-stack{aspect-ratio:4 / 3;display:block;isolation:isolate;margin:0 10px;position:relative}.library-print{background:#fffefa;border:1px solid rgb(74 64 44 / 9%);border-radius:3px;box-shadow:0 2px 3px #322a1d0d,0 8px 18px -8px #322a1d2e;display:block;inset:0;overflow:hidden;padding:7px 7px 15px;position:absolute;transform-origin:50% 85%;transition:transform .18s var(--ease-out)}.library-print-back{background:#f0eee6;transform:translate(-5px,-7px) rotate(-5deg);z-index:0}.library-print-middle{background:#faf9f4;transform:translate(5px,-3px) rotate(4deg);z-index:1}.library-print-front{z-index:2}.library-print img{background:#eeede8;display:block;height:100%;object-fit:cover;width:100%}.library-blank{align-items:center;background:#e8ede3;color:#456554;display:flex;height:100%;justify-content:center}.library-blank-empty{background:#eeece5;color:#979b8e}.library-stack-create .library-print-back{background:#e3e8dc}.library-stack-create .library-print-middle{background:#f0f3e9}.library-caption{font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.5;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.library-caption .album-title-row{align-items:flex-start;flex-direction:column;gap:4px}.library-caption .album-title-row strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.library-opening{align-items:center;color:#686d61;display:flex;font-size:12px;gap:6px;left:10px;position:absolute;top:calc(100% + 6px)}.library-loading{align-items:center;aspect-ratio:4 / 3;color:#777e71;display:flex;justify-content:center}.library-shell :is(a,button):focus-visible{outline:2px solid #456554;outline-offset:8px}.library-gallery:active{transform:scale(.98)}.library-dialog{background:#f8f7f4;border:1px solid #e5e5dd;border-radius:16px;color:#292d28;max-height:calc(100svh - 48px);padding:28px;width:min(420px,calc(100% - 40px))}.library-dialog::backdrop{background:#19201a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.library-dialog form{display:grid;gap:12px}.library-dialog-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.library-dialog h2{font-size:23px;font-weight:600;letter-spacing:-.6px}.library-dialog label{font-size:13px;font-weight:500}.library-close{background:transparent;color:#62685f;justify-content:center;padding:0;width:44px}.library-submit{color:var(--accent-ink, #fff);justify-content:center;margin-top:8px;min-height:48px}@media(hover:hover)and (pointer:fine){.library-create:hover,.library-close:hover{box-shadow:none;transform:none}.library-create:active{transform:scale(.98)}:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-back{transform:translate(-9px,-10px) rotate(-9deg)}:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-middle{transform:translate(9px,-6px) rotate(8deg)}:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-front{transform:translateY(-3px) rotate(-1deg)}}@media(max-width:600px){.library-shell{padding:0 20px 40px}.library-topbar{min-height:80px}.library-content{padding-top:32px}.library-grid{gap:36px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.library-stack{margin:0 6px}.library-print{padding:4px 4px 10px}.library-gallery,.library-create{gap:16px}.library-caption{font-size:13px;padding:0 6px}}@media(prefers-reduced-motion:reduce){:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-back{transform:translate(-5px,-7px) rotate(-5deg)}:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-middle{transform:translate(5px,-3px) rotate(4deg)}:is(.library-gallery,.library-create):hover:not(:focus-visible) .library-print-front,.library-gallery:active,.library-create:active{transform:none}}html[data-gallery-transition]::view-transition-group(gallery-cover){animation-duration:.24s;animation-timing-function:var(--ease-in-out)}html[data-gallery-transition]::view-transition-old(gallery-cover),html[data-gallery-transition]::view-transition-new(gallery-cover){height:100%;object-fit:cover}html[data-gallery-transition]::view-transition-group(root),html[data-gallery-transition]::view-transition-old(root),html[data-gallery-transition]::view-transition-new(root){animation-duration:.16s;animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){html[data-gallery-transition]::view-transition-group(*),html[data-gallery-transition]::view-transition-old(*),html[data-gallery-transition]::view-transition-new(*){animation:none}}:root{color:#151515;background:#f8f6f1;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.link-button{align-items:center;background:var(--accent, #0f766e);border:1px solid transparent;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;min-height:44px;padding:0 18px;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .14s var(--ease-out);white-space:nowrap}button:active,.link-button:active,.photo-tile:active,.topbar a:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}.secondary{background:transparent;border-color:color-mix(in srgb,var(--fg, #171717) 16%,transparent);color:var(--fg, #171717)}.home-shell,.center-shell{background:radial-gradient(circle at 18% 12%,rgba(15,118,110,.15),transparent 34%),radial-gradient(circle at 84% 12%,rgba(255,255,255,.72),transparent 30%),linear-gradient(180deg,#fbfaf7,#f0ede5);display:flex;min-height:100vh;padding:clamp(20px,5vw,56px)}.home-shell{align-items:stretch;flex-direction:column;gap:clamp(28px,5vw,52px);padding-top:clamp(124px,13vw,156px)}.home-shell-library{gap:clamp(26px,4vw,44px);padding-top:clamp(132px,11vw,166px);font-family:var(--font, inherit);background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),linear-gradient(180deg,#fbfaf7,#f0ede5)}.home-shell-library button:not(.secondary){color:var(--accent-ink, white)}.home-shell-library .eyebrow{color:var(--accent-text, #0f766e)}.account-appearance{width:100%;max-width:1180px;margin:0 auto}.account-appearance button:not(.secondary){color:var(--accent-ink, #fff)}.appearance-panel{margin-top:12px;padding:clamp(20px,3vw,32px);border:1px solid #17171720;border-radius:24px;background:#ffffffb8;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.appearance-panel p{line-height:1.6;max-width:48ch}.appearance-panel fieldset{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}.appearance-panel legend{font-weight:700;margin-bottom:12px}.appearance-panel select{width:100%}.appearance-color{display:flex;align-items:center;gap:12px}.appearance-color input{width:64px;height:44px;padding:4px;cursor:pointer}.appearance-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:700px){.appearance-panel{grid-template-columns:1fr}}.center-shell{align-items:center;flex-direction:column;gap:18px;justify-content:center}.home-panel{display:grid;gap:clamp(26px,4vw,42px);margin:0 auto;max-width:1180px;width:100%}.home-shell-library .home-panel{align-items:end;grid-template-columns:minmax(0,1fr) minmax(360px,480px)}.home-topbar{align-items:center;background:#fbfaf7b8;border:1px solid rgba(23,23,23,.08);border-radius:999px;box-shadow:0 18px 45px #232a2614;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);display:flex;gap:16px;justify-content:space-between;left:clamp(20px,5vw,56px);min-height:58px;padding:8px 10px 8px 18px;position:absolute;right:clamp(20px,5vw,56px);top:clamp(20px,4vw,38px);z-index:10}.eyebrow{color:var(--accent, #0f766e);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(3rem,8vw,6.25rem);letter-spacing:0;line-height:.92;margin:0;max-width:850px}.home-shell-library h1{font-size:clamp(4.25rem,6.5vw,6.25rem);max-width:760px}h2{font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:0;margin:0}.intro{color:color-mix(in srgb,var(--fg, #171717) 72%,transparent);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;margin:22px 0 0;max-width:720px}.intro.compact{max-width:610px}.create-form{background:#ffffff8a;border:1px solid rgba(23,23,23,.08);border-radius:24px;box-shadow:0 20px 55px #22252114;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);display:grid;gap:14px;max-width:760px;padding:18px}.home-shell-library .create-form{max-width:none}.library-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.library-stats span{align-items:center;background:#ffffff94;border:1px solid rgba(23,23,23,.08);border-radius:999px;color:color-mix(in srgb,var(--fg, #171717) 62%,transparent);display:inline-flex;font-size:.88rem;font-weight:800;gap:7px;line-height:1;min-height:34px;padding:0 12px}.library-stats strong{color:var(--fg, #171717);font-size:1.05rem;line-height:1}.albums-section{display:grid;gap:20px;margin:0 auto;max-width:1180px;width:100%}.section-heading{align-items:end;display:flex;gap:18px;justify-content:space-between}.album-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.album-card{background:#ffffff9e;border:1px solid rgba(23,23,23,.1);border-radius:22px;box-shadow:0 14px 38px #191f1b12;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);display:grid;gap:13px;min-width:0;padding:12px;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .16s var(--ease-out)}.album-card:active{transform:scale(.99)}.album-cover,.albums-empty{align-items:center;background:color-mix(in srgb,var(--accent, #0f766e) 9%,white);color:var(--accent, #0f766e);display:flex;justify-content:center}.album-cover{aspect-ratio:4 / 3;border-radius:16px;overflow:hidden}.album-cover img{display:block;height:100%;object-fit:contain;width:100%}.album-info{display:grid;gap:4px;min-width:0;padding:0 4px 4px}.album-info strong{font-size:1.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.album-title-row strong{min-width:0}.album-font-picker{display:grid;gap:8px;margin-top:16px}.album-font-picker select{width:100%}.album-font-picker .form-note{margin:0}.album-font-preview{padding:14px 0 0;border-top:1px solid #17171718}.album-title-row time{flex-shrink:0;font-size:.72rem;color:color-mix(in srgb,var(--fg, #171717) 70%,transparent);white-space:nowrap}.album-info small,.albums-empty span{color:color-mix(in srgb,var(--fg, #171717) 55%,transparent);font-weight:700}.albums-empty{border:1px dashed rgba(23,23,23,.16);border-radius:22px;flex-direction:column;gap:8px;min-height:220px;text-align:center}.create-form label,.field{color:color-mix(in srgb,var(--fg, #171717) 72%,transparent);display:grid;font-size:.92rem;font-weight:700;gap:8px}.form-row{display:flex;gap:10px}input,select{background:#ffffffc2;border:1px solid color-mix(in srgb,var(--fg, #171717) 14%,transparent);border-radius:16px;color:var(--fg, #171717);min-height:54px;padding:0 16px;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out);width:100%}input:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);outline:none}.app-shell{--tile-size: 260px;background:var(--bg);color:var(--fg);font-family:var(--font);min-height:100vh;padding:clamp(16px,3vw,30px)}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1320px;min-height:48px;padding:2px 0;width:100%}.brand,.back-link,.download-link,.topbar nav a{align-items:center;display:inline-flex;font-weight:800;gap:8px;transition:color .16s var(--ease-out),transform .14s var(--ease-out)}.topbar nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.auth-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.auth-controls.signed-in{min-height:40px}.auth-controls-loading{min-height:40px;min-width:40px}.signin-note{align-items:center;color:color-mix(in srgb,var(--fg, #171717) 62%,transparent);display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:700;gap:10px;margin-top:2px}.auth-required{display:grid;gap:20px;max-width:720px;width:100%}.nav-action{background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--fg) 8%,transparent);border-radius:999px;min-height:40px;padding:0 13px}.gallery-hero,.tool-page{margin:clamp(52px,8vw,96px) auto 34px;max-width:1320px;width:100%}.gallery-hero{align-items:end;display:flex;justify-content:space-between;gap:24px}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hero-badges span{align-items:center;background:color-mix(in srgb,var(--fg) 6%,transparent);border:1px solid color-mix(in srgb,var(--fg) 8%,transparent);border-radius:999px;color:color-mix(in srgb,var(--fg) 72%,transparent);display:inline-flex;font-size:.78rem;font-weight:800;gap:6px;min-height:30px;padding:0 10px}.gallery-hero p{color:color-mix(in srgb,var(--fg) 65%,transparent);font-weight:700;margin:16px 0 0}.photo-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(var(--tile-size),1fr));margin:0 auto;max-width:1320px;width:100%}.photo-grid.compact{--tile-size: 190px;gap:10px}.photo-grid.masonry{align-items:start}.photo-tile{display:grid;gap:10px;min-width:0;transition:filter .18s var(--ease-out),transform .16s var(--ease-out)}.photo-tile img{aspect-ratio:4 / 3;background:color-mix(in srgb,var(--fg) 8%,transparent);border:1px solid color-mix(in srgb,var(--fg) 8%,transparent);border-radius:16px;display:block;height:auto;object-fit:contain;overflow:hidden;width:100%}.photo-grid.masonry .photo-tile:nth-child(3n+1) img{aspect-ratio:4 / 3}.photo-grid.masonry .photo-tile:nth-child(3n+2) img{aspect-ratio:4 / 3}.empty-state{align-items:center;background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px dashed color-mix(in srgb,var(--fg) 22%,transparent);border-radius:18px;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;max-width:1320px;min-height:340px;text-align:center}.tool-page{display:grid;gap:26px;max-width:760px}.dropzone{align-items:center;background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px dashed color-mix(in srgb,var(--fg) 26%,transparent);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;font-weight:800;gap:8px;justify-content:center;min-height:260px;padding:28px;text-align:center;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),transform .16s var(--ease-out)}.dropzone:active{transform:scale(.99)}.dropzone-icon{align-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:999px;color:var(--accent);display:inline-flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.dropzone>span:last-child{color:color-mix(in srgb,var(--fg) 54%,transparent);font-weight:700}.dropzone input{height:1px;opacity:0;position:absolute;width:1px}.upload-queue{background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:16px;overflow:hidden}.queue-item{display:flex;gap:14px;justify-content:space-between;min-width:0;padding:12px 14px}.queue-item+.queue-item{border-top:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}.queue-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:10px}.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.color-row{display:grid;gap:8px;grid-template-columns:52px 1fr}.color-row input[type=color]{padding:4px}.viewer{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 150px);padding:22px 0}.viewer img{display:block;border-radius:14px;max-height:calc(100vh - 190px);max-width:100%;object-fit:contain}.photo-meta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:0 0 18px}.error{color:#b42318;font-weight:700;margin:0}.status{color:color-mix(in srgb,var(--fg) 70%,transparent);font-weight:700;margin:0}.spin{animation:spin .9s linear infinite}@media(hover:hover)and (pointer:fine){button:hover,.link-button:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.secondary:hover,.nav-action:hover{background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:none}.photo-tile:hover{filter:saturate(1.04);transform:translateY(-2px)}.album-card:hover{border-color:#0f766e57;box-shadow:0 18px 42px #161e1a1a;transform:translateY(-2px)}.dropzone:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.scrapbook-item:hover{filter:saturate(1.04);transform:rotate(var(--desktop-rotation)) translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.home-shell-library .home-panel{align-items:start;grid-template-columns:1fr}.home-shell-library h1{font-size:clamp(3.5rem,11vw,6.25rem);max-width:760px}.home-shell-library .create-form{max-width:720px;width:100%}}@media(max-width:720px){h1{font-size:clamp(2.25rem,15vw,4rem);line-height:.98}.home-shell-library .home-panel{grid-template-columns:1fr}.form-row,.section-heading,.gallery-hero{align-items:stretch;flex-direction:column}.album-grid{grid-template-columns:1fr}.form-row button,.section-heading button,.actions button,.actions .link-button,.gallery-hero button,.empty-state .link-button{justify-content:center;width:100%}.settings-grid{grid-template-columns:1fr}.topbar{gap:16px;align-items:flex-start;flex-wrap:wrap}.topbar nav{gap:12px}.auth-controls{justify-content:flex-start}.app-shell{padding:16px}.gallery-hero,.tool-page{margin-top:44px}.photo-grid,.photo-grid.compact{--tile-size: 100%;grid-template-columns:1fr}.photo-tile img,.photo-grid.masonry .photo-tile:nth-child(n) img{aspect-ratio:4 / 3;object-fit:contain}.dropzone{min-height:220px}.viewer{min-height:calc(100vh - 132px);padding:14px 0}.viewer img{max-height:calc(100vh - 172px)}}@media(max-width:460px){button,.link-button{min-height:42px;padding:0 14px}.home-shell,.center-shell{padding:16px}.home-shell{gap:28px;padding-top:112px}.home-shell-library{padding-top:122px}.home-topbar{border-radius:24px;left:16px;position:absolute;right:16px;top:16px}.home-panel{padding-top:0}.intro{font-size:1rem}.create-form{border-radius:20px;padding:14px}.library-stats{margin-top:16px}.album-card{border-radius:20px}.topbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.auth-controls{width:auto}.auth-controls button{justify-content:center}.topbar nav a,.back-link,.download-link{justify-content:center;min-height:36px}.gallery-hero{margin-bottom:24px}.empty-state{min-height:280px;padding:22px}.queue-item{align-items:flex-start;flex-direction:column;gap:6px}.color-row{grid-template-columns:48px minmax(0,1fr)}.photo-meta{justify-content:flex-start}}@media(prefers-reduced-transparency:reduce){.home-topbar,.create-form,.album-card{background:#fbfaf7;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{background:#f3f5f2}body{background:#f3f5f2}button,.link-button,input,select,.nav-action,.home-topbar,.create-form,.album-card,.album-cover,.albums-empty,.empty-state,.dropzone,.upload-manager{border-radius:8px}button,.link-button{min-height:42px}.home-shell,.center-shell{background:#f3f5f2}.home-topbar,.create-form,.album-card{-webkit-backdrop-filter:none;backdrop-filter:none}.home-topbar{background:#ffffffeb;box-shadow:0 10px 32px #171f1a12}.create-form,.album-card{background:#fffc}h1,.home-shell-library h1{font-size:5.5rem;line-height:.95}.gallery-hero h1,.tool-heading h1,.designer-heading h1{font-size:4rem}.form-note,.empty-state p{color:color-mix(in srgb,var(--fg, #171717) 58%,transparent);font-size:.9rem;font-weight:650;margin:0}.topbar-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.topbar-actions nav{align-items:center;display:flex;gap:8px}.compact-button,.nav-action{min-height:40px;padding:0 12px}.compact-button.is-active,.icon-button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.owner-badge{border-color:color-mix(in srgb,var(--accent) 34%,transparent)!important;color:var(--accent)!important}.inline-status{background:color-mix(in srgb,var(--fg) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:6px;color:color-mix(in srgb,var(--fg) 70%,transparent)!important;flex:0 1 auto;font-size:.84rem;margin:0!important;max-width:320px;padding:10px 12px}.photo-grid{align-items:start}.photo-grid.masonry{column-count:3;column-gap:22px;display:block}.photo-grid.masonry.compact{column-count:4;column-gap:10px}.photo-grid.masonry .photo-tile{break-inside:avoid;margin-bottom:22px;width:100%}.photo-grid.masonry.compact .photo-tile{margin-bottom:10px}.photo-frame{aspect-ratio:4 / 3;background:color-mix(in srgb,var(--fg) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--fg) 9%,transparent);border-radius:6px;display:block;overflow:hidden;position:relative;width:100%}.photo-frame img,.photo-tile img,.photo-grid.masonry .photo-tile:nth-child(n) img{aspect-ratio:auto;border:0;border-radius:0;display:block;height:100%;object-fit:var(--fit);width:100%}.photo-grid.masonry .photo-frame{aspect-ratio:var(--photo-ratio, 4 / 3)}.photo-grid.masonry .photo-frame img{object-fit:cover}.photo-grid.managing .photo-tile{background:color-mix(in srgb,var(--fg) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:8px;cursor:grab;gap:8px;padding:8px}.photo-grid.managing .photo-tile:active{cursor:grabbing}.manage-photo.is-hidden .photo-frame img{filter:grayscale(.8);opacity:.36}.hidden-label,.cover-label{align-items:center;background:#101211d1;border-radius:5px;color:#fff;display:inline-flex;font-size:.72rem;font-weight:800;gap:5px;left:8px;min-height:26px;padding:0 8px;position:absolute;top:8px}.cover-label{background:var(--accent);left:auto;right:8px}.photo-tools{align-items:center;border-top:1px solid color-mix(in srgb,var(--fg) 9%,transparent);display:flex;gap:4px;justify-content:flex-end;padding-top:8px}.drag-handle{align-items:center;color:color-mix(in srgb,var(--fg) 46%,transparent);display:inline-flex;margin-right:auto;padding:0 4px}.icon-button{align-items:center;background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:6px;color:var(--fg);display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;min-height:38px;padding:0;width:38px}a.icon-button{align-items:center;display:inline-flex}.danger-button{color:#b42318}.tool-heading{display:grid;gap:0}.upload-page{max-width:920px}.dropzone.is-dragging{background:color-mix(in srgb,var(--accent) 12%,var(--bg));border-color:var(--accent)}.upload-manager{background:color-mix(in srgb,var(--fg) 3%,var(--bg));border:1px solid color-mix(in srgb,var(--fg) 11%,transparent);overflow:hidden}.queue-summary{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--fg) 10%,transparent);display:flex;justify-content:space-between;padding:14px 16px}.queue-summary>div{display:grid;gap:3px}.queue-summary span{color:color-mix(in srgb,var(--fg) 56%,transparent);font-size:.82rem;font-weight:700}.text-button{background:transparent;border:0;color:var(--accent);min-height:34px;padding:0 6px}.upload-list{display:grid}.upload-item{align-items:center;display:grid;gap:14px;grid-template-columns:64px minmax(0,1fr) auto;min-width:0;padding:12px 14px}.upload-item+.upload-item{border-top:1px solid color-mix(in srgb,var(--fg) 9%,transparent)}.upload-item>img{aspect-ratio:1;background:color-mix(in srgb,var(--fg) 7%,var(--bg));border-radius:5px;height:64px;object-fit:cover;width:64px}.upload-file{display:grid;gap:4px;min-width:0}.upload-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file>span,.upload-state{color:color-mix(in srgb,var(--fg) 54%,transparent);font-size:.78rem;font-weight:700}.upload-state.error,.upload-state.cancelled{color:#b42318}.upload-state.complete,.complete-mark{color:#18764a}.progress-track{background:color-mix(in srgb,var(--fg) 10%,transparent);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-track span{background:var(--accent);display:block;height:100%;transition:width .16s linear}.queue-actions{align-items:center;display:flex;gap:6px}.complete-mark{align-items:center;display:inline-flex;height:38px;justify-content:center;width:38px}.designer-shell{padding-bottom:0}.designer-page{display:grid;gap:0;grid-template-columns:minmax(360px,470px) minmax(0,1fr);margin:28px auto 0;max-width:1440px;min-height:calc(100vh - 106px);width:100%}.designer-controls{border-right:1px solid color-mix(in srgb,var(--fg) 12%,transparent);display:grid;align-content:start;gap:24px;padding:24px 28px 40px 0}.designer-heading{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.designer-heading h1{font-size:2.5rem;overflow-wrap:anywhere}.icon-actions{display:flex;gap:6px}.save-state{align-items:center;border-radius:5px;display:inline-flex;font-size:.78rem;font-weight:800;gap:5px;min-height:30px;padding:0 9px}.save-state.saved{background:#18764a1f;color:#18764a}.save-state.unsaved{background:#b8691321;color:#9a570e}.control-group{border:0;border-top:1px solid color-mix(in srgb,var(--fg) 11%,transparent);display:grid;gap:12px;margin:0;padding:22px 0 0}.control-group legend{color:color-mix(in srgb,var(--fg) 70%,transparent);font-size:.78rem;font-weight:850;padding:0 10px 0 0;text-transform:uppercase}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-button{align-items:center;background:transparent;border-color:color-mix(in srgb,var(--fg) 13%,transparent);color:var(--fg);justify-content:flex-start;min-width:0;padding:0 10px}.preset-swatches{display:flex;flex:0 0 auto}.preset-swatches i{border:1px solid rgba(0,0,0,.16);border-radius:50%;display:block;height:17px;margin-left:-4px;width:17px}.preset-swatches i:first-child{margin-left:0}.colors-grid{grid-template-columns:1fr}.color-field .color-row{grid-template-columns:44px minmax(0,1fr)}.color-field input{min-height:44px}.contrast-check{align-items:center;border-radius:5px;display:flex;font-size:.8rem;font-weight:750;gap:7px;margin:0;padding:9px 10px}.contrast-check.passes{background:#18764a1a;color:#18764a}.contrast-check.fails{background:#b423181a;color:#a1271f}.contrast-check.fails>span{align-items:center;border:1px solid currentColor;border-radius:50%;display:inline-flex;height:16px;justify-content:center;width:16px}.segmented-control{background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:7px;display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}.segmented-control button{background:transparent;border:0;border-radius:5px;color:color-mix(in srgb,var(--fg) 65%,transparent);justify-content:center;min-width:0;padding:0 8px}.segmented-control button.is-active{background:var(--bg);box-shadow:0 1px 5px color-mix(in srgb,var(--fg) 13%,transparent);color:var(--fg)}.designer-savebar{align-items:center;background:color-mix(in srgb,var(--bg) 92%,transparent);bottom:0;display:flex;gap:12px;padding:12px 0;position:sticky;z-index:4}.designer-savebar>span{color:color-mix(in srgb,var(--fg) 63%,transparent);font-size:.8rem;font-weight:750}.button-spinner{animation:spin .9s linear infinite;border:2px solid rgba(255,255,255,.45);border-radius:50%;border-top-color:#fff;height:17px;width:17px}.designer-preview{align-items:flex-start;background:color-mix(in srgb,var(--fg) 5%,#dfe3df);display:flex;justify-content:center;min-width:0;padding:38px}.preview-browser{background:var(--bg);border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:8px;box-shadow:0 24px 70px #14191526;color:var(--fg);max-height:calc(100vh - 150px);max-width:900px;overflow:auto;padding:22px;width:100%}.preview-browser>header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--fg) 9%,transparent);display:flex;font-size:.72rem;font-weight:800;justify-content:space-between;padding-bottom:16px}.preview-brand{font-size:.86rem}.preview-hero{padding:54px 0 28px}.preview-hero small{color:var(--accent);font-size:.68rem;font-weight:850;text-transform:uppercase}.preview-hero h2{font-size:2.8rem;line-height:1;margin-top:8px;overflow-wrap:anywhere}.preview-hero p{color:color-mix(in srgb,var(--fg) 57%,transparent);font-size:.76rem;font-weight:700;margin:10px 0 0}.preview-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-grid.compact{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.preview-grid.masonry{column-count:3;column-gap:12px;display:block}.preview-grid.masonry.compact{column-count:4;column-gap:6px}.preview-photo{aspect-ratio:4 / 3;background:color-mix(in srgb,var(--fg) 7%,var(--bg));border-radius:4px;overflow:hidden}.preview-grid.masonry .preview-photo{aspect-ratio:var(--photo-ratio, 4 / 3);break-inside:avoid;margin-bottom:12px}.preview-grid.masonry.compact .preview-photo{margin-bottom:6px}.preview-photo img{display:block;height:100%;object-fit:var(--fit);width:100%}.preview-grid.masonry .preview-photo img{object-fit:cover}.preview-empty{align-items:center;border:1px dashed color-mix(in srgb,var(--fg) 18%,transparent);border-radius:6px;color:color-mix(in srgb,var(--fg) 52%,transparent);display:flex;flex-direction:column;font-size:.78rem;font-weight:750;gap:8px;min-height:250px;justify-content:center}.photo-viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;overflow:hidden;padding:14px 18px}.viewer-topbar{align-items:center;display:grid;gap:14px;grid-template-columns:1fr auto 1fr;min-height:48px}.viewer-counter{color:color-mix(in srgb,var(--fg) 60%,transparent);font-size:.82rem;font-weight:800}.viewer-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.viewer-stage{align-items:center;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;min-height:0;overflow:hidden;position:relative;touch-action:pan-y}.viewer-stage:fullscreen{background:var(--bg);padding:20px}.viewer-image-wrap{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;overflow:auto;padding:18px}.viewer-image-wrap img{display:block;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:transform .18s var(--ease-out),opacity .18s var(--ease-out);-webkit-user-select:none;user-select:none}.viewer-nav{align-items:center;align-self:center;background:color-mix(in srgb,var(--fg) 5%,transparent);border-color:color-mix(in srgb,var(--fg) 10%,transparent);color:var(--fg);display:inline-flex;height:46px;justify-content:center;min-height:46px;padding:0;width:46px;z-index:2}.viewer-nav.previous{grid-column:1}.viewer-image-wrap{grid-column:2}.viewer-nav.next{grid-column:3}.zoom-controls{align-items:center;background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:7px;bottom:16px;display:flex;gap:3px;left:50%;padding:3px;position:absolute;transform:translate(-50%);z-index:5}.zoom-controls .icon-button{background:transparent;border:0;height:34px;min-height:34px;width:34px}.zoom-value{background:transparent;border:0;color:var(--fg);font-size:.76rem;min-height:34px;padding:0 5px}.details-panel{background:color-mix(in srgb,var(--bg) 96%,transparent);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:8px;box-shadow:0 22px 60px color-mix(in srgb,var(--fg) 16%,transparent);display:grid;gap:18px;max-width:min(340px,calc(100vw - 32px));padding:22px;position:absolute;right:10px;top:10px;width:100%;z-index:8}.details-panel h2{font-size:1.25rem;overflow-wrap:anywhere;padding-right:32px}.close-details{position:absolute;right:10px;top:10px}.details-panel dl{display:grid;gap:0;margin:0}.details-panel dl div{align-items:baseline;border-top:1px solid color-mix(in srgb,var(--fg) 9%,transparent);display:flex;gap:14px;justify-content:space-between;padding:10px 0}.details-panel dt,.details-panel dd{font-size:.82rem;margin:0}.details-panel dt{color:color-mix(in srgb,var(--fg) 55%,transparent);font-weight:700}.details-panel dd{font-weight:800;text-align:right}.details-panel .link-button{justify-content:center}.viewer-caption{align-items:center;color:color-mix(in srgb,var(--fg) 58%,transparent);display:flex;font-size:.78rem;font-weight:750;gap:16px;justify-content:center;min-height:34px}.framed-photo{aspect-ratio:var(--photo-ratio, 4 / 3);display:block;height:100%;isolation:isolate;overflow:visible;position:relative;width:100%}.frame-decoration,.framed-photo-image{display:block;position:absolute}.frame-decoration{inset:0;pointer-events:none;z-index:0}.framed-photo-image{inset:0;overflow:hidden;z-index:1}.framed-photo-image img,.photo-frame .framed-photo-image img,.preview-photo .framed-photo-image img{display:block;height:100%;object-fit:var(--fit, cover);width:100%}.frame-none .frame-decoration{display:none}.frame-mat .frame-decoration{background:var(--frame-color);box-shadow:0 5px 18px #1316142b,inset 0 0 0 1px #14141414}.frame-mat .framed-photo-image{inset:var(--frame-width)}.frame-instant .frame-decoration{background:var(--frame-color);box-shadow:0 7px 20px #13161433,inset 0 0 0 1px #14141414}.frame-instant .framed-photo-image{bottom:calc(var(--frame-width) * 1.9);left:var(--frame-width);right:var(--frame-width);top:var(--frame-width)}.frame-film .frame-decoration{background:repeating-linear-gradient(90deg,transparent 0 5%,rgba(255,255,255,.82) 5% 8%,transparent 8% 13%) top / 100% 9% no-repeat,repeating-linear-gradient(90deg,transparent 0 5%,rgba(255,255,255,.82) 5% 8%,transparent 8% 13%) bottom / 100% 9% no-repeat,var(--frame-color);box-shadow:0 6px 18px #00000042}.frame-film .framed-photo-image{bottom:max(10%,var(--frame-width));left:max(5%,calc(var(--frame-width) * .55));right:max(5%,calc(var(--frame-width) * .55));top:max(10%,var(--frame-width))}.frame-wood .frame-decoration{background:repeating-linear-gradient(94deg,rgba(255,255,255,.14) 0 2px,transparent 2px 8px),repeating-linear-gradient(4deg,rgba(45,22,10,.16) 0 1px,transparent 1px 6px),var(--frame-color);box-shadow:0 6px 20px #19110c47,inset 0 0 0 2px #ffffff29;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,var(--frame-width) var(--frame-width),var(--frame-width) calc(100% - var(--frame-width)),calc(100% - var(--frame-width)) calc(100% - var(--frame-width)),calc(100% - var(--frame-width)) var(--frame-width),var(--frame-width) var(--frame-width))}.frame-wood .framed-photo-image{inset:var(--frame-width)}.frame-scalloped .frame-decoration{background:var(--frame-color);border-radius:13% 9% 12% 8%/10% 13% 8% 12%;box-shadow:0 5px 17px #181a1829;clip-path:polygon(3% 6%,9% 2%,17% 5%,25% 1%,34% 5%,43% 2%,51% 5%,61% 1%,69% 5%,78% 2%,88% 5%,96% 3%,99% 12%,96% 22%,99% 31%,96% 41%,99% 51%,96% 62%,99% 72%,96% 82%,99% 92%,93% 98%,84% 95%,75% 99%,65% 95%,55% 99%,45% 95%,35% 99%,25% 95%,15% 99%,5% 95%,1% 87%,4% 77%,1% 67%,4% 56%,1% 46%,4% 36%,1% 25%,4% 15%)}.frame-scalloped .framed-photo-image,.frame-painted .framed-photo-image{inset:var(--frame-width)}.photo-frame>.framed-photo{border:0}.photo-frame .frame-decoration{box-shadow:none}.scrapbook-public{aspect-ratio:16 / 10;margin:10px auto 48px;max-width:1320px;overflow:hidden;position:relative;width:100%}.scrapbook-public.scrapbook-page-portrait{aspect-ratio:4 / 5;max-width:880px}.scrapbook-item{display:block;left:var(--desktop-x);position:absolute;top:var(--desktop-y);transform:rotate(var(--desktop-rotation));transition:filter .18s var(--ease-out),transform .18s var(--ease-out);width:var(--desktop-width);z-index:var(--desktop-z)}.scrapbook-item .framed-photo{width:100%}.scrapbook-designer-page{grid-template-columns:minmax(370px,450px) minmax(0,1fr);max-width:1600px}.scrapbook-preview-browser{max-width:1100px}.scrapbook-editor-viewport{align-items:flex-start;background:#dfe3df;display:flex;justify-content:center;min-height:460px;overflow:auto;padding:26px}.scrapbook-editor-canvas{aspect-ratio:16 / 10;background:var(--bg);box-shadow:0 15px 42px #14191524;flex:0 0 auto;overflow:hidden;position:relative;touch-action:none;width:100%}.scrapbook-editor-canvas.scrapbook-page-portrait{aspect-ratio:4 / 5;width:min(68%,560px)}.scrapbook-editor-viewport.is-mobile .scrapbook-editor-canvas{aspect-ratio:4 / 5;width:min(54%,390px)}.scrapbook-design-item{cursor:move;left:0;position:absolute;top:0;touch-action:none;transform-origin:center;-webkit-user-select:none;user-select:none}.scrapbook-design-item.is-selected .framed-photo{filter:brightness(1.02)}.moveable-control-box{--moveable-color: var(--accent);z-index:20000!important}.moveable-control-box .moveable-line{background:var(--accent)!important}.moveable-control-box .moveable-control{background:var(--bg)!important;border:2px solid var(--accent)!important;height:12px!important;width:12px!important}.frame-picker{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.frame-picker button{background:transparent;border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg);display:grid;gap:6px;min-height:0;min-width:0;padding:6px}.frame-picker button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.frame-picker button>span{aspect-ratio:1;background:color-mix(in srgb,var(--fg) 5%,var(--bg));display:flex;overflow:hidden;padding:5px;width:100%}.frame-picker .framed-photo{margin:auto;width:100%}.frame-picker small{font-size:.64rem;font-weight:750;overflow:hidden;text-overflow:ellipsis}.frame-width-control>span{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 38px}.frame-width-control input[type=range]{min-height:26px;padding:0}.frame-width-control output{font-size:.76rem;font-variant-numeric:tabular-nums;text-align:right}.layer-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.layer-actions button,.reset-arrangement{font-size:.78rem;justify-content:center;min-width:0;padding:0 9px}.control-hint{color:color-mix(in srgb,var(--fg) 56%,transparent);font-size:.82rem;font-weight:700;margin:0}.editor-shell{height:100vh;overflow:hidden;padding:0}.editor-topbar{align-items:center;background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--fg) 12%,transparent);display:grid;gap:16px;grid-template-columns:1fr auto 1fr;min-height:66px;padding:10px 18px;position:relative;z-index:20}.editor-history,.editor-primary-actions{align-items:center;display:flex;gap:7px}.editor-history{justify-content:center}.editor-primary-actions{justify-content:flex-end}.photo-editor{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 66px);min-height:0}.editor-canvas{background:#181a19;min-height:0;overflow:hidden;position:relative}.editor-canvas .reactEasyCrop_Container{inset:clamp(18px,4vw,56px)}.editor-canvas .reactEasyCrop_CropArea{border:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999em #00000080;color:#ffffff7a}.editor-canvas .reactEasyCrop_CropArea:before,.editor-canvas .reactEasyCrop_CropArea:after{border-color:currentColor}.compare-original{align-items:center;background:#181a19;display:flex;inset:0;justify-content:center;padding:clamp(18px,4vw,56px);pointer-events:none;position:absolute;z-index:10}.compare-original img{display:block;max-height:100%;max-width:100%;object-fit:contain}.compare-original span{background:#121413d1;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;font-size:.74rem;font-weight:800;left:18px;padding:7px 9px;position:absolute;top:18px}.editor-controls{align-content:start;background:var(--bg);border-left:1px solid color-mix(in srgb,var(--fg) 12%,transparent);display:grid;min-height:0;overflow-y:auto;padding:22px 24px 38px}.editor-panel-heading{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding-bottom:20px}.editor-panel-heading .eyebrow{margin-bottom:5px}.editor-panel-heading h1{font-size:1.45rem;line-height:1.12;max-width:245px;overflow-wrap:anywhere}.editor-section{border-top:1px solid color-mix(in srgb,var(--fg) 11%,transparent);display:grid;gap:17px;padding:20px 0}.editor-section h2{font-size:.82rem;font-weight:850;text-transform:uppercase}.editor-section-title{align-items:center;display:flex;gap:10px;justify-content:space-between}.editor-section-title .text-button{font-size:.78rem}.aspect-options{background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);border-radius:7px;display:grid;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px}.aspect-options button{background:transparent;border:0;border-radius:5px;color:color-mix(in srgb,var(--fg) 64%,transparent);font-size:.75rem;justify-content:center;min-height:36px;min-width:0;padding:0 5px}.aspect-options button.is-active{background:var(--bg);box-shadow:0 1px 5px color-mix(in srgb,var(--fg) 13%,transparent);color:var(--fg)}.editor-slider{display:grid;gap:8px}.editor-slider>span{align-items:center;color:color-mix(in srgb,var(--fg) 63%,transparent);display:grid;font-size:.8rem;gap:8px;grid-template-columns:18px minmax(0,1fr) auto}.editor-slider strong{color:var(--fg);font-weight:750}.editor-slider output{font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.editor-slider input[type=range]{appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;min-height:20px;padding:0}.editor-slider input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb,var(--fg) 16%,transparent);border-radius:2px;height:4px}.editor-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 16%,transparent);height:18px;margin-top:-7px;width:18px}.editor-slider input[type=range]::-moz-range-track{background:color-mix(in srgb,var(--fg) 16%,transparent);border-radius:2px;height:4px}.editor-slider input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 16%,transparent);height:12px;width:12px}.transform-actions{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,38px)}.transform-actions .secondary{font-size:.78rem;justify-content:center;min-width:0;padding:0 8px}.filter-presets{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.filter-presets button{background:transparent;border:0;color:var(--fg);display:grid;gap:6px;min-height:0;min-width:0;padding:0}.filter-presets button>span{aspect-ratio:1;background-color:color-mix(in srgb,var(--fg) 8%,var(--bg));background-position:center;background-size:cover;border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:5px;display:block;width:100%}.filter-presets small{font-size:.64rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;width:100%}.restore-original{justify-content:center;margin-top:10px;width:100%}.editor-status{color:color-mix(in srgb,var(--fg) 65%,transparent);font-size:.8rem;font-weight:750;margin:12px 0 0;text-align:center}@media(max-width:1100px){h1,.home-shell-library h1{font-size:4.5rem}.photo-grid.masonry{column-count:2}.photo-grid.masonry.compact{column-count:3}.designer-page{grid-template-columns:minmax(330px,400px) minmax(0,1fr)}.designer-preview{padding:24px}.photo-editor{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:820px){h1,.home-shell-library h1,.gallery-hero h1,.tool-heading h1{font-size:3.5rem}.gallery-topbar{align-items:center}.gallery-topbar>.topbar-actions{flex-wrap:wrap}.designer-shell{overflow:visible}.designer-page{grid-template-columns:1fr}.designer-controls{border-right:0;padding-right:0}.designer-preview{margin:0 -16px;min-height:620px;padding:24px 16px}.preview-browser{max-height:none}.scrapbook-designer-page{grid-template-columns:1fr}.scrapbook-editor-viewport{min-height:520px}.editor-shell{height:auto;min-height:100vh;overflow:visible}.editor-topbar{grid-template-columns:1fr auto;position:sticky;top:0}.editor-history{grid-column:1;grid-row:2;justify-content:flex-start}.editor-primary-actions{grid-column:2;grid-row:1 / span 2}.editor-primary-actions .auth-controls{display:none}.photo-editor{grid-template-columns:1fr;height:auto}.editor-canvas{height:min(65vh,640px);min-height:420px}.editor-controls{border-left:0;border-top:1px solid color-mix(in srgb,var(--fg) 12%,transparent);overflow:visible}}@media(max-width:720px){h1,.home-shell-library h1,.gallery-hero h1,.tool-heading h1{font-size:3rem}.topbar-actions{flex-wrap:wrap}.gallery-topbar{align-items:flex-start}.gallery-topbar>.topbar-actions{width:100%}.gallery-topbar nav{display:grid;flex:1 1 100%;grid-template-columns:repeat(3,minmax(0,1fr));order:3;width:100%}.gallery-topbar nav>*{justify-content:center;min-width:0}.photo-grid.masonry,.photo-grid.masonry.compact{column-count:1}.photo-grid.masonry .photo-frame{aspect-ratio:var(--photo-ratio, 4 / 3)}.upload-item{grid-template-columns:52px minmax(0,1fr) auto;padding:10px}.upload-item>img{height:52px;width:52px}.photo-viewer-shell{padding:10px}.viewer-topbar{grid-template-columns:auto 1fr}.viewer-counter{grid-column:1 / -1;grid-row:2;text-align:center}.viewer-actions{grid-column:2}.viewer-actions .auth-controls{display:none}.viewer-stage{grid-template-columns:0 minmax(0,1fr) 0}.viewer-nav{background:color-mix(in srgb,var(--bg) 82%,transparent);position:absolute;top:50%}.viewer-nav.previous{left:4px}.viewer-nav.next{right:4px}.viewer-image-wrap{padding:8px 0 70px}.scrapbook-public,.scrapbook-public.scrapbook-page-portrait{aspect-ratio:4 / 5;margin-bottom:28px}.scrapbook-item{left:var(--mobile-x);top:var(--mobile-y);transform:rotate(var(--mobile-rotation));width:var(--mobile-width);z-index:var(--mobile-z)}.scrapbook-item:hover{transform:rotate(var(--mobile-rotation)) translateY(-3px)}}@media(max-width:480px){h1,.home-shell-library h1,.gallery-hero h1,.tool-heading h1{font-size:2.55rem}.home-topbar{border-radius:8px}.topbar-actions nav{gap:5px}.gallery-topbar nav .nav-action,.gallery-topbar nav button{font-size:.78rem;padding:0 6px}.queue-summary,.upload-item{align-items:flex-start}.upload-item{grid-template-columns:46px minmax(0,1fr)}.upload-item>img{height:46px;width:46px}.queue-actions{grid-column:2}.preset-grid{grid-template-columns:1fr}.preview-grid,.preview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid.masonry,.preview-grid.masonry.compact{column-count:2}.photo-tools{flex-wrap:wrap}.viewer-actions .icon-button:nth-child(1),.viewer-actions .icon-button:nth-child(2){display:none}.back-link span{display:none}.details-panel{right:0;top:0}.editor-topbar{gap:8px;padding:8px 10px}.editor-topbar .back-link{justify-content:flex-start}.compare-button{font-size:0;gap:0;padding:0 10px}.compare-button:after{content:"Compare";font-size:.76rem}.editor-primary-actions button{font-size:.76rem;padding:0 10px}.editor-canvas{height:58vh;min-height:340px}.editor-canvas .reactEasyCrop_Container{inset:14px}.editor-controls{padding:20px 16px 32px}.editor-panel-heading h1{font-size:1.25rem}.transform-actions{grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,38px)}.scrapbook-editor-viewport{margin:0 -22px;min-height:430px;padding:18px}.scrapbook-editor-canvas.scrapbook-page-portrait,.scrapbook-editor-viewport.is-mobile .scrapbook-editor-canvas{width:min(84%,360px)}.frame-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.account-appearance{color:#171717}.account-appearance h2{font-size:1.5rem}.account-appearance button:not(.secondary){color:var(--accent-ink, white)}.account-appearance .eyebrow{color:var(--accent-text, #0f766e)}.appearance-sample{padding:20px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,#fbfaf7)}.appearance-sample h3{margin:8px 0;font-size:1.5rem}.preview-account-dialog{width:min(900px,94vw);max-height:90vh;padding:24px;border:1px solid #ddd;border-radius:24px;background:#fff;color:#171717}.preview-account-dialog::backdrop{background:#0006}.preview-account-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-account-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;margin-top:20px}.preview-account-layout nav{display:flex;flex-direction:column;gap:8px}.preview-account-layout nav button{white-space:normal}.preview-account-layout [aria-current=page]{background:#eee}@media(max-width:650px){.preview-account-layout{grid-template-columns:minmax(0,1fr)}}.home-shell-library .home-panel{grid-template-columns:minmax(0,1fr)}.library-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.create-album-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #17171720;border-radius:24px;padding:clamp(20px,4vw,32px);background:#fbfaf7;color:#171717;font-family:var(--font, inherit);box-shadow:0 24px 80px #0003}.create-album-dialog::backdrop{background:#0006}.create-album-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.create-album-heading h2{margin:0;font-size:1.5rem}.create-album-heading button{padding:0;width:44px;flex-shrink:0;justify-content:center}.create-album-dialog form{display:grid;gap:10px}.create-album-dialog label{font-weight:700}.create-album-dialog input{width:100%;min-width:0}.create-album-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:520px){.home-topbar{border-radius:24px;flex-wrap:wrap}.library-topbar-actions{flex-wrap:wrap;gap:6px}.library-topbar-actions>button{font-size:.8rem;padding:0 12px}}