.asset-library-dropdown{display:block}.asset-library-dropdown__dialog{border:1px solid var(--line);border-radius:var(--radius-ui-lg);background-color:var(--paper);width:min(720px,92vw);max-width:92vw;max-height:85vh;color:var(--ink);box-shadow:var(--shadow-pop);padding:0;overflow:hidden}.asset-library-dropdown__dialog::backdrop{background:#0009}.asset-library-dropdown__dialog[open]{flex-direction:column;display:flex}.asset-library-dropdown__menu{flex-direction:column;min-height:0;display:flex;overflow:hidden}@media (max-width:640px),(max-height:600px){.asset-library-dropdown__dialog{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}}.asset-library-dropdown__header{border-bottom:1px solid var(--line);background-color:var(--paper);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.asset-library-dropdown__title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--ink);margin:0}.asset-library-dropdown__file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.asset-library-dropdown__progress{background-color:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.asset-library-dropdown__progress-bar{background-color:var(--chrome-active);border-radius:var(--radius-pill);flex:1;height:.5rem;overflow:hidden}.asset-library-dropdown__progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width .3s}.asset-library-dropdown__progress-text{min-width:3rem;color:var(--muted);text-align:right;font-size:.875rem;font-weight:500}.asset-library-dropdown__error{background-color:var(--danger-soft);border-bottom:1px solid var(--danger);color:var(--danger);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.asset-library-dropdown__error svg{width:1.25rem;height:1.25rem;color:var(--danger);flex-shrink:0}.asset-library-dropdown__content{flex:1;min-height:0;padding:1rem;overflow:hidden auto}.asset-library-dropdown__content::-webkit-scrollbar{width:.5rem}.asset-library-dropdown__content::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:0 0}.asset-library-dropdown__content::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill)}.asset-library-dropdown__content::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.asset-library-dropdown__empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.asset-library-dropdown__empty svg{width:4rem;height:4rem;color:var(--line-strong);margin-bottom:1rem}.asset-library-dropdown__empty p{color:var(--ink-soft);margin:0;font-size:1rem;font-weight:500}.asset-library-dropdown__empty-subtitle{color:var(--muted)!important;margin-top:.25rem!important;font-size:.875rem!important;font-weight:400!important}.asset-library-dropdown__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.asset-library-dropdown__asset{background-color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-ui-sm);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.asset-library-dropdown__asset:hover{border-color:var(--line-strong);background-color:var(--chrome-hover)}.asset-library-dropdown__asset:hover .asset-library-dropdown__asset-delete{opacity:1}.asset-library-dropdown__asset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.asset-library-dropdown__asset--selected{border-color:var(--accent);background-color:var(--accent-soft)}.asset-library-dropdown__asset-image{aspect-ratio:1;background-color:var(--chrome);width:100%;position:relative;overflow:hidden}.asset-library-dropdown__asset-image img{object-fit:cover;width:100%;height:100%;display:block}.asset-library-dropdown__asset-kind-icon{width:100%;height:100%;color:var(--muted);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.asset-library-dropdown__asset-check{background:var(--accent);width:1.25rem;height:1.25rem;color:var(--accent-contrast);font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.25rem;left:.25rem}.asset-library-dropdown__asset-info{background-color:var(--paper);flex-direction:column;gap:.125rem;padding:.5rem;display:flex}.asset-library-dropdown__asset-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1.25;overflow:hidden}.asset-library-dropdown__asset-size{color:var(--muted);font-size:.625rem;line-height:1.25}.asset-library-dropdown__asset-delete{background-color:color-mix(in srgb, var(--ink) 70%, transparent);border-radius:var(--radius-ui-sm);width:1.75rem;height:1.75rem;color:var(--paper);cursor:pointer;opacity:0;z-index:10;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.asset-library-dropdown__asset-delete:hover{background-color:var(--danger);transform:scale(1.1)}.asset-library-dropdown__asset-delete:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.asset-library-dropdown__asset-delete:active{transform:scale(.95)}.asset-library-dropdown__asset-delete svg{width:1rem;height:1rem}@media (max-width:640px){.asset-library-dropdown__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.asset-library-dropdown__header{flex-direction:column;align-items:stretch;gap:.75rem}}@media (prefers-reduced-motion:reduce){.asset-library-dropdown__asset,.asset-library-dropdown__asset-delete,.asset-library-dropdown__progress-fill{transition:none}}