.photo-picker-modal{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:var(--color-background,#fff);width:min(68rem,100vw - 2rem);max-width:none;height:min(52rem,100vh - 2rem);max-height:none;color:var(--color-text,#1d1d1f);border-radius:1.25rem;padding:0;overflow:hidden;box-shadow:0 1.5rem 5rem #00000047}.photo-picker-modal[open]{flex-direction:column;display:flex}.photo-picker-modal::backdrop{backdrop-filter:blur(5px);background:#0f121894}.photo-picker-modal__header{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;display:flex}.photo-picker-modal__header h2,.photo-picker-modal__header p{margin:0}.photo-picker-modal__header h2{margin-top:.1rem;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.15}.photo-picker-modal__intro{color:var(--color-text-muted,#68686d);font-size:.9rem;margin-top:.35rem!important}.photo-picker-modal__header>button{background:color-mix(in srgb, currentColor 7%, transparent);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;border:0;border-radius:999px;place-items:center;font-size:1.35rem;display:grid}.photo-picker-modal__upload{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);background:color-mix(in srgb, currentColor 2.5%, transparent);grid-template-columns:minmax(15rem,.38fr) minmax(0,1fr);gap:1rem;padding:1rem 1.5rem;display:grid}.photo-picker-modal__dropzone{border:1.5px dashed color-mix(in srgb, var(--accent,#2563eb) 48%, transparent);background:color-mix(in srgb, var(--accent,#2563eb) 6%, transparent);min-height:6.75rem;color:inherit;cursor:pointer;border-radius:.9rem;align-content:center;place-items:center;gap:.2rem;display:grid}.photo-picker-modal__dropzone:hover,.photo-picker-modal__dropzone:focus-visible{border-color:var(--accent,#2563eb);background:color-mix(in srgb, var(--accent,#2563eb) 10%, transparent)}.photo-picker-modal__dropzone small{color:var(--color-text-muted,#68686d)}.photo-picker-modal__upload-icon{background:var(--accent,#2563eb);color:#fff;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1.2rem;display:grid}.photo-picker-modal__file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-picker-modal__upload-queue{min-width:0}.photo-picker-modal__queue-header{justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.65rem;display:flex}.photo-picker-modal__queue-header label{color:var(--color-text-muted,#68686d);flex:1;gap:.25rem;font-size:.78rem;font-weight:700;display:grid}.photo-picker-modal__queue-header input,.photo-picker-modal__queue-header button,.photo-picker-modal__toolbar input,.photo-picker-modal__toolbar select,.photo-picker-modal__confirm{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:var(--color-background,#fff);min-height:2.5rem;color:inherit;font:inherit;border-radius:.65rem}.photo-picker-modal__queue-header input{padding:0 .7rem}.photo-picker-modal__queue-header button,.photo-picker-modal__confirm{background:var(--accent,#2563eb);color:#fff;cursor:pointer;border-color:#0000;padding:0 1rem;font-weight:750}.photo-picker-modal__prepared-list{gap:.55rem;display:flex;overflow-x:auto}.photo-picker-modal__prepared-list figure{flex:0 0 5.5rem;margin:0;position:relative}.photo-picker-modal__prepared-list img{object-fit:cover;border-radius:.55rem;width:5.5rem;height:4rem;display:block}.photo-picker-modal__prepared-list figcaption{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.7rem;overflow:hidden}.photo-picker-modal__prepared-list button{color:#fff;cursor:pointer;background:#000000ad;border:0;border-radius:999px;width:1.4rem;height:1.4rem;position:absolute;top:.25rem;right:.25rem}.photo-picker-modal__toolbar{gap:.75rem;padding:.85rem 1.5rem;display:flex}.photo-picker-modal__search{flex:1;position:relative}.photo-picker-modal__search>span{color:var(--color-text-muted,#68686d);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.photo-picker-modal__search input{width:100%;padding:0 .75rem 0 2rem}.photo-picker-modal__toolbar select{padding:0 2rem 0 .75rem}.photo-picker-modal__status{color:var(--color-text-muted,#68686d);margin:0;padding:0 1.5rem .6rem;font-size:.85rem}.photo-picker-modal__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));align-content:start;gap:.8rem;min-height:9rem;padding:.25rem 1.5rem 1.5rem;display:grid;overflow-y:auto}.photo-picker-modal__grid>button{border:1px solid color-mix(in srgb, currentColor 12%, transparent);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.8rem;align-self:start;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative;overflow:hidden}.photo-picker-modal__grid>button:hover{border-color:color-mix(in srgb, var(--accent,#2563eb) 55%, transparent);transform:translateY(-2px)}.photo-picker-modal__grid>button[aria-pressed=true]{border-color:var(--accent,#2563eb);box-shadow:0 0 0 2px var(--accent,#2563eb)}.photo-picker-modal__preview{display:block;position:relative}.photo-picker-modal__grid img,.photo-picker-modal__preview>span:not(.photo-picker-modal__selection-order){aspect-ratio:4/3;object-fit:cover;background:color-mix(in srgb, currentColor 6%, transparent);place-items:center;width:100%;display:grid}.photo-picker-modal__selection-order{background:var(--accent,#2563eb);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:.5rem;right:.5rem}.photo-picker-modal__grid strong,.photo-picker-modal__grid small{text-overflow:ellipsis;white-space:nowrap;padding:.5rem .65rem 0;display:block;overflow:hidden}.photo-picker-modal__grid strong{font-size:.82rem}.photo-picker-modal__grid small{color:var(--color-text-muted,#68686d);padding-top:.1rem;padding-bottom:.55rem;font-size:.72rem}.photo-picker-modal__footer{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);background:color-mix(in srgb, var(--color-background,#fff) 94%, currentColor 6%);align-items:center;gap:1rem;min-height:4.75rem;padding:.75rem 1.5rem;display:flex}.photo-picker-modal__selection-summary{flex:none;min-width:6.5rem;display:grid}.photo-picker-modal__selection-summary span{color:var(--color-text-muted,#68686d);font-size:.75rem}.photo-picker-modal__selected-strip{flex:1;gap:.4rem;display:flex;overflow-x:auto}.photo-picker-modal__selected-strip>div{border:1px solid color-mix(in srgb, currentColor 12%, transparent);background:var(--color-background,#fff);border-radius:.55rem;flex:0 0 4.3rem;grid-template-columns:repeat(3,1fr);display:grid;position:relative;overflow:hidden}.photo-picker-modal__selected-strip img{object-fit:cover;grid-column:1/-1;width:100%;height:2.6rem}.photo-picker-modal__selected-strip span{color:#fff;background:#000000ad;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;display:grid;position:absolute;top:.2rem;left:.2rem}.photo-picker-modal__selected-strip button{border:0;border-right:1px solid color-mix(in srgb, currentColor 9%, transparent);min-height:1.45rem;color:inherit;cursor:pointer;background:0 0;padding:0;font-size:.75rem}.photo-picker-modal__selected-strip button:disabled{cursor:default;opacity:.25}.photo-picker-modal__confirm{flex:none;align-items:center;gap:.65rem;display:flex}.photo-picker-modal__confirm:disabled,.photo-picker-modal__queue-header button:disabled{cursor:default;opacity:.5}.photo-picker-modal__confirm kbd{font:inherit;background:#ffffff24;border:1px solid #ffffff59;border-radius:.3rem;padding:.05rem .32rem;font-size:.75rem}@media (width<=700px){.photo-picker-modal{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.photo-picker-modal__upload{grid-template-columns:1fr}.photo-picker-modal__dropzone{min-height:5.5rem}.photo-picker-modal__toolbar{flex-direction:column;align-items:stretch}.photo-picker-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-picker-modal__selection-summary{display:none}}@media (prefers-reduced-motion:reduce){.photo-picker-modal__grid>button{transition:none}}