.media-library{background:#0e0e0e;color:#fff;border-radius:1rem;overflow:hidden;min-width:800px;max-width:1440px;width:90vw}.media-library-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(184,115,51,.2);background:#0000004d}.media-library-title{font-size:1.125rem;font-weight:600;margin:0}.media-library-close{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:.5rem;transition:color .2s}.media-library-close:hover{color:#fff}.media-library-tabs{display:flex;gap:0;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.media-library-tab{padding:.75rem 1rem;background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.media-library-tab:hover{color:#ccc}.media-library-tab.active{color:var(--copper, #b87333);border-bottom-color:var(--copper, #b87333)}.media-library-stock-row{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;align-items:center}.media-library-select{padding:.5rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff;font-size:.9rem;min-width:120px}.media-library-search-row{display:flex;gap:.5rem;flex:1;min-width:200px}.media-library-input{flex:1;padding:.5rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff;font-size:.9rem}.media-library-input::-moz-placeholder{color:#666}.media-library-input::placeholder{color:#666}.media-library-input:focus{outline:none;border-color:var(--copper, #b87333)}.media-library-btn{padding:.5rem 1rem;background:linear-gradient(to right,#b87333,#a0652a);border:1px solid rgba(184,115,51,.4);border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s,filter .2s}.media-library-btn:hover:not(:disabled){filter:brightness(1.1)}.media-library-btn:disabled{opacity:.6;cursor:not-allowed}.media-library-btn-secondary{background:#ffffff14;border-color:#ffffff26}.media-library-btn-secondary:hover:not(:disabled){background:#ffffff1f}.media-library-error{color:#f87171;font-size:.875rem;padding:0 1.25rem 1rem;margin:0}.media-library-placeholder{padding:0 1.25rem;margin:0}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:1rem 1.25rem;max-height:720px;overflow-y:auto}.media-library-item{position:relative;aspect-ratio:4 / 3;border-radius:.5rem;overflow:hidden;background:#ffffff0d;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .2s,transform .2s}.media-library-item:hover{border-color:var(--copper, #b87333);transform:scale(1.02)}.media-library-item:disabled{cursor:wait;opacity:.7}.media-library-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.media-library-credit{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(transparent,#000c);font-size:.7rem;color:#fffc}.media-library-duration{position:absolute;top:.25rem;right:.25rem;padding:.15rem .4rem;background:#000000bf;font-size:.7rem;color:#ffffffe6;border-radius:.25rem}.media-library-pagination{display:flex;gap:.5rem;padding:0 1.25rem 1rem;justify-content:center}.media-library-upload{padding:1.5rem 1.25rem}.media-library-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed rgba(184,115,51,.4);border-radius:.75rem;background:#b873330d;cursor:pointer;transition:border-color .2s,background .2s}.media-library-dropzone:hover{border-color:#b8733399;background:#b8733314}.media-library-dropzone-text{color:#999;font-size:.9rem}