/* BDX — Studio client : écran UNIQUE mobile-first (refonte fichier 2026-07) */

/* Bouton d'ouverture (ligne panier) */
.bdx-studio-open{display:inline-flex;align-items:center;gap:8px;background:#FCAF3B;color:#111;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,filter .15s}
.bdx-studio-open:hover{filter:brightness(.96)}
.bdx-studio-open.done{background:#16a34a;color:#fff}
.bdx-studio-open.done:hover{background:#15803d;filter:none}
.bdx-studio-open-ico{font-size:16px}

/* Miniature des fichiers uploadés dans la ligne de panier */
.bxc-file-thumb{width:88px;height:88px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin:6px 0 8px}
.bxc-file-thumb img{width:100%;height:100%;object-fit:contain}
.bxc-file-thumb .dashicons-pdf{color:#d63638;font-size:40px;width:40px;height:40px}
.bxc-file-thumb.ok{border-color:#16a34a;box-shadow:0 0 0 1px #16a34a inset}
.bxc-file-thumb-badge{display:inline-block;background:#16a34a;color:#fff;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;margin-bottom:8px}

/* Overlay + modale */
.bdx-studio-overlay{position:fixed;inset:0;z-index:100000;background:rgba(17,24,39,.55);display:flex;align-items:stretch;justify-content:center}
.bdx-studio-overlay[hidden]{display:none}
.bdx-studio-modal{position:relative;background:#f3f4f6;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}
.bdx-studio-head{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#fff;border-bottom:1px solid #e5e7eb;flex:0 0 auto}
.bdx-studio-logo{font-size:22px;font-weight:900;letter-spacing:1.5px;color:#111;display:inline-flex;align-items:baseline}
.bdx-ss-bdx{color:#FCAF3B}.bdx-ss-print{color:#111}.bdx-ss-studio{color:#111;font-weight:800;margin-left:2px}
.bdx-studio-x{background:none;border:none;font-size:30px;line-height:1;color:#6b7280;cursor:pointer;padding:0 6px}
.bdx-studio-x:hover{color:#111}

/* Contenu : flux vertical, UN SEUL scroll */
.bdx-studio-content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.bdx-studio-flow{max-width:920px;margin:0 auto;padding:22px 20px 120px;display:flex;flex-direction:column;gap:22px}

/* Sections numérotées */
.bdx-sf-step{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}
.bdx-sf-step-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#111;margin-bottom:14px}
.bdx-sf-step-h small{font-weight:500;font-size:12.5px;color:#9ca3af;margin-left:2px}
.bdx-sf-num{width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#FCAF3B;color:#111;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}

/* (a) Zone de dépôt */
.bdx-sf-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:26px 18px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.bdx-sf-dropzone:hover{border-color:#FCAF3B;background:#fffaf0}
.bdx-sf-dropzone-ic{font-size:34px}
.bdx-sf-dropzone-t{font-size:14.5px;color:#374151}
.bdx-sf-dropzone-t strong{color:#b26a00;text-decoration:underline}
.bdx-sf-dropzone-s{font-size:12px;color:#9ca3af}
.bdx-studio-overlay.bdx-drop-pool .bdx-sf-dropzone{border-color:#FCAF3B;background:#fff7ed}

/* (b) Grille des pages */
.bdx-sf-pagegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}
.bdx-sf-page{border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden;cursor:grab;transition:box-shadow .15s,transform .1s;-webkit-user-select:none;user-select:none}
.bdx-sf-page:hover{box-shadow:0 3px 12px rgba(0,0,0,.10)}
.bdx-sf-page:focus-visible{outline:2px solid #FCAF3B;outline-offset:2px}
.bdx-sf-page.dragging{opacity:.5}
.bdx-sf-page-thumb{aspect-ratio:1;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bdx-sf-page-thumb img{width:100%;height:100%;object-fit:contain}
.bdx-sf-page-thumb .dashicons-pdf{color:#d63638;font-size:30px;width:30px;height:30px}
.bdx-sf-page-lbl{font-size:11px;color:#6b7280;padding:6px 7px;line-height:1.25;word-break:break-word}
.bdx-sf-srclist{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bdx-sf-srcchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 6px 4px 10px}
.bdx-sf-srcchip .dashicons{font-size:15px;width:15px;height:15px;color:#9ca3af}
.bdx-sf-srcchip .bdx-sf-srcdel{width:18px;height:18px;border:none;background:#e5e7eb;color:#4b5563;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bdx-sf-srcchip .bdx-sf-srcdel:hover{background:#dc2626;color:#fff}
.bdx-sf-pagegrid .bdx-sf-srcdel[hidden]{display:none}

/* (c) Emplacements recto/verso par visuel */
.bdx-sf-visual{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-top:14px;background:#fbfcfd}
.bdx-sf-visual.valid,.bdx-sf-visual.ok{border-color:#16a34a}
.bdx-sf-visual.warn{border-color:#f59e0b}
.bdx-sf-visual-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#111;margin-bottom:12px}
.bdx-sf-vstatus{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:#cbd5e1}
.bdx-sf-vstatus.ok{background:#16a34a}.bdx-sf-vstatus.warn{background:#f59e0b}
.bdx-sf-zones{display:grid;gap:12px}
.bdx-sf-zones.two{grid-template-columns:1fr 1fr}
.bdx-sf-zones.one{grid-template-columns:1fr}
.bdx-sf-zone{position:relative;border:2px dashed #d1d5db;border-radius:10px;background:#fff;min-height:150px;display:flex;flex-direction:column;padding:8px;transition:border-color .15s,background .15s}
.bdx-sf-zone.dragover{border-color:#FCAF3B;background:#fff7ed}
.bdx-sf-zone.filled{border-style:solid;border-color:#e5e7eb}
.bdx-sf-zone-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin-bottom:6px}
.bdx-sf-zone-thumb{flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}
.bdx-sf-zone-thumb img{max-width:100%;max-height:230px;object-fit:contain;cursor:zoom-in}
.bdx-sf-zone-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ca3af;font-size:12.5px;text-align:center}
.bdx-sf-zone-plus{font-size:26px;font-weight:300;line-height:1;color:#cbd5e1}
.bdx-sf-zone-clear{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;background:rgba(17,24,39,.6);color:#fff;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bdx-sf-zone-clear:hover{background:#dc2626}

/* (d) Diagnostic + corrections inline */
.bdx-sf-report{margin-top:12px;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}
.bdx-sf-report.ok{background:#ecfdf5;border:1px solid #a7f3d0}
.bdx-sf-report.warn,.bdx-sf-report.error{background:#fff7ed;border:1px solid #fed7aa}
.bdx-sf-report.todo{background:#f9fafb;border:1px solid #e5e7eb}
.bdx-sf-rep-ok{color:#065f46;font-weight:700}
.bdx-sf-rep-err{color:#9a3412;font-weight:600}
.bdx-sf-rep-line{color:#6b7280}
.bdx-sf-rep-t{font-weight:700;color:#7c2d12;margin-bottom:4px}
.bdx-sf-rep-list{margin:0 0 8px;padding-left:18px}
.bdx-sf-rep-list li{color:#b45309;margin-bottom:2px}
.bdx-sf-rep-fix{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 10px;margin-top:6px}
.bdx-sf-rep-fix strong{color:#1e40af;font-size:12px}
.bdx-sf-rep-fix ul{margin:5px 0 0;padding-left:18px}
.bdx-sf-rep-fix li{color:#1e40af;margin-bottom:2px}

.bdx-studio-correct{margin-top:12px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.bdx-studio-correct-t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin-bottom:8px}
.bdx-studio-cbx{display:flex;align-items:center;gap:8px;font-size:13px;color:#111;margin-bottom:7px;cursor:pointer}
.bdx-studio-cbx small{color:#9ca3af}
.bdx-studio-apply{width:100%;background:#16a34a;color:#fff;border:none;border-radius:8px;padding:10px;font-weight:700;font-size:13px;cursor:pointer;margin-bottom:8px}
.bdx-studio-apply:hover{background:#15803d}
.bdx-studio-adjust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.bdx-studio-adj,.bdx-studio-adjust .bdx-rot{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600;color:#374151;cursor:pointer}
.bdx-studio-adj:hover,.bdx-studio-adjust .bdx-rot:hover{background:#e5e7eb}
.bdx-studio-editor-open{width:100%;background:#eef2ff;color:#1d4ed8;border:none;border-radius:8px;padding:9px;font-weight:600;font-size:12.5px;cursor:pointer}
.bdx-studio-editor-open:hover{background:#e0e7ff}

/* Quantité − / + */
.bdx-studio-qty{font-size:12.5px;color:#6b7280;display:flex;align-items:center;gap:8px;margin:12px 0 0}
.bdx-studio-qtyminus,.bdx-studio-qtyplus{width:32px;height:32px;border:1px solid #d1d5db;background:#f3f4f6;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;color:#111;line-height:1;flex:0 0 auto}
.bdx-studio-qtyminus:hover,.bdx-studio-qtyplus:hover{background:#e5e7eb}
.bdx-studio-qtyminus[disabled],.bdx-studio-qtyplus[disabled]{opacity:.5;cursor:not-allowed}
.bdx-studio-qtyinput{width:64px;text-align:center;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}

/* Répartition des quantités (multi-visuel) */
.bdx-studio-split{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;margin-bottom:8px;font-size:13px}
.bdx-studio-split.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.bdx-studio-split.bad{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.bdx-studio-split strong{font-weight:800}
.bdx-studio-autofill{margin-left:auto;background:#111;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer}
.bdx-studio-autofill:hover{background:#000}

/* (e) Pied sticky — UNE validation */
.bdx-studio-foot{position:sticky;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -3px 14px rgba(0,0,0,.08);margin:22px -20px -120px}
.bdx-studio-foot-info{font-size:13px;color:#374151;font-weight:600}
.bdx-studio-foot-hint{color:#9a3412;font-weight:600}
.bdx-studio-warnack{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#7c2d12;font-weight:600;cursor:pointer;padding:6px 10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}
.bdx-studio-warnack.shake{animation:bdxshake .4s}
@keyframes bdxshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.bdx-studio-addvisual{background:#fff;color:#111;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 18px;font-size:13.5px;font-weight:700;cursor:pointer;margin-left:auto}
.bdx-studio-addvisual:hover{border-color:#FCAF3B;color:#d97706}
.bdx-studio-addvisual:disabled{opacity:.6;cursor:default}
.bdx-studio-done{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:13px 26px;font-size:15px;font-weight:800;cursor:pointer;margin-left:auto}
.bdx-studio-done:hover{background:#15803d}
.bdx-studio-done:disabled{background:#d1d5db;color:#fff;cursor:not-allowed}
.bdx-studio-addvisual + .bdx-studio-done{margin-left:10px}

/* Menu de placement tactile */
.bdx-sf-placemenu{position:absolute;inset:0;z-index:40;background:rgba(17,24,39,.5);display:flex;align-items:flex-end;justify-content:center;padding:0}
.bdx-sf-placemenu[hidden]{display:none}
.bdx-sf-placemenu-box{background:#fff;width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.bdx-sf-placemenu-t{font-size:15px;font-weight:800;color:#111;text-align:center;margin-bottom:4px}
.bdx-sf-pm-btn{background:#FCAF3B;color:#111;border:none;border-radius:10px;padding:14px;font-size:14.5px;font-weight:700;cursor:pointer}
.bdx-sf-pm-btn:hover{filter:brightness(.96)}
.bdx-sf-pm-cancel{background:#f3f4f6;color:#374151;border:none;border-radius:10px;padding:12px;font-size:13.5px;font-weight:600;cursor:pointer;margin-top:4px}

/* Modale « Approuver malgré les avertissements » (repli) */
.bdx-studio-approve{position:absolute;inset:0;z-index:45;background:rgba(17,24,39,.55);display:flex;align-items:center;justify-content:center;padding:24px}
.bdx-studio-approve[hidden]{display:none}
.bdx-studio-approve-box{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.bdx-studio-approve-ico{font-size:34px;margin-bottom:8px}
.bdx-studio-approve-box h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#111}
.bdx-studio-approve-box p{margin:0 0 20px;font-size:13.5px;color:#4b5563;line-height:1.55}
.bdx-studio-approve-btns{display:flex;gap:10px;flex-wrap:wrap}
.bdx-studio-approve-cancel{flex:1 1 160px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:10px;padding:12px;font-size:13.5px;font-weight:700;cursor:pointer}
.bdx-studio-approve-ok{flex:1 1 160px;background:#FCAF3B;color:#111;border:none;border-radius:10px;padding:12px;font-size:13.5px;font-weight:800;cursor:pointer}

/* Busy */
.bdx-studio-busy{position:absolute;inset:0;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;color:#111;z-index:50}
.bdx-studio-spin{width:22px;height:22px;border:3px solid #e5e7eb;border-top-color:#FCAF3B;border-radius:50%;animation:bdxspin .8s linear infinite}
@keyframes bdxspin{to{transform:rotate(360deg)}}

/* Animation des contrôles (préflight) */
.bdx-studio-checking{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px 30px;box-shadow:0 12px 44px rgba(0,0,0,.14);min-width:280px;max-width:90%}
.bdx-studio-check-t{font-size:15px;font-weight:800;color:#111;text-align:center}
.bdx-studio-check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.bdx-chk{display:flex;align-items:center;gap:10px;font-size:13px;color:#9ca3af;transition:color .2s}
.bdx-chk-ico{width:16px;height:16px;border-radius:50%;border:2px solid #e5e7eb;flex:0 0 auto;position:relative;box-sizing:border-box;transition:all .2s}
.bdx-chk.active{color:#111;font-weight:700}
.bdx-chk.active .bdx-chk-ico{border-color:#FCAF3B;border-top-color:transparent;animation:bdxspin .7s linear infinite}
.bdx-chk.done{color:#16a34a}
.bdx-chk.done .bdx-chk-ico{border-color:#16a34a;background:#16a34a;animation:none}
.bdx-chk.done .bdx-chk-ico::after{content:'✓';position:absolute;inset:0;color:#fff;font-size:10px;line-height:12px;text-align:center;font-weight:900}

/* Toast */
.bdx-studio-toast{position:absolute;left:50%;bottom:96px;transform:translateX(-50%) translateY(8px);background:#111;color:#fff;padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:600;line-height:1.4;box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:min(560px,86%);text-align:center}
.bdx-studio-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Éditeur avancé (optionnel) — tactile + validbar sticky */
.bdx-studio-editor{position:absolute;inset:0;z-index:44;background:#1f2430;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto}
.bdx-studio-editor[hidden]{display:none}
.bdx-ed-bar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:12px 20px;background:#171b24;color:#fff}
.bdx-ed-title{font-weight:700;font-size:15px}
.bdx-ed-faces{display:flex;gap:6px;margin-left:8px}
.bdx-ed-face{background:#2a303d;color:#cbd5e1;border:none;border-radius:6px;padding:6px 12px;font-size:12.5px;cursor:pointer}
.bdx-ed-face.active{background:#FCAF3B;color:#111;font-weight:700}
.bdx-ed-cancel{background:none;border:none;color:#cbd5e1;font-size:14px;cursor:pointer}
.bdx-ed-cancel:hover{color:#fff}
.bdx-ed-apply{margin-left:auto;background:#16a34a;color:#fff;border:none;border-radius:8px;padding:9px 20px;font-weight:800;font-size:14px;cursor:pointer}
.bdx-ed-apply:hover{background:#15803d}
.bdx-ed-stage{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;min-height:0}
.bdx-ed-canvas{position:relative;background:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.5);touch-action:none}
.bdx-ed-art{position:absolute;user-select:none;-webkit-user-drag:none;cursor:grab;max-width:none;touch-action:none}
.bdx-ed-art:active{cursor:grabbing}
.bdx-ed-guide{position:absolute;pointer-events:none}
.bdx-ed-bleed{inset:0;border:1px dashed rgba(120,120,120,.7)}
.bdx-ed-trim{border:1.5px solid #e11d48}
.bdx-ed-safe{border:1px dashed #16a34a}
.bdx-ed-tools{grid-column:1;grid-row:3;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;background:#171b24;color:#cbd5e1}
.bdx-ed-zooml{display:flex;align-items:center;gap:8px;font-size:12.5px}
.bdx-ed-zoom{width:160px}
.bdx-ed-btn{background:#2a303d;color:#e5e7eb;border:none;border-radius:7px;padding:8px 12px;font-size:12.5px;cursor:pointer}
.bdx-ed-btn:hover{background:#353c4b}
.bdx-ed-cover{background:#FCAF3B;color:#111;font-weight:700}
.bdx-ed-hint{font-size:11.5px;color:#9ca3af}
.bdx-ed-legend{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:11.5px;color:#cbd5e1}
.bdx-ed-legend i{display:inline-block;width:14px;height:0;border-top-width:2px;margin-right:4px;vertical-align:middle}
.bdx-ed-legend .lg-trim{border-top:2px solid #e11d48}
.bdx-ed-legend .lg-safe{border-top:2px dashed #16a34a}
.bdx-ed-legend .lg-bleed{border-top:2px dashed #888}
.bdx-ed-side{grid-column:2;grid-row:2 / 4;background:#fff;color:#111;border-left:1px solid #2a2f3a;overflow:auto;padding:18px}
.bdx-ed-side h3{margin:0 0 12px;font-size:15px;color:#111}
.bdx-ed-warn{font-size:13px;color:#374151;line-height:1.5}
.bdx-ed-warn strong{color:#111}
.bdx-ed-warn ul{margin:6px 0;padding-left:18px}
.bdx-ed-warn li{margin-bottom:5px;color:#b45309}
.bdx-ed-validbar{margin-top:18px;display:flex;flex-direction:column;gap:8px}

/* ─── Responsive : unifié à 900px ─── */
@media(max-width:900px){
  .bdx-studio-flow{padding:16px 14px 130px;gap:16px}
  .bdx-sf-step{padding:14px}
  .bdx-sf-zones.two{grid-template-columns:1fr}
  .bdx-sf-pagegrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
  .bdx-studio-foot{margin:16px -14px -130px;padding:12px 14px;flex-direction:column;align-items:stretch;gap:10px}
  .bdx-studio-done{width:100%;padding:14px;font-size:15px;margin-left:0}
  .bdx-studio-addvisual{width:100%;margin-left:0}
  .bdx-studio-addvisual + .bdx-studio-done{margin-left:0}
  .bdx-studio-warnack{justify-content:center}
  .bdx-studio-head{padding:12px 16px}
  /* Éditeur : côté avertissements sous la scène, validbar sticky en bas */
  .bdx-studio-editor{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto}
  .bdx-ed-side{grid-column:1;grid-row:4;border-left:0;border-top:1px solid #2a2f3a;max-height:42vh;position:sticky;bottom:0}
  .bdx-ed-validbar{position:sticky;bottom:0;background:#fff;padding-top:8px}
}
@media(max-width:560px){
  .bdx-sf-pagegrid{grid-template-columns:repeat(3,1fr)}
}