.openverse-modal{width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px}
.openverse-modal .modal-head{position:sticky;top:-22px;z-index:4;margin:-22px -22px 0;padding:18px 22px 12px;background:#292f35ee;backdrop-filter:blur(12px);border-bottom:1px solid #41484a}
.openverse-subhead{display:flex;align-items:center;gap:8px;color:#b8e34a;font-size:8px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.openverse-subhead img{width:17px;height:17px}
.openverse-provider-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:9px 12px;background:#1e2428;border:1px solid #3d464a;border-radius:10px;flex-wrap:wrap}
.openverse-provider-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.openverse-provider-selector span{color:#9ca79e;font-size:9px;font-weight:700}
.openverse-provider-btn{padding:5px 9px;border:1px solid #475154;border-radius:6px;background:#252c30;color:#c0c9bf;font-size:8.5px;font-weight:800;cursor:pointer;transition:all .15s}
.openverse-provider-btn:hover{background:#30383d;border-color:#7e9a47;color:#fff}
.openverse-provider-btn.active{background:#3a4633;border-color:#b8e34a;color:#d9efad;box-shadow:0 0 8px rgba(184,227,74,0.15)}
.openverse-config-toggle{padding:5px 9px;border:1px solid #475154;border-radius:6px;background:#22282c;color:#b0bab0;font-size:8.5px;font-weight:700;cursor:pointer}
.openverse-config-toggle:hover{border-color:#8ca84f;color:#eef4ea}
.openverse-api-panel{margin:0 0 12px;padding:12px;background:#1b2124;border:1px solid #424e52;border-radius:8px;display:grid;gap:10px}
.openverse-api-panel h4{margin:0;font-size:10px;color:#d7e4d2;display:flex;align-items:center;gap:6px}
.openverse-api-panel p{margin:0;font-size:8.5px;color:#8f9a90;line-height:1.4}
.openverse-api-row{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:center}
.openverse-api-row label{font-size:9px;color:#c0c9be;font-weight:700}
.openverse-api-row input{height:32px;padding:0 10px;background:#22292d;border:1px solid #455054;border-radius:6px;color:#f0f3ed;font-size:9px;font-family:monospace}
.openverse-api-row button{height:32px;padding:0 12px;font-size:8.5px}
.openverse-search-row{display:flex;gap:8px;margin:0 0 10px}
.openverse-search-row input{flex:1;min-width:120px;height:40px;border:1px solid #454d50;border-radius:8px;background:#20262a;color:#f0f3ed;padding:0 12px;font-size:10px}
.openverse-categories{display:flex;gap:6px;overflow:auto;padding:1px 0 9px;scrollbar-width:thin}
.openverse-categories button{flex:none;border:1px solid #424a4c;border-radius:999px;background:#23292d;color:#b7c0b7;padding:7px 10px;font-size:8px;font-weight:800}
.openverse-categories button.active,.openverse-categories button:hover{border-color:#92b44a;background:#333b31;color:#d9efad}
.openverse-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border:1px solid #3d4548;border-radius:9px;background:#252b30;padding:9px 11px;margin:2px 0 11px}
.openverse-controls label{display:flex;align-items:center;gap:7px;color:#c4cbc3;font-size:9px}
.openverse-controls input{accent-color:#b8e34a}
.openverse-controls small{color:#859087;font-size:8px}
.openverse-provider-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:#2f3a31;border:1px solid #4e6345;border-radius:99px;color:#b8e34a;font-size:7.5px;font-weight:800}
.openverse-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.openverse-card{min-width:0;overflow:hidden;border:1px solid #434b4c;border-radius:10px;background:#22282d;transition:border-color .16s,transform .16s}
.openverse-card:hover{transform:translateY(-2px);border-color:#9ab94f}
.openverse-card-image{position:relative;width:100%;height:132px;overflow:hidden;background:linear-gradient(135deg,#33413a,#4b5948);display:grid;place-items:center;color:#bdc9b8;font-size:26px}
.openverse-card-image img{width:100%;height:100%;object-fit:cover}
.openverse-license-badge{position:absolute;left:7px;top:7px;border:1px solid #fff8;border-radius:99px;background:#17201cdd;color:#e7f2dc;padding:4px 6px;font-size:7px;font-weight:900;backdrop-filter:blur(4px)}
.openverse-card-body{padding:9px}
.openverse-card-title{overflow:hidden;color:#edf0ea;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.openverse-card-credit{overflow:hidden;margin-top:4px;color:#939d95;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.openverse-card-actions{display:flex;gap:6px;margin-top:9px}
.openverse-card-actions .button{min-height:29px;padding:0 8px;font-size:7px}
.openverse-card-actions .button-primary{flex:1}
.openverse-card-actions a{display:grid;place-items:center;width:29px;flex:none;border:1px solid #434b4e;border-radius:7px;color:#bdc5b9}
.openverse-card-actions a:hover{color:#b8e34a;border-color:#789247}
.openverse-legal{margin-top:12px;padding:10px 12px;border-left:3px solid #b8e34a;border-radius:0 7px 7px 0;background:#242b2a;color:#9ea99f;font-size:8px;line-height:1.55}
.openverse-legal strong{color:#dbe5d5}
.openverse-empty,.openverse-loading{grid-column:1/-1;padding:36px 14px;border:1px dashed #48524b;border-radius:10px;color:#acb6aa;text-align:center;font-size:10px;line-height:1.7}
.openverse-empty strong,.openverse-loading strong{display:block;color:#eef1ea;font-size:12px;margin-bottom:4px}
.openverse-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#9ca79e;font-size:9px}
.asset-license-notice{margin:8px 0 2px;padding:8px;border:1px solid #475147;border-radius:7px;background:#252c2b;color:#b7c3b4;font-size:8px;line-height:1.5}
.asset-license-notice a{color:#c4e978;text-decoration:underline}
.asset-credits-page{padding:14mm 16mm;background:#faf9f3;color:#263229;font-family:Arial,sans-serif}
.asset-credits-page h1{margin:0 0 4mm;color:#234d34;font-size:22pt}
.asset-credits-page p{font-size:9pt;color:#59635b}
.asset-credits-list{display:grid;gap:3mm;margin-top:8mm}
.asset-credit-row{border-bottom:1px solid #d6ddd3;padding:0 0 3mm;font-size:8pt;line-height:1.45}
.asset-credit-row strong{display:block;color:#263a2b;font-size:9pt}
.asset-credit-row a{color:#1f5b98;overflow-wrap:anywhere}
.openverse-credit-note{margin-top:9mm;border-top:1px solid #d6ddd3;padding-top:4mm;font-size:7.5pt;color:#667066}
@media(max-width:860px){.openverse-results{grid-template-columns:repeat(3,minmax(0,1fr))}.openverse-card-image{height:118px}}
@media(max-width:620px){.openverse-modal{padding:15px}.openverse-modal .modal-head{top:-15px;margin:-15px -15px 0;padding:14px 15px 10px}.openverse-results{grid-template-columns:repeat(2,minmax(0,1fr))}.openverse-card-image{height:112px}.openverse-api-row{grid-template-columns:1fr}}
@media(max-width:390px){.openverse-card-actions .button{font-size:6px;padding:0 6px}}