.biab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:16px;margin:20px 0}.biab-tile{position:relative;background:#fff;border:1px solid #e8e0da;border-radius:15px;padding:9px;cursor:pointer;color:#342c2a;text-align:left;min-width:0;transition:border-color .15s,box-shadow .15s}.biab-tile:hover{border-color:#b18b8c;box-shadow:0 3px 14px #52302b0c}.biab-tile:focus-visible{outline:3px solid #743f46;outline-offset:3px}.biab-tile.selected{border:2px solid #743f46;padding:8px;background:#faf3f3}.biab-tile small,.biab-tile strong{display:block;padding:5px 3px 0}.biab-tile small{font-size:11px;color:#83746f}.biab-photo{display:block;aspect-ratio:1;background:#faf8f5;border-radius:10px;overflow:hidden}.biab-photo img{display:block;width:100%;height:100%;object-fit:contain}.biab-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a18b7e;font-size:12px}.biab-check{position:absolute;top:15px;right:15px;width:24px;height:24px;border:1px solid #cbbbaf;border-radius:50%;background:#fff;display:grid;place-items:center}.selected .biab-check{background:#743f46;border-color:#743f46;color:white}.biab-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.biab-controls label{flex:1;min-width:130px;font-size:12px;color:#75665f;display:flex;flex-direction:column;gap:5px}.biab-controls input,.biab-controls select{width:100%;padding:11px;border:1px solid #dfd5ce;border-radius:9px;background:white;color:#332b27}.biab-selection-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;margin-top:18px;color:#7c6d64}.biab-selection-bar button{background:none;border:0;color:#743f46;text-decoration:underline;margin-right:12px;cursor:pointer}.biab-dialog{width:min(860px,calc(100vw - 40px));max-height:90dvh;border:0;border-radius:20px;padding:0;color:#332b27;background:#fff;box-shadow:0 15px 70px #332b272e}.biab-dialog::backdrop{background:#211b1a75}.biab-dialog footer,.biab-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:14px;background:#fff;position:sticky;z-index:3}.biab-dialog header{top:0;border-bottom:1px solid #eee6df}.biab-dialog footer{bottom:0;border-top:1px solid #eee6df}.biab-dialog h2{font-size:26px;margin:0}.biab-color-detail,.biab-dialog-body{padding:20px 24px}.biab-color-detail>.biab-photo{max-width:390px;margin:auto}.biab-dialog-body>p{font-size:14px;color:#807168}.public-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.biab-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.biab-save-row{display:flex;gap:14px;align-items:center;position:sticky;bottom:10px;background:#fff;padding:14px;border:1px solid #e5ddd6;border-radius:12px;z-index:2}.biab-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.biab-admin-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px}.biab-admin-fields input,.biab-admin-fields select{padding:10px;min-width:0;width:100%;border:1px solid #dfd5ce;border-radius:8px}.biab-color-match{font-size:12px;color:#743f46;margin:8px 0}.biab-admin-inactive{opacity:.55}@media (max-width:600px){.biab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.biab-dialog{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.biab-dialog footer,.biab-dialog header,.biab-dialog-body{padding:16px}.biab-dialog h2{font-size:23px}.biab-controls label:first-child{flex-basis:100%}.biab-admin-fields{grid-template-columns:1fr}.biab-tile{padding:6px}.biab-tile.selected{padding:5px}.biab-tile strong{font-size:13px}.biab-dialog footer .button,.biab-dialog footer .button-secondary{font-size:13px;padding:12px}.biab-check{top:9px;right:9px;width:20px;height:20px}}