.media-picker-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.media-picker-dialog{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:calc(100vw - 40px);overflow:hidden;width:720px}.media-picker-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:12px;padding:14px 16px}.media-picker-title{color:#1e1e1e;font-size:15px;font-weight:600;margin:0;white-space:nowrap}.media-picker-search{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;flex:1;gap:6px;padding:0 10px}.media-picker-search-input{background:transparent;border:none;color:#1e1e1e;flex:1;font-size:13px;outline:none;padding:7px 0}.media-picker-search-input::-moz-placeholder{color:#999}.media-picker-search-input::placeholder{color:#999}.media-picker-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.media-picker-close:hover{background:#f0f0f0;color:#333}.media-picker-source-tabs{border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:0;padding:0 16px}.media-picker-source-tab{background:none;border:none;border-bottom:2px solid transparent;color:#999;cursor:pointer;font-size:12px;font-weight:600;margin-right:16px;padding:8px 0;transition:color .15s}.media-picker-source-tab:hover{color:#666}.media-picker-source-tab.is-active{border-bottom-color:#1e1e1e;color:#1e1e1e}.media-picker-upload-bar{border-bottom:1px solid #eee;flex-shrink:0;padding:12px 16px}.media-picker-dropzone{align-items:center;border:2px dashed #d0d0d0;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:border-color .15s,color .15s,background .15s}.media-picker-dropzone:hover{border-color:#aaa;color:#666}.media-picker-dropzone.is-dragover{background:#3b82f60a;border-color:#3b82f6;color:#3b82f6}.media-picker-dropzone.is-uploading{border-color:#3b82f6;border-style:solid;color:#3b82f6;pointer-events:none}.media-picker-upload-row{align-items:stretch;display:flex;gap:8px}.media-picker-upload-row .media-picker-dropzone{flex:1;min-width:0}.media-picker-url-input{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex:1;gap:6px;padding:0 10px;transition:border-color .15s}.media-picker-url-input:focus-within{border-color:#3b82f6}.media-picker-url-text{background:transparent;border:none;color:#1e1e1e;flex:1;font-size:12px;min-width:0;outline:none;padding:8px 0}.media-picker-url-text::-moz-placeholder{color:#999}.media-picker-url-text::placeholder{color:#999}.media-picker-url-btn{align-items:center;background:#1e1e1e;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;padding:4px 10px;transition:background .15s,opacity .15s;white-space:nowrap}.media-picker-url-btn:hover:not(:disabled){background:#333}.media-picker-url-btn:disabled{cursor:default;opacity:.4}.media-picker-spinner{animation:media-spin 1s linear infinite;height:16px;width:16px}@keyframes media-spin{to{transform:rotate(1turn)}}.media-picker-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.media-picker-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-picker-item{background:#f5f5f5;border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:border-color .15s,box-shadow .15s}.media-picker-item:hover{border-color:#d0d0d0}.media-picker-item.is-selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.media-picker-item img{aspect-ratio:1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.media-picker-item-name{color:#666;display:block;font-size:10px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.media-picker-item-actions{display:flex;gap:3px;position:absolute;right:4px;top:4px}.media-picker-item-action{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:5px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .15s,color .15s;width:24px}.media-picker-item-action-delete{background:#ffffffd9;color:#999}.media-picker-item-action-delete:hover{background:#fef2f2;color:#dc2626}.media-picker-empty,.media-picker-loading{color:#999;font-size:13px;padding:40px 16px;text-align:center}.media-picker-load-more{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;display:block;font-size:12px;font-weight:500;margin:12px auto 0;padding:6px 16px;transition:background .15s}.media-picker-load-more:hover{background:#e0e0e0}.media-picker-footer{align-items:center;border-top:1px solid #eee;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 16px}.media-picker-error{color:#dc2626;flex:1;font-size:11px;margin:0}.media-picker-footer-actions{display:flex;gap:8px}.media-picker-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:background .15s,opacity .15s}.media-picker-btn:disabled{cursor:default;opacity:.4}.media-picker-btn-secondary{background:#f0f0f0;color:#333}.media-picker-btn-secondary:hover:not(:disabled){background:#e0e0e0}.media-picker-btn-primary{background:#1e1e1e;color:#fff}.media-picker-btn-primary:hover:not(:disabled){background:#333}.media-picker-confirm-overlay{align-items:center;background:#0006;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.media-picker-confirm{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;padding:20px 24px;width:280px}.media-picker-confirm-title{color:#1e1e1e;font-size:14px;font-weight:600;margin:0 0 6px}.media-picker-confirm-text{color:#666;font-size:12px;line-height:1.4;margin:0 0 16px}.media-picker-confirm-actions{display:flex;gap:8px}.media-picker-confirm-btn{border:none;border-radius:6px;cursor:pointer;flex:1;font-size:12px;font-weight:600;padding:7px 0;transition:opacity .15s,background .15s}.media-picker-confirm-btn:disabled{cursor:default;opacity:.35}.media-picker-confirm-btn-cancel{background:transparent;border:1px solid #ccc;color:#666}.media-picker-confirm-btn-cancel:hover{background:#0000000d}.media-picker-confirm-btn-danger{background:#dc2626;color:#fff}.media-picker-confirm-btn-danger:hover:not(:disabled){opacity:.85}