.photo-library{--photo-ink:var(--mobile-ink,#172334);--photo-muted:var(--mobile-muted,#657184);--photo-surface:var(--mobile-surface,#fff);--photo-line:var(--mobile-line,#e5e9ef);--photo-blue:var(--mobile-blue,#2463eb);color:var(--photo-ink)}.dark .photo-library{--photo-ink:#edf2f9;--photo-muted:#a2aec0;--photo-surface:#151f2e;--photo-line:#2b3748;--photo-blue:#8bb4ff}.photo-library-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.photo-library-path button{min-height:44px;padding:8px;border-radius:10px;color:var(--photo-blue);max-width:100%;overflow-wrap:anywhere;text-align:left}.photo-library-help,.photo-library-status{font-size:13px;margin:4px 0 16px;color:var(--photo-muted)}.photo-library>.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important;gap:16px!important}.photo-library-item{min-width:0;align-self:start}.photo-library-tile{border:1px solid var(--photo-line);background:var(--photo-surface);border-radius:16px;overflow:hidden}.photo-library-open{display:flex;flex-direction:column;align-items:stretch;width:100%;text-align:left;min-height:44px}.photo-library-open img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:200px}.photo-library-open strong{padding:10px 12px 0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.photo-library-open>span:last-child{padding:4px 12px 10px;font-size:13px;color:var(--photo-muted)}.photo-library-folder,.photo-library-file{padding:16px 12px!important;height:86px;font-size:40px;color:var(--photo-blue)!important;background:var(--mobile-blue-soft,#edf3ff)}.photo-library-actions{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px}.photo-library-actions button{min-height:44px;padding:8px;border-radius:10px;color:var(--photo-blue);font-size:13px}.photo-library-actions button:disabled{opacity:.55;cursor:default}.photo-library-actions .photo-library-handle{min-width:44px;margin-left:auto;touch-action:none;cursor:grab;font-size:22px}.photo-library-expanded{grid-column:1/-1}.photo-library-expanded>.photo-library-tile{max-width:420px}.photo-library-details{padding-top:12px}.photo-library [data-drop-active=true]{outline:3px solid var(--photo-blue);outline-offset:3px;background:var(--mobile-blue-soft,#edf3ff)}.photo-library button:focus-visible,.photo-move-form :is(button,select):focus-visible{outline:3px solid var(--photo-blue,#2463eb);outline-offset:2px}.photo-move-form{color:var(--mobile-ink,#172334)}.dark .photo-move-form{color:#edf2f9}.photo-move-form h2{font-size:20px;font-weight:600;overflow-wrap:anywhere}.photo-move-form p{margin:12px 0;font-size:14px}.photo-move-form label{display:block;margin:16px 0 8px;font-weight:600}.photo-move-form select{width:100%;min-height:48px;font-size:16px;border:1px solid var(--mobile-line,#e5e9ef);border-radius:10px;padding:8px;background:var(--mobile-surface,#fff);color:inherit}.photo-move-form .photo-library-actions{justify-content:flex-end;padding:16px 0 0}.photo-move-form .photo-library-primary{background:#2463eb;color:#fff;padding:8px 16px}.photo-library-error{color:#b91c1c}.dark .photo-library-error{color:#fca5a5}@media(max-width:600px){.photo-library>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.photo-library-open strong{font-size:14px;padding:8px 10px 0}.photo-library-open>span:last-child{padding:4px 10px 8px}.photo-library-actions{padding:2px 4px;gap:0}.photo-library-actions button{padding:6px;font-size:12px}.photo-library-actions .photo-library-handle{margin-left:0}.photo-library-expanded>.photo-library-tile{max-width:none}}.dark dialog:has(.photo-move-form){background:#151f2e;color:#edf2f9}@media(max-width:1366px){[data-help-module=photos]>main>div:has(>button .text-blue-100){margin-bottom:12px}[data-help-module=photos]>main>div>button:has(.text-blue-100){background:var(--mobile-blue-soft,#edf3ff);color:var(--mobile-blue,#2463eb);border:1px solid var(--mobile-line,#e5e9ef);box-shadow:none;padding:8px 12px}[data-help-module=photos]>main>div>button:has(.text-blue-100) :is(.text-blue-100,.text-white){color:inherit}[data-help-module=photos]>main>div>button:has(.text-blue-100) .text-\[10px\]{display:none}}.photo-library-tile{position:relative}.photo-library-actions .photo-library-handle{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;margin:0;background:var(--photo-surface);border:1px solid var(--photo-line);border-radius:10px}.photo-library-open strong{padding-right:14px}.photo-library-open .photo-library-folder,.photo-library-open .photo-library-file{display:flex;align-items:center}