#pfVariantsOpen,.pf-gallery-variants{border-color:#318f98!important;color:#b9f3ed!important;background:#20464a!important}
#pfLibraryActions{gap:5px!important}
#pfVariantsDialog{width:min(1040px,95vw);max-width:95vw;max-height:91dvh;box-sizing:border-box;padding:22px;border:1px solid #48616a;border-radius:16px;background:#15262c;color:#e4edef;overflow:auto;box-shadow:0 22px 90px #0009}
#pfVariantsDialog::backdrop{background:#071015ba;backdrop-filter:blur(3px)}
#pfVariantsDialog header{position:static!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:0 0 16px!important;margin:0!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#pfVariantsDialog h2{font-size:24px;margin:5px 0;overflow-wrap:anywhere}
#pfVariantsDialog small{color:#a1c7c9;font-size:11px;letter-spacing:.04em}
#pfVariantsDialog p{font-size:13px;color:#b6c9cd;line-height:1.5;margin:7px 0}
#pfVariantsDialog button{font:inherit;font-size:12px;line-height:1.3;padding:10px 12px;min-height:39px;white-space:normal;border:1px solid #49626a;border-radius:7px;background:#263d45;color:#e8f2f4;cursor:pointer}
#pfVariantsDialog button:hover{background:#35505a}
#pfVariantsDialog button.primary{background:#087986;border-color:#2899a2;color:white}
#pfVariantsDialog button:disabled{opacity:.45;cursor:default}
#pfVariantsDialog button:focus-visible,#pfVariantsDialog input:focus-visible{outline:2px solid #93dbd1;outline-offset:3px}
#pfVariantsDialog [hidden]{display:none!important}
#pfVariantsDialog input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;accent-color:#72cbbb;flex-shrink:0}
#pfVariantsDialog .pf-v-base{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#20383e;padding:14px;border-radius:10px;margin-bottom:16px}
#pfVariantsDialog .pf-v-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#pfVariantsDialog .pf-v-search{display:block;font-size:12px;margin-top:18px}
#pfVariantsSearch{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #49626a;border-radius:8px;background:#0e2026;color:#e8f2f4;font:inherit;font-size:14px}
#pfVariantsDialog .pf-v-selection{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0;font-size:12px}
#pfVariantsDialog label{display:flex;align-items:center;gap:8px}
#pfVariantsStatus{min-height:20px}
#pfVariantsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
#pfVariantsDialog .pf-v-card{border:1px solid #3b545c;border-radius:10px;padding:10px;background:#1c3138;display:flex;flex-direction:column;gap:10px;min-width:0}
#pfVariantsDialog .pf-v-card img{width:100%;height:168px;object-fit:contain;border-radius:6px;background:#d6d3ca;color:#294149;font-size:12px}
#pfVariantsDialog .pf-v-card strong{font-size:14px;overflow-wrap:anywhere}
#pfVariantsDialog .pf-v-card .pf-v-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr}
#pfVariantsDialog .pf-v-delete{color:#efbfb3}
#pfVariantsDialog .pf-v-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0;font-size:13px}
#pfVariantsDialog footer{border-top:1px solid #3b545c;padding-top:16px;background:transparent}
#pfVariantsFiles{margin-top:12px}
@media(max-width:920px){
 body:not(.presentation):not(.pf-pbr-active)>header #pfLibraryActions{display:flex!important;order:11;flex:1 0 100%;width:100%;align-items:stretch}
 body:not(.presentation):not(.pf-pbr-active)>header #pfLibraryActions>button{display:block!important;flex:1;min-width:0;min-height:38px;font-size:11px!important;padding:6px!important;white-space:normal}
 body:not(.presentation):not(.pf-pbr-active)>header{height:auto!important}
 #pfVariantsDialog{padding:15px;width:96vw;max-width:96vw;max-height:94dvh}
 #pfVariantsDialog .pf-v-base{display:block}
 #pfVariantsDialog .pf-v-base .pf-v-actions{margin-top:10px}
 #pfVariantsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #pfVariantsDialog .pf-v-card{padding:8px}
 #pfVariantsDialog .pf-v-card img{height:140px}
 #pfVariantsDialog button{padding:9px 7px;font-size:11px}
 #pfVariantsDialog h2{font-size:21px}
}