.album-photo-overlay{z-index:1700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1916b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.album-photo-overlay-panel.is-sheet{width:min(680px,100%)}.album-photo-overlay-panel.is-sheet.is-wide{width:min(940px,100%)}.album-photo-overlay-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;width:min(1120px,100%);max-height:min(94dvh,980px);display:flex;overflow:hidden;box-shadow:0 24px 64px #1c191647}.album-photo-overlay-panel:focus{outline:none}.album-photo-overlay-close:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.album-photo-overlay-close:disabled{opacity:.5;cursor:wait}.album-sheet-body{flex:auto;align-content:start;gap:16px;min-height:0;padding:22px 28px 28px;display:grid;overflow:auto}.album-photo-overlay-head{background:var(--color-surface);z-index:1;border-bottom:1px solid #5f4d371a;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.album-photo-overlay-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-dark);margin:0 0 8px;font-size:11px;font-weight:800}.album-photo-overlay-head h2{color:var(--color-text);margin:0;font-size:24px;font-weight:800;line-height:1.2}.album-photo-overlay-close{background:var(--color-surface-muted);width:42px;height:42px;color:var(--color-text);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.album-photo-overlay-form{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex}.album-photo-overlay-body{flex:auto;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:36px;min-height:0;padding:28px;display:grid;overflow:auto}.album-photo-overlay-body.is-create{grid-template-columns:1fr;gap:16px}.album-photo-overlay-media{flex-direction:column;gap:18px;min-width:0;display:flex}.album-photo-overlay-preview{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#1c1916;width:100%;max-height:440px}.album-photo-overlay-drop{border:1px dashed color-mix(in srgb, var(--color-accent) 35%, var(--color-border));border-radius:var(--radius-lg);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 45%), var(--color-surface-muted);min-height:280px;color:var(--color-text-muted);cursor:pointer;text-align:center;place-items:center;gap:10px;padding:36px 28px;font-weight:650;transition:border-color .15s,background-color .15s;display:grid}.album-photo-overlay-drop:hover{border-color:var(--color-accent);color:var(--color-text)}.album-photo-overlay-drop input,.album-photo-overlay-change input{display:none}.album-photo-overlay-change{color:var(--color-accent-dark);cursor:pointer;text-underline-offset:3px;align-self:flex-start;margin-top:2px;font-size:13.5px;font-weight:700;text-decoration:underline}.album-photo-overlay-fields{flex-direction:column;gap:22px;min-width:0;padding-top:2px;display:flex}.album-photo-overlay-fields label{color:var(--color-text);flex-direction:column;gap:10px;font-size:13.5px;font-weight:700;display:flex}.album-photo-overlay-fields textarea,.album-photo-overlay-fields select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;padding:12px 14px;line-height:1.45}.album-photo-overlay-fields textarea{resize:vertical;min-height:140px}.album-photo-overlay-when{grid-template-columns:1fr 148px;gap:18px;display:grid}.album-photo-overlay-people{border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);margin:0;padding:12px 14px;font-size:13.5px;line-height:1.45}.album-photo-overlay-error{color:#9a3b2f;margin:0;font-size:13.5px;line-height:1.4}.album-photo-overlay-actions{border-top:1px solid #5f4d371a;justify-content:flex-end;align-items:center;gap:14px;margin-top:10px;padding-top:18px;display:flex}.album-photo-overlay-footer{background:var(--color-surface);border-top:1px solid #5f4d371a;flex-direction:column;flex-shrink:0;gap:10px;margin-top:0;padding:14px 28px 18px;display:flex}.album-photo-overlay-footer .album-photo-overlay-actions{border-top:0;margin-top:0;padding-top:0}.album-photo-overlay-commit{flex-shrink:0;align-items:center;gap:14px;margin-left:auto;display:flex}.album-photo-overlay-delete{color:#7a3228;margin-right:auto}.album-photo-overlay-hint{color:var(--color-text-muted);margin:4px 0 0;font-size:13px;line-height:1.45}@media (max-width:900px){.album-photo-overlay{padding:12px}.album-photo-overlay-head{padding:18px 18px 14px}.album-sheet-body{padding:18px 18px 24px}.album-photo-overlay-body{grid-template-columns:1fr;gap:28px;padding:20px 18px 24px}.album-photo-overlay-fields{gap:18px}.album-photo-overlay-when{grid-template-columns:1fr;gap:18px}}.new-album-form{gap:16px;display:grid}.new-album-form label{flex-direction:column;gap:8px;font-size:13.5px;font-weight:700;display:flex}.new-album-types{border:0;min-width:0;margin:0;padding:0}.new-album-types legend{margin-bottom:8px;padding:0;font-size:13.5px;font-weight:700}.new-album-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.new-album-form .new-album-type{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.new-album-type:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.new-album-context summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.new-album-type:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.new-album-type:has(input:disabled){cursor:default}.new-album-type input{width:16px;height:16px;accent-color:var(--color-accent);margin:0}.new-album-type>svg,.new-album-audio-hint>svg,.new-album-context summary>svg{color:var(--color-accent-dark)}.new-album-type-text{gap:2px;display:grid}.new-album-type-text>span,.new-album-context small{color:var(--color-text-muted);font-size:12px;font-weight:500}.new-album-audio-hint{border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.new-album-audio-hint>svg{flex:none;margin-top:1px}.new-album-context{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0}.new-album-context summary{border-radius:inherit;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:13.5px;font-weight:700;list-style:none;display:grid}.new-album-context summary::-webkit-details-marker{display:none}.new-album-context small{margin-inline-start:6px}.new-album-context[open] .new-album-context-chevron{transform:rotate(180deg)}.new-album-context>.album-when-where{border-top:1px solid var(--color-border);padding:12px}@media (max-width:540px){.new-album-type-grid{grid-template-columns:1fr}}.new-album-photos-label{margin:0 0 8px;font-size:13.5px;font-weight:700}.new-album-drop{min-height:160px;padding:24px 18px}.new-album-thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.new-album-thumbs li{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-muted);position:relative;overflow:hidden}.new-album-thumbs img{object-fit:cover;width:100%;height:100%}.new-album-thumbs button{color:#fffdf8;cursor:pointer;background:#1c1916b8;border:0;border-radius:999px;width:24px;height:24px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.new-album-thumbs button[aria-pressed]{border-radius:inherit;color:#0000;background:0 0;width:100%;height:100%;font-size:0;top:0;right:0}.collection-add-results{flex-direction:column;gap:8px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.collection-add-results li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.collection-add-results img,.collection-add-fallback{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-bg);width:56px;height:40px}.collection-add-results strong{font-size:14px;display:block}.collection-add-results span{color:var(--color-text-muted);font-size:12px;display:block}@media (max-width:640px){.album-photo-overlay{place-items:stretch stretch;padding:0}.album-photo-overlay-panel{border-inline:0;border-radius:0;width:100%;height:100%;max-height:100dvh}.album-photo-overlay-head h2{font-size:20px}.album-photo-overlay-actions{flex-direction:column;align-items:stretch}.album-photo-overlay-actions button,.album-photo-overlay-actions a{width:100%}.album-photo-overlay-footer{padding:12px 18px 16px}.album-photo-overlay-footer .album-photo-overlay-actions{flex-flow:row;align-items:center}.album-photo-overlay-footer .album-photo-overlay-actions button,.album-photo-overlay-footer .album-photo-overlay-actions a{width:auto}.collection-add-results li{grid-template-columns:56px minmax(0,1fr)}.collection-add-results li button{grid-column:1/-1;width:100%}}