.imagenes-panel{position:fixed;z-index:2200;right:14px;top:74px;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 94px);background:#0c1d2b;color:#dcecf7;border:1px solid #345567;border-radius:16px;box-shadow:0 16px 45px #0006;font:13px/1.45 system-ui;display:flex;flex-direction:column;overflow:hidden}
.imagenes-panel{box-sizing:border-box}.imagenes-panel[hidden],.imagenes-panel [hidden],.if-stamp[hidden]{display:none!important}
.imagenes-panel *{box-sizing:border-box}.imagenes-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #294453;background:#112c3a}.imagenes-panel h2{font-size:17px;line-height:1.3;margin:0}.if-eyebrow{color:#83d9ce;font-size:10px;letter-spacing:.7px;font-weight:700}
.imagenes-panel button,.imagenes-panel select{font:inherit;color:inherit;background:#193548;border:1px solid #3c6074;border-radius:8px;padding:8px 10px;cursor:pointer}.imagenes-panel button:hover:not(:disabled){border-color:#71e6cd;background:#215063}.imagenes-panel button:focus-visible,.imagenes-panel select:focus-visible{outline:2px solid #71e6cd;outline-offset:2px}.imagenes-panel button:disabled,.imagenes-panel select:disabled{cursor:not-allowed;color:#8ba6b6;background:#142836;border-color:#304450}.imagenes-panel [data-close]{padding:0;width:32px;height:32px;font-size:22px;line-height:1;border-color:transparent;background:transparent;flex-shrink:0}
.imagenes-panel nav{display:flex;gap:5px;padding:9px 10px;border-bottom:1px solid #294453}.imagenes-panel nav button{font-size:11px;flex:1;padding:8px 3px;white-space:nowrap}.imagenes-panel nav [aria-selected=true]{background:#15534f;border-color:#54b6a7;color:#e0fff7}
.if-scroll{padding:0 14px 14px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#3e647b transparent}.if-card{border:1px solid #2f4b5b;border-radius:11px;background:#122c3c;padding:12px;margin:12px 0}.if-card:last-child{margin-bottom:0}.imagenes-panel h3{font-size:17px;line-height:1.35;margin:6px 0}.if-card h3 small{font-size:11px;color:#83d9ce}.imagenes-panel p{font-size:12px;color:#bdd1dc;margin:9px 0}.imagenes-panel .if-muted{font-size:11px;line-height:1.5;color:#a2bbc9}.imagenes-panel a{display:block;margin-top:10px;color:#83dce4;font-size:11px;overflow-wrap:anywhere}
.if-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.if-metrics div{min-width:0;padding:9px;border-radius:8px;background:#0c202c}.if-metrics b{display:block;font-size:17px;color:#8ce1d1;overflow-wrap:anywhere}.if-metrics small{font-size:10px;color:#b6cdd9}
.if-catalog-status{margin-top:12px}.imagenes-panel .if-total,.imagenes-panel [data-catalog-status]{font-size:11px;color:#a9c6d4;margin:0 0 8px}.imagenes-panel .if-error{color:#f4c39b}.imagenes-panel [data-catalog-retry]{font-size:12px;border-color:#be8654;background:#3a3028}.imagenes-panel label{display:block;margin:12px 0;color:#a9c3d3;font-size:11px}.imagenes-panel select{display:block;width:100%;min-width:0;margin-top:5px;font-size:12px}.if-selection{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:end;gap:7px;margin:12px 0}.if-selection label{margin:0}.if-selection button{padding:8px 5px;font-size:12px;min-height:35px}.imagenes-panel .if-primary{width:100%;background:#1b615c;border-color:#488f89;font-weight:650;margin-top:4px}.imagenes-panel .if-primary:disabled{background:#142836;border-color:#304450;font-weight:500}
.if-notice:empty{display:none}.if-notice,.if-warning{border-left:3px solid #d2ae65;padding:8px 10px;background:#3b352978;border-radius:0 5px 5px 0}
.if-stamp button{border:1px solid #416273;background:#0d2734eb;color:#ddf5fa;border-radius:9px;box-shadow:0 5px 18px #0004;padding:7px 10px;cursor:pointer;text-align:left;max-width:min(270px,70vw)}.if-stamp span,.if-stamp strong{display:block}.if-stamp span{font:8px system-ui;letter-spacing:.65px;color:#86d8ca}.if-stamp strong{font:650 11px/1.4 system-ui;margin:2px 0 0}.if-stamp small{display:none}.if-stamp button:focus-visible{outline:2px solid #71e6cd;outline-offset:2px}
@media(max-width:600px){.imagenes-panel{top:62px;right:10px;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 82px)}.imagenes-panel header{padding:10px 12px}.imagenes-panel [data-close]{width:36px;height:36px}.imagenes-panel select,.if-selection button{min-height:39px}.if-stamp button{padding:6px 8px}.if-stamp span{font-size:7px}.if-stamp strong{font-size:10px}}