.asset-library-dropdown{display:inline-block;position:relative}.asset-library-dropdown--open{z-index:1000}.asset-library-dropdown[data-align=left] .asset-library-dropdown__menu{left:0}.asset-library-dropdown[data-align=right] .asset-library-dropdown__menu{right:0}.asset-library-dropdown[data-align=center] .asset-library-dropdown__menu{left:50%;transform:translate(-50%)}.asset-library-dropdown__menu{bottom:calc(100% + var(--dropdown-offset,8px));z-index:1001;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:.75rem;width:min(420px,100vw - 2rem);max-width:calc(100vw - 2rem);animation:.2s slide-up-fade-in;position:absolute;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.asset-library-dropdown__header{border-bottom:1px solid var(--color-border-secondary);background-color:var(--color-bg-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.asset-library-dropdown__title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.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(--color-bg-primary);border-bottom:1px solid var(--color-border-secondary);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.asset-library-dropdown__progress-bar{background-color:var(--color-bg-tertiary);border-radius:9999px;flex:1;height:.5rem;overflow:hidden}.asset-library-dropdown__progress-fill{background:linear-gradient(90deg, var(--safety-blue-1000), var(--safety-blue-700));border-radius:9999px;height:100%;transition:width .3s}.asset-library-dropdown__progress-text{min-width:3rem;color:var(--color-text-secondary);text-align:right;font-size:.875rem;font-weight:500}.asset-library-dropdown__error{background-color:var(--safety-orange-50);border-bottom:1px solid var(--safety-orange-200);color:var(--safety-orange-900);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(--safety-orange-600);flex-shrink:0}.asset-library-dropdown__content{padding:1rem;overflow:hidden auto}.asset-library-dropdown__content::-webkit-scrollbar{width:.5rem}.asset-library-dropdown__content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:9999px}.asset-library-dropdown__content::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:9999px}.asset-library-dropdown__content::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}.asset-library-dropdown__empty{text-align:center;color:var(--color-text-tertiary);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(--color-border-primary);margin-bottom:1rem}.asset-library-dropdown__empty p{color:var(--color-text-secondary);margin:0;font-size:1rem;font-weight:500}.asset-library-dropdown__empty-subtitle{color:var(--color-text-tertiary)!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(--color-bg-primary);border:2px solid var(--color-border-secondary);cursor:pointer;border-radius:.5rem;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.asset-library-dropdown__asset:hover{border-color:var(--safety-blue-1000);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.asset-library-dropdown__asset:hover .asset-library-dropdown__asset-delete{opacity:1}.asset-library-dropdown__asset:focus-visible{outline:2px solid var(--safety-blue-1000);outline-offset:2px}.asset-library-dropdown__asset:active{transform:translateY(0)}.asset-library-dropdown__asset-image{aspect-ratio:1;background-color:var(--color-bg-tertiary);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-info{background-color:var(--color-bg-primary);flex-direction:column;gap:.125rem;padding:.5rem;display:flex}.asset-library-dropdown__asset-name{color:var(--color-text-primary);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(--color-text-tertiary);font-size:.625rem;line-height:1.25}.asset-library-dropdown__asset-delete{width:1.75rem;height:1.75rem;color:var(--white-ghost-100);cursor:pointer;opacity:0;z-index:10;background-color:#000000b3;border:none;border-radius:.375rem;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(--safety-orange-1000);transform:scale(1.1)}.asset-library-dropdown__asset-delete:focus-visible{opacity:1;outline:2px solid var(--white-ghost-100);outline-offset:2px}.asset-library-dropdown__asset-delete:active{transform:scale(.95)}.asset-library-dropdown__asset-delete svg{width:1rem;height:1rem}.dark .asset-library-dropdown__menu{background-color:var(--black-oil-1000);border-color:var(--black-oil-700)}.dark .asset-library-dropdown__header{background-color:var(--black-oil-1000);border-bottom-color:var(--black-oil-700)}.dark .asset-library-dropdown__title{color:var(--color-text-primary)}.dark .asset-library-dropdown__progress{background-color:var(--black-oil-900);border-bottom-color:var(--black-oil-700)}.dark .asset-library-dropdown__progress-bar{background-color:var(--black-oil-700)}.dark .asset-library-dropdown__error{color:var(--safety-orange-200);background-color:#ea580c1a;border-bottom-color:#ea580c4d}.dark .asset-library-dropdown__empty{color:var(--color-text-tertiary)}.dark .asset-library-dropdown__empty svg{color:var(--black-oil-600)}.dark .asset-library-dropdown__empty p{color:var(--color-text-secondary)}.dark .asset-library-dropdown__asset{background-color:var(--black-oil-800);border-color:var(--black-oil-700)}.dark .asset-library-dropdown__asset:hover{border-color:var(--safety-blue-1000)}.dark .asset-library-dropdown__asset-image,.dark .asset-library-dropdown__asset-info{background-color:var(--black-oil-1000)}.dark .asset-library-dropdown__asset-name{color:var(--color-text-primary)}.dark .asset-library-dropdown__asset-size{color:var(--color-text-tertiary)}@media (max-width:640px){.asset-library-dropdown__menu{left:50%;transform:translate(-50%)}.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__menu{animation:none}.asset-library-dropdown__asset,.asset-library-dropdown__asset-delete,.asset-library-dropdown__progress-fill{transition:none}}