/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   STUDIO — système de design (27/09)
   Direction : la salle de montage. Un outil de travail utilisé toute la journée à côté de CapCut : sobre, dense,
   lisible. Les chiffres et les étapes se lisent comme un timecode (Geist Mono). UN seul accent, cuivre tungstène,
   réservé à ce qui attend TA décision ; l'acier pour ce que la machine fabrique ; le vert pour ce qui est chez le media buyer.
   Les anciennes variables (--pan, --line, --mut, --acc…) sont gardées : les 8 écrans en profitent sans réécriture.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&display=swap");

:root{
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --display:"Bricolage Grotesque","Geist",ui-sans-serif,system-ui,sans-serif;

  /* clair — gris légèrement vert, jamais un gris neutre */
  --bg:#F0F1EE; --pan:#FFFFFF; --pan2:#F7F8F6; --ink:#15171A; --mut:#656B6F; --faint:#9AA0A3;
  --line:#DCDFDA; --line2:#E9ECE8;
  --acc:#C75A22; --acc2:#FBEADF;          /* cuivre : à toi */
  --cl:#2F6F96;  --cl2:#E1EEF5;           /* acier : la machine fabrique */
  --lo:#C75A22;  --lo2:#FBEADF;           /* ancien « moi » = l'accent */
  --ok:#2A8150;  --ok2:#E1F2E7;
  --warn:#A56B12; --warn2:#F8EDD8;
  --ko:#B83A30;  --ko2:#F9E3E0;
  --sh:0 1px 0 rgba(20,24,26,.04),0 8px 24px -16px rgba(20,24,26,.28);
  --sh2:0 24px 60px -20px rgba(10,12,14,.45);
  --r:10px; --r2:8px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){color-scheme:dark;
    --bg:#0E0F10; --pan:#16181A; --pan2:#1C1F22; --ink:#ECEEEB; --mut:#959CA2; --faint:#636A70;
    --line:#282C30; --line2:#1F2226;
    --acc:#EE8A4E; --acc2:#3A2217; --lo:#EE8A4E; --lo2:#3A2217;
    --cl:#6FB0D8; --cl2:#16283A; --ok:#5CC98A; --ok2:#15291D; --warn:#E0A94F; --warn2:#33270F; --ko:#F0796C; --ko2:#3A1A17;
    --sh:0 1px 0 rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.9); --sh2:0 30px 80px -20px rgba(0,0,0,.85);}
}
:root[data-theme=dark]{color-scheme:dark;
  --bg:#0E0F10; --pan:#16181A; --pan2:#1C1F22; --ink:#ECEEEB; --mut:#959CA2; --faint:#636A70;
  --line:#282C30; --line2:#1F2226;
  --acc:#EE8A4E; --acc2:#3A2217; --lo:#EE8A4E; --lo2:#3A2217;
  --cl:#6FB0D8; --cl2:#16283A; --ok:#5CC98A; --ok2:#15291D; --warn:#E0A94F; --warn2:#33270F; --ko:#F0796C; --ko2:#3A1A17;
  --sh:0 1px 0 rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.9); --sh2:0 30px 80px -20px rgba(0,0,0,.85);}

/* ── base ─────────────────────────────────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;font:14px/1.5 var(--sans);background:var(--bg);color:var(--ink);font-feature-settings:"ss01","cv11"}
::selection{background:var(--acc);color:#fff}
a{color:inherit}
h1,h2,h3{text-wrap:balance}
code,kbd,.mono{font-family:var(--mono)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}

/* ── boutons ──────────────────────────────────────────────────────────────────────────────────────── */
button{font:500 13px/1 var(--sans);cursor:pointer;border:1px solid var(--line);background:var(--pan);color:var(--ink);border-radius:var(--r2);
  padding:8px 12px;display:inline-flex;gap:6px;align-items:center;transition:border-color .12s,background .12s,transform .06s}
button:hover{border-color:var(--faint)}
button:active{transform:translateY(1px)}
button.prim,button.go{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
button.prim:hover,button.go:hover{filter:brightness(1.06)}
button.ghost{background:transparent;border-color:transparent;color:var(--mut)}button.ghost:hover{background:var(--line2);color:var(--ink)}
button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}

/* ── champs ───────────────────────────────────────────────────────────────────────────────────────── */
input,textarea,select{font:13.5px/1.4 var(--sans);color:var(--ink);background:var(--pan2);border:1px solid var(--line);border-radius:var(--r2);padding:8px 10px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
input[type=checkbox]{accent-color:var(--acc)}
label{color:var(--mut);font-size:12.5px}

/* ── barre du haut ────────────────────────────────────────────────────────────────────────────────── */
.top,header{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--pan) 88%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.top h1,header h1{font:700 21px/1 var(--display);letter-spacing:-.01em;margin:0}
.top .d,header .s{color:var(--mut);font:12px var(--mono);flex:1;min-width:160px}
header a,.top a{color:var(--mut);text-decoration:none;font-size:13px}
.nav2{display:flex;gap:2px;flex-wrap:wrap}
.nav2 a{font-size:13px;color:var(--mut);text-decoration:none;padding:6px 10px;border-radius:7px;transition:.12s}
.nav2 a:hover{background:var(--line2);color:var(--ink)}

/* ── titres de section, puces, vide ───────────────────────────────────────────────────────────────── */
.col h2,main h2{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.chip{font:600 10.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:var(--line2);color:var(--mut);white-space:nowrap}
.chip.moi{background:var(--acc2);color:var(--acc)}.chip.cl{background:var(--cl2);color:var(--cl)}
.chip.ok{background:var(--ok2);color:var(--ok)}.chip.warn{background:var(--warn2);color:var(--warn)}.chip.ko{background:var(--ko2);color:var(--ko)}
.vide{color:var(--mut);font-size:13px;padding:18px 14px;border:1px dashed var(--line);border-radius:var(--r);text-align:center}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:9px;
  font-size:13px;display:none;z-index:40;box-shadow:var(--sh2)}
kbd{font:11.5px var(--mono);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--pan)}
.al{font-size:12.5px;color:var(--warn);background:var(--warn2);border-radius:7px;padding:6px 9px}
.act{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.gf{background:var(--pan2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:13px;margin-top:12px}
.gf div{padding:2px 0}.gf .m,.m{color:var(--mut);font-size:12.5px}

/* ── Aujourd'hui : trois colonnes ─────────────────────────────────────────────────────────────────── */
.alerte{display:flex;gap:10px;align-items:center;background:var(--acc2);border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);
  border-radius:var(--r);padding:9px 14px;font-size:13px;margin:16px 24px 0}
.alerte a{color:inherit;font-weight:600}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px 24px 60px}
@media(max-width:980px){.cols{grid-template-columns:1fr}}
.col h2{margin:6px 2px 12px;display:flex;justify-content:space-between;align-items:center}
.col h2 b{font:600 11px var(--mono);color:var(--ink);background:var(--line2);padding:3px 7px;border-radius:5px}
.col:first-child h2 b{background:var(--acc);color:#fff}

/* la carte : l'objet central du Studio (notre « brief ») */
.card{position:relative;background:var(--pan);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
  padding:14px 14px 12px 17px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
body:not(.pret) .cols .card{animation:entre .35s both cubic-bezier(.2,.7,.2,1)}   /* seulement au premier affichage : l'écran se rafraîchit seul */
.cols .card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--line)}
.card.col-moi::before{background:var(--acc)}.card.col-fab::before{background:var(--cl)}.card.col-test::before{background:var(--ok)}
.card:hover{border-color:var(--faint);transform:translateY(-1px)}
.card .k{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;display:flex;gap:8px;justify-content:space-between}
.card .t{font-weight:600;font-size:14.5px;line-height:1.3;display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.card .q{margin:7px 0 10px;font-size:13px;color:var(--mut);line-height:1.45}
.card .m{font-size:12px;color:var(--mut)}
.cols .col:nth-child(1) .card:nth-child(2){animation-delay:.04s}.cols .col .card:nth-child(3){animation-delay:.08s}.cols .col .card:nth-child(4){animation-delay:.12s}
@keyframes entre{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* le rail : la pellicule des 9 étapes */
.rail{display:flex;gap:3px;margin-top:10px;align-items:center}
.rail i{flex:1;height:4px;border-radius:2px;background:var(--line2)}
.rail i.f{background:color-mix(in srgb,var(--ok) 70%,var(--pan))}.rail i.n{background:var(--acc);height:6px;border-radius:3px}
.card.col-fab .rail i.n{background:var(--cl)}.card.col-test .rail i.n{background:var(--ok)}
.bar{height:4px;background:var(--line2);border-radius:99px;overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:var(--cl);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:200% 100%;animation:file 1.6s linear infinite}
@keyframes file{from{background-position:200% 0}to{background-position:-200% 0}}
.kpi{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--mut)}.kpi b{font:600 14px var(--mono);color:var(--ink)}
.bad{color:var(--ko)!important}.good{color:var(--ok)!important}

/* ── le tiroir : la carte ouverte ─────────────────────────────────────────────────────────────────── */
.voile{position:fixed;inset:0;background:rgba(8,9,10,.45);backdrop-filter:blur(2px);display:none;z-index:20}.voile.on{display:block}
.tiroir{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:var(--pan);border-left:1px solid var(--line);z-index:21;
  transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.7,.2,1);overflow:auto;padding:22px 26px 40px;box-shadow:var(--sh2)}
.tiroir.on{transform:none}
.tiroir h3{margin:0 0 6px;font:700 22px/1.2 var(--display);letter-spacing:-.01em;padding-right:80px}
.tiroir>button[onclick="fermer()"]{position:absolute;top:18px;right:20px}
.etapes{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(9,1fr);gap:4px;counter-reset:e}
.etapes li{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:0;border:0;font-size:11px;color:var(--faint);min-width:0}
.etapes li .p{width:100%;height:4px;border-radius:2px;background:var(--line2);font-size:0;color:transparent;display:block}
.etapes li.f .p{background:color-mix(in srgb,var(--ok) 70%,var(--pan))}.etapes li.n .p{background:var(--acc);height:6px}
.etapes li span:nth-child(2){font:500 10.5px/1.25 var(--sans);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.etapes li.n span:nth-child(2){color:var(--ink);font-weight:600}.etapes li.f span:nth-child(2){color:var(--mut)}
.etapes li .chip{display:none}
@media(max-width:560px){.etapes{grid-template-columns:repeat(3,1fr)}}

/* ── validation au clavier (QC) ───────────────────────────────────────────────────────────────────── */
.qc{position:fixed;inset:0;background:var(--bg);z-index:30;display:none;grid-template-columns:230px 1fr}
.qc.on{display:grid}.qc aside{border-right:1px solid var(--line);overflow:auto;padding:10px;background:var(--pan)}
.qc aside div{display:flex;gap:8px;align-items:center;padding:6px;border-radius:7px;font-size:12px;cursor:pointer}
.qc aside div.sel{background:var(--line2);font-weight:600}.qc aside span.o{width:9px;height:9px;border-radius:99px;background:var(--line)}
.qc aside .v span.o{background:var(--ok)}.qc aside .r span.o{background:var(--ko)}
.qc main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;position:relative}
.img{width:min(360px,70vw);aspect-ratio:9/16;border-radius:14px;display:grid;place-items:center;text-align:center;padding:24px;color:#fff;font-weight:600;font-size:15px;box-shadow:var(--sh)}
.qc .ph{max-width:520px;text-align:center;color:var(--mut);font-style:italic}
.qc .keys{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.qc .corr{display:none;gap:8px;width:min(520px,90vw)}.qc .corr.on{display:flex}.qc .corr input{flex:1}
.qc .x{position:absolute;top:14px;right:18px}.qc .cpt{position:absolute;top:18px;left:24px;color:var(--mut);font:13px var(--mono)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ── tiroir : « maintenant » et le compteur ───────────────────────────────────────────────────────── */
.maint{margin-top:4px}.maint span{display:block;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}
.maint div{font-size:15px;line-height:1.45}
.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--r);margin-top:16px;overflow:hidden;background:var(--pan2)}
.stats div{padding:10px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px;min-width:0}.stats div:last-child{border-right:0}
.stats b{font:600 16px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.stats span{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.stats{grid-template-columns:repeat(3,1fr)}}

/* ── carte « à refaire » : l'ad d'origine ─────────────────────────────────────────────────────────── */
.origine{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--pan)}
.origine img,.origine video{width:110px;aspect-ratio:9/16;object-fit:cover;border-radius:7px;background:var(--line2);cursor:zoom-in}
.origine span{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}
.origine b{font-size:12.5px;word-break:break-all}.origine p{margin:6px 0 0;font-size:12px;color:var(--mut);max-height:120px;overflow:auto}

/* ── la barre commune : 4 sections ────────────────────────────────────────────────────────────────── */
.gbar{display:flex;align-items:center;gap:4px;padding:8px 20px;background:var(--pan);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:12}
.gbar .logo{font:700 17px/1 var(--display);letter-spacing:-.01em;text-decoration:none;margin-right:14px;color:var(--ink)}
.gbar .logo::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--acc);margin-right:8px;vertical-align:1px}
.gbar .sec{font-size:13.5px;color:var(--mut);text-decoration:none;padding:7px 11px;border-radius:7px;font-weight:500}
.gbar .sec:hover{color:var(--ink);background:var(--line2)}
.gbar .sec.on{color:var(--ink);background:var(--line2);box-shadow:inset 0 -2px 0 var(--acc)}
.gbar .sp{flex:1}
button.ico{padding:7px 9px;font-size:14px}
.gbar~.top,.gbar~header{top:49px}
html.embed .gbar{display:none}html.embed header a[href="/"],html.embed .top a[href="/"]{display:none}
@media(max-width:640px){.gbar{flex-wrap:wrap}.gbar .sp{display:none}}

/* ── fenêtre « Nouvelle ad » ──────────────────────────────────────────────────────────────────────── */
.modal{position:fixed;inset:0;background:rgba(8,9,10,.5);backdrop-filter:blur(3px);z-index:50;display:none;place-items:start center;padding:8vh 16px;overflow:auto}
.modal.on{display:grid}
.modal .boite{position:relative;width:min(640px,100%);background:var(--pan);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px}
.modal h3{margin:0;font:700 22px/1.2 var(--display)}
.modal .fermer{position:absolute;top:14px;right:14px}
.choix{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.carte-choix{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;line-height:1.35;border-radius:var(--r)}
.carte-choix b{font-size:14px}.carte-choix span{font-size:12.5px;color:var(--mut);font-weight:400}
.carte-choix.sel{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc);background:var(--acc2)}
#gb-form{display:flex;flex-direction:column;gap:12px}#gb-form label{display:flex;flex-direction:column;gap:5px}
#gb-form input:not([type=checkbox]),#gb-form textarea,#gb-form select{width:100%}
.aide{font-size:12px;color:var(--faint);font-weight:400}
.gabs{display:flex;flex-direction:column;gap:6px}.gab{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--ink)!important;font-size:13.5px!important}
@media(max-width:560px){.choix{grid-template-columns:1fr}}

/* ── onglets (Performance) ────────────────────────────────────────────────────────────────────────── */
.onglets{display:flex;gap:2px;padding:12px 24px 0;border-bottom:1px solid var(--line);background:var(--pan)}
.onglets button{border:0;border-radius:7px 7px 0 0;background:transparent;color:var(--mut);padding:10px 14px;font-size:13.5px}
.onglets button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
.cadre{width:100%;border:0;display:block;height:calc(100vh - 100px);background:var(--bg)}
.page{max-width:1100px;margin:0 auto;padding:22px 24px 80px;display:flex;flex-direction:column;gap:18px}
.page h1{font:700 26px/1.15 var(--display);margin:0}
.page .intro{color:var(--mut);max-width:70ch;margin:0}
.bloc-r{background:var(--pan);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.bloc-r h2{margin:0;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.bloc-r .aide{margin:-4px 0 2px}
table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th,table.t td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:top}
table.t th{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
table.t td.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.lignes{display:flex;flex-direction:column;gap:6px}.ligne{display:flex;gap:6px;align-items:center}.ligne input{flex:1;min-width:0}

.lien-lundi{font-size:13px;color:var(--acc)!important;text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:7px}.lien-lundi:hover{background:var(--acc2)}

/* ── notes par dimension ──────────────────────────────────────────────────────────────────────────── */
.notes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}
.notes div{position:relative;background:var(--pan2);border:1px solid var(--line2);border-radius:6px;padding:5px 7px 6px;overflow:hidden}
.notes span{display:block;font:500 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.notes b{font:600 15px/1.1 var(--mono);font-variant-numeric:tabular-nums}
.notes i{position:absolute;left:0;bottom:0;height:2px;background:var(--faint)}
.notes .haut b,td.haut{color:var(--ok)}.notes .haut i{background:var(--ok)}.notes .bas b,td.bas{color:var(--ko)}.notes .bas i{background:var(--ko)}
.bloc-notes{margin-top:16px;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--pan2);display:flex;flex-direction:column;gap:8px}
.titre-bloc{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.titre-bloc .aide{letter-spacing:0;text-transform:none;font-family:var(--sans)}
.dim{display:grid;grid-template-columns:92px 1fr 36px;gap:4px 10px;align-items:center}
.dim .l{font-size:13px;font-weight:600}.dim .g{height:6px;background:var(--line2);border-radius:3px;overflow:hidden}.dim .g i{display:block;height:100%;background:var(--faint)}
.dim b{font:600 15px var(--mono);text-align:right}.dim .e{grid-column:2/4;font-size:12px;color:var(--mut)}
.dim.haut .g i{background:var(--ok)}.dim.haut b{color:var(--ok)}.dim.bas .g i{background:var(--ko)}.dim.bas b{color:var(--ko)}
.diag{margin-top:4px;padding:9px 12px;border-radius:8px;background:var(--acc2);color:var(--ink);font-size:13.5px;border-left:3px solid var(--acc)}
.notes.peu{opacity:.55}.notes.peu::after{content:'peu de data';grid-column:1/-1;font:500 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}

/* ── sélecteur de marque ─────────────────────────────────────────────────────────────────────────── */
.marque-sel{position:relative}
#gb-marque{font-weight:600;color:var(--ink);gap:7px}#gb-marque .pt{width:7px;height:7px;border-radius:50%;background:var(--ok)}
#gb-marque .mr{font:600 10.5px var(--mono);color:var(--acc);background:var(--acc2);padding:2px 5px;border-radius:4px}
.marque-sel .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--pan);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh2);padding:6px;display:flex;flex-direction:column;z-index:30}
.marque-sel .menu[hidden]{display:none}
.marque-sel .menu button,.marque-sel .menu a{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;font-size:13.5px;color:var(--ink);text-decoration:none;display:block;width:100%}
.marque-sel .menu button:hover,.marque-sel .menu a:hover{background:var(--line2)}.marque-sel .menu .act{font-weight:600}
.marque-sel .menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.marque-sel .menu a{color:var(--mut)}

.marque-sel .menu .qui{padding:8px 10px;font-size:12.5px;color:var(--mut);line-height:1.35}.marque-sel .menu .qui small{color:var(--faint)}