:root{--a:253,194,125;--ac:rgb(var(--a));--ink:#15110a;--bg:#0e0f13;--panel:#16171c;--line:rgba(255,255,255,.09);--mut:#8c93a3;--ok:#4ade80;--bad:#f87171;--warn:#fbbf24}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}body{background:radial-gradient(900px 500px at 80% -10%,rgba(var(--a),.08),transparent 60%),var(--bg);color:#eef0f4;font:14px/1.45 'Segoe UI',system-ui,-apple-system,sans-serif}
a{color:var(--ac);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-style:italic;text-transform:uppercase;letter-spacing:-.01em}h1{font-size:22px;color:var(--ac)}h2{font-size:15px;color:var(--ac);margin-bottom:12px}
.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:#111217;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow:auto}
.side .logo{height:28px;margin:0 8px 14px;object-fit:contain;align-self:flex-start}
.side .sec{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--mut);text-transform:uppercase;margin:14px 10px 4px}
.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-left:3px solid transparent;color:#c3c9d4;cursor:pointer;font-weight:600;border-radius:0}
.nav:hover{background:rgba(255,255,255,.04)}.nav.on{background:rgba(var(--a),.12);border-left-color:var(--ac);color:#fff;transform:skewX(-6deg)}.nav.on>*{transform:skewX(6deg)}
.nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side .bottom{margin-top:auto;padding-top:12px}
.main{padding:26px 32px 60px;max-width:1280px;width:100%}
.top{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.top .grow{flex:1}
.card{background:radial-gradient(300px 120px at 0 0,rgba(var(--a),.08),transparent 70%),var(--panel);border:1px solid var(--line);border-left:3px solid rgba(var(--a),.55);padding:16px 18px;margin-bottom:16px;position:relative}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.g3,.g2{grid-template-columns:1fr}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.side .bottom{margin:0}.main{padding:18px 14px 50px}.g4{grid-template-columns:1fr}}
.stat{padding:14px 16px}.stat small{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--mut);text-transform:uppercase}.stat b{font-size:28px;font-style:italic;font-weight:800;line-height:1.2}
.pill{display:inline-block;padding:2px 10px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-style:italic;transform:skewX(-10deg);background:rgba(255,255,255,.08);color:#c3c9d4}
.pill.ok{background:rgba(74,222,128,.16);color:var(--ok)}.pill.bad{background:rgba(248,113,113,.16);color:var(--bad)}.pill.warn{background:rgba(251,191,36,.16);color:var(--warn)}.pill.acc{background:var(--ac);color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);cursor:pointer;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-style:italic;transform:skewX(-10deg)}
.btn>*{transform:skewX(10deg)}.btn:hover{border-color:var(--ac)}.btn.p{background:var(--ac);color:var(--ink);border-color:var(--ac);box-shadow:0 0 14px rgba(var(--a),.4)}.btn.d{border-color:rgba(248,113,113,.6);color:var(--bad)}.btn.s{padding:4px 12px;font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}
input,select,textarea{width:100%;padding:9px 12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(var(--a),.12)}
label{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:12px 0 5px}
input[type=color]{padding:2px;height:38px;width:70px}input[type=checkbox]{width:auto}
table{width:100%;border-collapse:collapse}th{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}tr:hover td{background:rgba(255,255,255,.025)}
.tw{overflow-x:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>.grow{flex:1;min-width:140px}.muted{color:var(--mut)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.key{font-family:ui-monospace,Menlo,Consolas,monospace;background:rgba(0,0,0,.5);border:1px dashed rgba(var(--a),.5);padding:8px 12px;color:var(--ac);word-break:break-all}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .box{width:min(420px,100%);background:var(--panel);border:1.5px solid rgba(var(--a),.55);box-shadow:0 0 30px rgba(var(--a),.2);padding:28px}.auth img{height:34px;margin-bottom:18px}
.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs .btn.on{background:var(--ac);color:var(--ink)}
.console{background:#0a0b0e;border:1px solid var(--line);font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;height:480px;overflow:auto;padding:10px 12px}.console div{white-space:pre-wrap;word-break:break-word}.console .warn{color:var(--warn)}.console .error{color:var(--bad)}.console .staff{color:var(--ac)}.console .t{color:#5d6574}
#toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:99}.toast{background:#15161b;border:1px solid rgba(var(--a),.6);border-left:5px solid var(--ac);padding:10px 16px;box-shadow:0 8px 30px rgba(0,0,0,.5);animation:in .2s ease}.toast.bad{border-color:var(--bad)}.toast.ok{border-color:var(--ok)}@keyframes in{from{opacity:0;transform:translateX(20px)}}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;z-index:50;padding:16px}.modal .box{background:var(--panel);border:1.5px solid rgba(var(--a),.6);padding:22px;width:min(480px,100%);max-height:90vh;overflow:auto}
.chart{width:100%;height:160px}.empty{padding:30px;text-align:center;color:var(--mut)}
.steps{counter-reset:s}.steps li{list-style:none;counter-increment:s;margin:10px 0;padding-left:38px;position:relative}.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;background:var(--ac);color:var(--ink);font-weight:800;transform:skewX(-10deg)}
pre.code{background:#0a0b0e;border:1px solid var(--line);padding:10px 12px;overflow:auto;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#d6dbe6;margin-top:6px}
/* dashboard, fichiers, divers */
.dot{width:10px;height:10px;border-radius:50%;background:var(--bad);display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.qa{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);color:#eef0f4}.qa:last-child{border:0}.qa:hover{background:rgba(var(--a),.08)}.qa span{color:var(--ac)}
.ev{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ev:last-child{border:0}
.bar-row{display:flex;align-items:center;gap:10px;margin:6px 0}.bar-row .bl{width:90px;color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row .bt{flex:1;height:8px;background:rgba(0,0,0,.5);transform:skewX(-14deg)}.bar-row .bt i{display:block;height:100%;background:linear-gradient(90deg,rgba(var(--a),.7),var(--ac))}
.msg.staff{border-left-color:var(--ok)}
.files .fwrap{display:grid;grid-template-columns:240px 1fr 300px;border:1px solid var(--line);background:#0c0d11;height:calc(100vh - 170px);min-height:480px}
@media(max-width:1100px){.files .fwrap{grid-template-columns:200px 1fr;height:auto}.files .fside{grid-column:1/3;max-height:300px}}
.sh{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:11px;letter-spacing:.12em;border-bottom:1px solid var(--line)}.sh .x{background:none;border:0;color:var(--mut);cursor:pointer;font-size:16px}
.fexp{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.tree{overflow:auto;flex:1;padding-bottom:10px}.tr{padding:4px 8px;cursor:pointer;font-size:13px;white-space:nowrap;color:#c3c9d4}.tr:hover{background:rgba(255,255,255,.05)}.tr.on{background:rgba(var(--a),.14);color:#fff}.tr.dir{font-weight:600}
.fcenter{display:flex;flex-direction:column;min-width:0}.ftabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;min-height:36px;align-items:center}.ftab{padding:8px 12px;font-size:13px;cursor:pointer;border-right:1px solid var(--line);white-space:nowrap;color:var(--mut)}.ftab.on{color:#fff;background:#13141a;box-shadow:inset 0 -2px var(--ac)}.ftab b{margin-left:8px;color:var(--mut)}.ftab b:hover{color:var(--bad)}
.fmain{flex:1;display:flex;flex-direction:column;min-height:0}.fbar{display:flex;gap:8px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);flex-wrap:wrap}.fbar .grow{flex:1}.fstat{padding:4px 12px;font-size:11px;color:var(--mut);border-top:1px solid var(--line);min-height:22px}
.ed{flex:1;display:flex;min-height:0;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace}.gut{width:48px;padding:10px 8px 10px 0;text-align:right;color:#4b5362;overflow:hidden;white-space:pre;user-select:none;border-right:1px solid var(--line)}
.edin{position:relative;flex:1;min-width:0}.edin pre,.edin textarea{position:absolute;inset:0;margin:0;padding:10px 12px;font:inherit;white-space:pre;overflow:auto;tab-size:4;border:0;outline:0;background:transparent;box-shadow:none;width:100%;height:100%;resize:none}.edin pre{color:#d6dbe6;pointer-events:none}.edin textarea{color:transparent;caret-color:var(--ac);-webkit-text-fill-color:transparent}.edin textarea::selection{background:rgba(var(--a),.3);-webkit-text-fill-color:transparent}
.hl i{font-style:normal}.hl .c{color:#5d6b7c}.hl .s{color:#a5d6a7}.hl .n{color:#f0a868}.hl .k{color:#c792ea}
.fside{border-left:1px solid var(--line);overflow:auto}.ver{padding:10px 12px;border-bottom:1px solid var(--line)}
.diff{background:#0a0b0e;border:1px solid var(--line);font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;max-height:60vh;overflow:auto}.dl{padding:0 10px;white-space:pre-wrap;word-break:break-word}.dl .sg{display:inline-block;width:16px;color:var(--mut)}.dl.add{background:rgba(74,222,128,.14)}.dl.del{background:rgba(248,113,113,.16)}.dl.sk{color:var(--mut);text-align:center;background:rgba(255,255,255,.03)}

/* ───────── 2e thème du panel : « Clair » (contenu blanc, menu sombre) — bouton en bas du menu ───────── */
[data-theme="clair"]{--bg:#f3f4f7;--panel:#ffffff;--line:rgba(15,23,42,.12);--mut:#667085}
[data-theme="clair"] body{background:#f3f4f7;color:#1b1d22}
[data-theme="clair"] h1,[data-theme="clair"] h2{color:#9a5b08}
[data-theme="clair"] .main a:not(.btn):not(.nav):not(.qa){color:#9a5b08}
[data-theme="clair"] .card{background:#fff;border:1px solid rgba(15,23,42,.1);border-left:3px solid var(--ac);box-shadow:0 1px 2px rgba(15,23,42,.05)}
[data-theme="clair"] .stat b{color:#111827}
[data-theme="clair"] .muted{color:#667085}
[data-theme="clair"] input,[data-theme="clair"] select,[data-theme="clair"] textarea{background:#fff;border:1px solid rgba(15,23,42,.18);color:#1b1d22}
[data-theme="clair"] input:focus,[data-theme="clair"] select:focus,[data-theme="clair"] textarea:focus{border-color:#d9922b;box-shadow:0 0 0 3px rgba(217,146,43,.18)}
[data-theme="clair"] label{color:#667085}
[data-theme="clair"] th{color:#667085;border-bottom:1px solid rgba(15,23,42,.12)}
[data-theme="clair"] td{border-bottom:1px solid rgba(15,23,42,.07);color:#1b1d22}
[data-theme="clair"] tr:hover td{background:rgba(15,23,42,.03)}
[data-theme="clair"] .btn{background:#fff;border:1px solid rgba(15,23,42,.22);color:#1b1d22}
[data-theme="clair"] .btn:hover{border-color:#d9922b}
[data-theme="clair"] .btn.p{background:var(--ac);color:var(--ink);border-color:var(--ac)}
[data-theme="clair"] .btn.d{color:#b42318;border-color:rgba(180,35,24,.5);background:#fff}
[data-theme="clair"] .pill{background:rgba(15,23,42,.07);color:#344054}
[data-theme="clair"] .pill.ok{background:rgba(22,163,74,.14);color:#15803d}[data-theme="clair"] .pill.bad{background:rgba(220,38,38,.12);color:#b42318}[data-theme="clair"] .pill.warn{background:rgba(217,119,6,.15);color:#b45309}[data-theme="clair"] .pill.acc{background:var(--ac);color:var(--ink)}
[data-theme="clair"] .qa{color:#1b1d22;border-bottom:1px solid rgba(15,23,42,.08)}[data-theme="clair"] .qa:hover{background:rgba(217,146,43,.1)}
[data-theme="clair"] .ev{border-bottom:1px solid rgba(15,23,42,.07)}
[data-theme="clair"] .key{background:#fff7e8;color:#8a4f06;border-color:rgba(217,146,43,.6)}
[data-theme="clair"] .modal{background:rgba(15,23,42,.45)}[data-theme="clair"] .modal .box{background:#fff;color:#1b1d22;border-color:rgba(217,146,43,.7)}
[data-theme="clair"] .toast{background:#fff;color:#1b1d22;box-shadow:0 8px 30px rgba(15,23,42,.2)}
[data-theme="clair"] .auth .box{background:#fff;color:#1b1d22}
[data-theme="clair"] .bar-row .bt{background:rgba(15,23,42,.1)}
[data-theme="clair"] .empty{color:#667085}
[data-theme="clair"] .chart text{fill:#667085}
[data-theme="clair"] .files .fwrap{background:#fff;border-color:rgba(15,23,42,.15)}[data-theme="clair"] .sh{border-color:rgba(15,23,42,.12)}
[data-theme="clair"] .tr{color:#344054}[data-theme="clair"] .tr:hover{background:rgba(15,23,42,.05)}[data-theme="clair"] .tr.on{background:rgba(217,146,43,.18);color:#111827}
[data-theme="clair"] .ftab{color:#667085;border-color:rgba(15,23,42,.12)}[data-theme="clair"] .ftab.on{background:#f8f9fb;color:#111827}
[data-theme="clair"] .ver{border-color:rgba(15,23,42,.1)}
[data-theme="clair"] .tw{background:transparent}
/* l'éditeur, la console et les extraits de code restent sombres */
[data-theme="clair"] .ed,[data-theme="clair"] .console,[data-theme="clair"] .diff,[data-theme="clair"] pre.code{background:#0f1115;color:#d6dbe6}
[data-theme="clair"] .gut{background:#0f1115;border-right:1px solid rgba(255,255,255,.1)}
[data-theme="clair"] .edin textarea{caret-color:#fdc27d}
[data-theme="clair"] .side select{background:#16171c;color:#eef0f4;border:1px solid rgba(255,255,255,.14)}

/* site public + boutique */
.lp{min-height:100vh}.lp section{max-width:1100px;margin:0 auto;padding:56px 20px}.lp section>h2{font-size:24px;text-align:center;margin-bottom:26px}
.lp-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:12px 28px;background:rgba(14,15,19,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-nav nav{display:flex;gap:20px}.lp-nav nav a{color:inherit;font-weight:600;font-size:13px;letter-spacing:.04em;opacity:.85}.lp-nav nav a:hover{color:var(--ac);opacity:1}.lp-nav .grow{flex:1}.lp-brand img{height:36px;display:block}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding-top:80px!important}.hero h1{font-size:40px;line-height:1.08;margin:10px 0 14px;color:#fff}.hero .lead{color:var(--mut);font-size:16px;max-width:560px;margin-bottom:22px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}.hero-logo{width:100%;max-width:360px;justify-self:center;filter:drop-shadow(0 0 30px rgba(var(--a),.35))}
.feat h3{font-size:14px;margin-bottom:6px;color:var(--ac)}.feat p{margin:0}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:stretch}
.plan{position:relative;background:var(--panel);border:1px solid var(--line);border-left:3px solid rgba(var(--a),.55);padding:22px 20px;display:flex;flex-direction:column;gap:8px}.plan.hot{border-color:var(--ac);box-shadow:0 0 26px rgba(var(--a),.22)}
.plan h3{font-size:16px;color:var(--ac)}.plan .price b{font-size:34px;font-style:italic}.plan .price span{color:var(--mut)}.plan ul{list-style:none;margin:6px 0 12px;flex:1}.plan li{padding:4px 0 4px 18px;position:relative;font-size:13px}.plan li::before{content:"✓";position:absolute;left:0;color:var(--ok)}
.ribbon{position:absolute;top:-11px;right:14px;background:var(--ac);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px}
.faq summary{cursor:pointer;font-weight:700}.faq p{margin-top:8px}.lp-foot{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto;padding:26px 20px;border-top:1px solid var(--line)}
.auth{position:relative}.auth-back{position:absolute;top:18px;left:22px;font-size:13px}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero h1{font-size:30px}.hero-logo{max-width:200px}.lp-nav{padding:10px 14px;gap:10px}.lp-nav nav{display:none}}
[data-theme="clair"] .lp-nav{background:rgba(255,255,255,.9)}[data-theme="clair"] .hero h1{color:#111827}[data-theme="clair"] .plan{background:#fff;border-color:rgba(15,23,42,.1)}[data-theme="clair"] .plan h3{color:#9a5b08}

/* carte live, éditeur, assistant */
.maplayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.mapwrap{position:relative;border:1px solid var(--line);background:#0b0d12;line-height:0}.mapcv{width:100%;display:block;cursor:grab}
.maptip{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;font:600 11px/1 system-ui;padding:6px 9px;pointer-events:none}.mapinfo .card{margin-bottom:12px}
.maplist{max-height:260px;overflow:auto}.mapp{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-bottom:1px solid var(--line)}.mapp:hover,.mapp.on{background:rgba(var(--a),.12)}.mapp i{width:10px;height:10px;border-radius:50%;flex:none}.mapp span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapp small{color:var(--mut)}
.chat{max-height:52vh;min-height:220px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}.bub{max-width:86%;padding:10px 13px;border:1px solid var(--line);background:rgba(255,255,255,.03);white-space:pre-wrap}.bub.me{align-self:flex-end;background:rgba(var(--a),.14);border-color:rgba(var(--a),.4)}.bub.bad{border-color:rgba(248,113,113,.5);color:var(--bad)}.bub.warn{color:var(--warn);font-size:12px}
.acts{display:flex;flex-direction:column;gap:8px;margin-top:10px}.act{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;border:1px dashed rgba(var(--a),.5);background:rgba(0,0,0,.25)}
@media(max-width:980px){.maplayout{grid-template-columns:1fr}}
[data-theme="clair"] .mapwrap{background:#e9edf3}[data-theme="clair"] .bub{background:#fff}
.acts .btn{align-self:flex-start}
.modal .box{max-width:min(760px,calc(100vw - 24px))}

/* configuration : écran de chargement + réglages */
.setlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:70px}
.setrail{position:sticky;top:12px;display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);padding:8px}
.setcat{display:flex;align-items:center;gap:10px;padding:9px 10px;color:inherit;border-left:3px solid transparent;font-weight:600;font-size:13px}.setcat svg{width:16px;height:16px;flex:none;opacity:.8}.setcat span{flex:1}.setcat:hover{background:rgba(255,255,255,.04)}.setcat.on{background:rgba(var(--a),.12);border-left-color:var(--ac);color:var(--ac)}.setcat .cnt{font-style:normal;padding:0 7px}
.sethead{margin:0 0 10px}.sethead h2{font-size:18px;margin-bottom:2px}.setsec{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:2px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.setrow{padding:12px 0;border-bottom:1px solid rgba(128,128,128,.15)}.setrow:last-child{border:0}.setrow.unsaved{box-shadow:-3px 0 0 var(--ac);padding-left:10px}
input.sw{appearance:none;-webkit-appearance:none;width:42px;height:22px;padding:0;border-radius:11px;background:rgba(255,255,255,.14);position:relative;cursor:pointer;border:0;transition:background .15s;flex:none}input.sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}input.sw:checked{background:var(--ac)}input.sw:checked::after{left:23px;background:var(--ink)}
.setrow input[type=number]{max-width:110px}.setrow input[type=range]{padding:0}
.setbar{position:fixed;left:240px;right:0;bottom:0;z-index:30;display:flex;gap:10px;align-items:center;padding:12px 24px;background:rgba(14,15,19,.96);border-top:1px solid rgba(var(--a),.5);backdrop-filter:blur(6px)}
.ldprev{--pa:#fdc27d;background:linear-gradient(160deg,#0c0f16,#161a24);border:1px solid var(--line);padding:12px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;position:relative;overflow:hidden}
.ldprev::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 80% 0,color-mix(in srgb,var(--pa) 22%,transparent),transparent)}
.ldprev>*{position:relative}.ldtop{display:flex;justify-content:space-between}.ldb{display:inline-block;padding:2px 8px;border:1px solid var(--pa);color:var(--pa);margin-left:4px;font-weight:700}
.ldmid{display:flex;justify-content:space-between;align-items:center}.ldname{font-size:28px;font-weight:900;font-style:italic;color:var(--pa);letter-spacing:.03em}.ldinfo{border:1px solid var(--line);padding:6px 10px;min-width:130px;background:rgba(0,0,0,.4)}.ldinfo b{display:block;color:var(--pa);margin-bottom:2px}.ldinfo small{display:block;color:#aab}
.ldbar{display:flex;justify-content:space-between;color:#cdd}.ldbar b{color:var(--pa)}.ldtrack{height:5px;background:rgba(255,255,255,.12)}.ldtrack i{display:block;height:100%;background:var(--pa)}.ldtick{color:#99a;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.setlayout{grid-template-columns:1fr}.setrail{position:static;flex-direction:row;overflow:auto}.setbar{left:0}}
[data-theme="clair"] .setbar{background:rgba(255,255,255,.96)}[data-theme="clair"] input.sw{background:rgba(15,23,42,.2)}
.setcat svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}