.intro{padding:42px 0 32px}.intro h1{font-size:52px;letter-spacing:-1.8px}.intro .primary{min-height:56px;min-width:280px;font-size:16px}.intro p{margin-bottom:20px}.upload-note{font-size:12px}.upload-steps{display:flex;justify-content:center;gap:24px;margin:25px 0 18px;font-size:12px;color:var(--muted)}.upload-steps b{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;margin-right:5px;font-weight:500;color:var(--ink)}.browse-link{font-size:12px;text-underline-offset:4px;display:inline-block;padding:10px}.secondary{min-height:48px;border:1px solid var(--line);border-radius:100px;padding:12px 20px;background:transparent;color:var(--ink);font-size:14px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;background:none;border:0;color:var(--ink);font-size:18px}.icon-button:disabled{opacity:.25}#upload{padding:0;background:var(--paper);color:var(--ink);width:calc(100% - 32px);max-width:520px;max-height:90vh;max-height:90dvh;border-radius:22px;overflow:hidden}#upload[open]{display:flex;flex-direction:column}.upload-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0 24px;flex-shrink:0}.upload-body{padding:12px 24px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.upload-body h2{font-size:32px}#upload-summary{font-size:14px;line-height:1.6;margin:12px 0}#upload-guidance,#upload-feedback{font-size:12px;line-height:1.7;color:var(--muted)}#upload-feedback:empty{display:none}#upload-list{list-style:none;padding:0;margin:22px 0}.upload-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.upload-item img,.photo-placeholder{width:60px;height:68px;border-radius:7px;object-fit:cover;flex-shrink:0;background:#e4e5da}.photo-placeholder{display:grid;place-items:center;font-family:Georgia,serif;font-size:28px}.upload-item>div{flex:1;min-width:0}.upload-item strong{font-weight:500;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item span:not(.photo-placeholder){display:block;font-size:11px;line-height:1.6;margin-top:5px;color:var(--muted)}.upload-item.failed span,.upload-item.invalid span{color:#995135}.upload-item.saved span{color:#466444}.upload-actions{padding:12px 24px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);flex-shrink:0}.upload-actions p{font-size:11px;color:var(--muted);text-align:center;margin:0 0 12px}.upload-actions button{width:100%;font-size:16px;min-height:54px}.upload-actions button+button{margin-top:10px}#choose-more{width:100%}#upload-progress progress{width:100%;height:8px;accent-color:var(--green)}#upload-progress p{font-size:12px;line-height:1.5;color:var(--muted)}#album-heading{scroll-margin-top:20px}@media(max-width:600px){.intro{padding:30px 0 20px}.intro h1{font-size:36px;letter-spacing:-1.4px;line-height:1.12;margin:18px 0 14px}.intro p{max-width:330px;font-size:13px}.intro .primary{width:100%}.upload-steps{gap:12px;font-size:11px;margin:21px 0 8px}.upload-note{font-size:11px}.bottom-bar .primary{font-size:12px;padding:12px 16px}.bottom-bar strong{font-size:14px}.bottom-bar span{font-size:9px}#upload{position:fixed;inset:auto 0 0;margin:0;width:100%;max-height:95vh;max-height:95dvh;border-radius:22px 22px 0 0}.upload-body h2{font-size:29px}.upload-header .eyebrow{font-size:9px}#upload-list{margin:16px 0}}