/* Card builder, from the IMD original with this site's tokens. */

.cb{--ink:#141210;--mut:#6d675c;--line:rgba(20,18,16,.16);--soft:#e9e2d3;--acc:#c9360a;--ok:#1a7f4b;--warn:#b45309;--bad:#b42318;--cb-top:calc(var(--hh) + 10px);--cb-hh:var(--hh);
 font-family:Hanken,system-ui,sans-serif;color:var(--ink)}
.cb *{box-sizing:border-box}
.cb [hidden]{display:none!important}
.cb .eb{font-family:JB,ui-monospace,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.cb svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cb .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cb__page{max-width:2400px;margin:0 auto;padding:16px max(16px,2vw) 0;display:grid;gap:0 clamp(24px,2.4vw,44px);
 grid-template-columns:minmax(0,1fr) clamp(420px,33vw,600px);grid-template-areas:"stage head" "stage side";align-items:start}
.cb__head{grid-area:head;display:grid;gap:12px;padding:8px 0 18px}
.cb__head h1{font:750 clamp(34px,3.4vw,54px)/1 var(--disp);letter-spacing:-.03em;margin:0}
.cb__head h1 span{color:#6b7280}
.cb__head p{font-size:15.5px;line-height:1.55;color:var(--mut);margin:0}
.cb__trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;list-style:none;font-size:13px}
.cb__trust li{display:flex;align-items:center;gap:6px}
.cb__trust svg{width:16px;height:16px;fill:none;stroke:var(--ok);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* stage: the screen, true proportion */
.cb__stage{grid-area:stage;position:sticky;top:var(--cb-top);height:calc(100svh - var(--cb-hh) - 40px);min-height:520px;max-height:1240px;border-radius:18px;overflow:hidden;isolation:isolate;
 background:radial-gradient(110% 80% at 50% 28%,#2b2622 0%,#141210 58%,#0c0b0a 100%);transition:top .25s ease;touch-action:manipulation}
.cb.is-elev .cb__stage{background:#8d949b}
.cb__scene{position:absolute;inset:0;width:100%;height:100%;display:none}
.cb.is-elev .cb__scene{display:block}
.cb-frame{position:absolute;z-index:1;background:linear-gradient(135deg,#565d66,#2c3137 60%,#23272c);box-shadow:0 34px 60px -24px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.cb.is-elev .cb-frame{box-shadow:0 14px 22px -8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.cb-glass{position:absolute;inset:3px;background:#06080a;display:grid;place-items:center;overflow:hidden}
.cb-glass::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 38%);pointer-events:none;z-index:6}
.cb-active{position:relative;overflow:hidden;background:#000}
.cb.is-editing .cb-active{cursor:grab;outline:2px solid #ffd666;outline-offset:2px}
.cb.is-editing .cb-active:active{cursor:grabbing}
.cb-layer{position:absolute;inset:0;opacity:0}
.cb-layer canvas,.cb-layer video{position:absolute;inset:0;width:100%;height:100%;display:block}
.cb-layer video{display:none;background:#000}
.cb-layer.is-video video{display:block}
.cb-layer.is-video canvas{display:none}
.cb-safe{position:absolute;z-index:4;border:1.5px dashed #ffd666;pointer-events:none;box-shadow:0 0 0 999px rgba(0,0,0,.28)}
.cb-safe span{position:absolute;top:4px;left:5px;font:600 9.5px JB,ui-monospace,monospace;letter-spacing:.06em;color:#ffd666;background:rgba(0,0,0,.6);padding:2px 5px;border-radius:4px;white-space:nowrap}
.cb-empty{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:12px;padding:10%;text-align:center;color:#fff;cursor:pointer;
 background:radial-gradient(90% 70% at 50% 35%,#3a2013 0%,#120d0a 70%)}
.cb-empty svg{width:clamp(28px,22%,64px);height:auto;fill:none;stroke:#ff4f18;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cb-empty b{font-size:clamp(12px,1.6vw,22px);font-weight:650;line-height:1.2}
.cb-empty small{font-size:clamp(10px,1vw,14px);opacity:.75;line-height:1.4}
.cb-empty button{font:600 clamp(10px,.95vw,13px) Hanken,system-ui,sans-serif;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer}
.cb-empty button:hover{background:rgba(255,255,255,.1)}
.cb__tools{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:2px;padding:4px;border-radius:12px;background:rgba(255,255,255,.92);
 backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px -12px rgba(0,0,0,.35);max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}
.cb__tools::-webkit-scrollbar{display:none}
.cb__tools button{font:600 12.5px Hanken,system-ui,sans-serif;display:flex;align-items:center;gap:5px;white-space:nowrap;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:var(--ink);cursor:pointer;min-height:34px}
.cb__tools button:hover{background:rgba(17,19,22,.06)}
.cb__tools button[aria-pressed=true]{background:var(--ink);color:#fff}
.cb__tools button:focus-visible{outline:2px solid #ff4f18;outline-offset:1px}
.cb__tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cb__tools hr{width:1px;height:22px;margin:auto 3px;border:0;background:var(--line);flex:none}
.cb__foot{position:absolute;left:12px;right:12px;bottom:12px;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
.cb__chip{font:600 12px JB,ui-monospace,monospace;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cb__chip--ok{color:var(--ok);display:flex;align-items:center;gap:6px}
.cb__chip--ok svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cb.is-drop .cb__stage::after{content:"Drop to add";position:absolute;inset:10px;z-index:9;border:2px dashed #ffd666;border-radius:14px;background:rgba(12,26,49,.72);color:#fff;
 display:grid;place-items:center;font:650 22px Hanken,system-ui,sans-serif}
/* side column */
.cb__side{grid-area:side;min-width:0;container-type:inline-size}
.cb-row{padding:24px 0 24px;border-bottom:1px solid var(--line);display:grid;gap:14px}
.cb-row:first-child{border-top:1px solid var(--line)}
.cb-row__h{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline}
.cb-row__h .n{font:500 12px JB,ui-monospace,monospace;color:var(--mut)}
.cb-row__h h2{margin:0;font-size:19px;font-weight:620;letter-spacing:-.01em}
.cb-row__h output{grid-column:2;font-size:13.5px;color:var(--mut);line-height:1.4}
.cb-sub{font:500 11px JB,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:4px 0 -4px}
.cb-note{font-size:13px;line-height:1.5;color:var(--mut);margin:0}
.cb-note a,.cb-link{color:var(--ink);font-weight:600;text-underline-offset:3px}
.cb-link{background:none;border:0;padding:0;font:600 13px Hanken,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
fieldset.cb-g{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
fieldset.cb-g legend{padding:0;margin:0 0 8px}
.cb-o{position:relative;display:block}
.cb-o input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.cb-o__b{height:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14.5px;line-height:1.25;transition:border-color .15s,background .15s,box-shadow .15s}
.cb-o__b b{display:block;font-weight:580}
.cb-o__b small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px;font-weight:400}
.cb-o:hover .cb-o__b{border-color:rgba(17,19,22,.35)}
.cb-o input:checked + .cb-o__b{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--soft)}
.cb-o input:focus-visible + .cb-o__b{outline:2px solid #ff4f18;outline-offset:2px}
.cb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cb-chips{display:flex;flex-wrap:wrap;gap:8px}
.cb-size .cb-o__b{flex-direction:column;align-items:flex-start;gap:0;padding:9px 13px;min-width:80px}
.cb-size .cb-o__b b{font-size:18px;font-weight:620;letter-spacing:-.01em}
.cb-size .cb-o__b small{font-family:JB,ui-monospace,monospace;font-size:11px}
.cb-orient i{width:22px;height:34px;border:2px solid currentColor;border-radius:4px;flex:none}
.cb-orient .is-land i{width:34px;height:22px}
/* drop zone */
.cb-drop{position:relative;display:grid;justify-items:center;gap:8px;padding:26px 18px;border:2px dashed rgba(17,19,22,.22);border-radius:16px;background:var(--soft);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.cb-drop:hover,.cb.is-drop .cb-drop{border-color:var(--acc);background:#eef3fd}
.cb-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.cb-drop input:focus-visible + .cb-drop__i{outline:2px solid #ff4f18;outline-offset:4px;border-radius:50%}
.cb-drop__i{width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.cb-drop b{font-size:16px;font-weight:620}
.cb-drop span{font-size:13px;color:var(--mut);line-height:1.45}
.cb-lock{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#ecf7f1;color:#14532d;font-size:13.5px;line-height:1.45}
.cb-lock svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.cb-rej{margin:0;padding:12px 14px;list-style:none;display:grid;gap:8px;border-radius:12px;background:#fef3f2;font-size:13px;line-height:1.45;color:#7a271a}
.cb-rej b{display:block;color:var(--bad)}
.cb-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* slide list */
.cb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cb-sl{display:grid;grid-template-columns:14px auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.cb-sl.is-cur{border-color:rgba(17,19,22,.45)}
.cb-sl.is-ed{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cb-sl.is-drag{opacity:.45}
.cb-sl.is-before{box-shadow:0 -3px 0 var(--acc)}
.cb-sl.is-after{box-shadow:0 3px 0 var(--acc)}
.cb-sl__grip{align-self:center;cursor:grab;color:rgba(17,19,22,.35)}
.cb-sl__grip svg{width:12px;height:20px;fill:currentColor;display:block}
.cb-sl__th{position:relative;padding:0;border:0;border-radius:6px;overflow:hidden;background:#000;cursor:pointer;line-height:0}
.cb-sl__th canvas{display:block;max-width:64px;max-height:64px;width:auto;height:auto}
.cb-sl__th:focus-visible{outline:2px solid #ff4f18;outline-offset:2px}
.cb-sl__play{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.9)}
.cb-sl__play::after{content:"";position:absolute;left:8px;top:6px;border:5px solid transparent;border-left:8px solid #111;border-right:0}
.cb-sl__main{min-width:0;display:grid;gap:3px}
.cb-sl__nm input{width:100%;font:600 14.5px Hanken,system-ui,sans-serif;color:var(--ink);border:1px solid transparent;border-radius:7px;padding:4px 6px;margin:-4px -6px 0;background:transparent}
.cb-sl__nm input:hover{border-color:var(--line)}
.cb-sl__nm input:focus{outline:none;border-color:var(--acc);background:#fff}
.cb-sl__meta{font-size:12.5px;color:var(--mut);line-height:1.35}
.cb-sl__file{font:500 11.5px JB,ui-monospace,monospace;color:#344054;background:var(--soft);padding:2px 6px;border-radius:5px;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-w{margin:3px 0 0;font-size:12.5px;line-height:1.4;padding-left:18px;position:relative}
.cb-w::before{content:"";position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%}
.cb-w--info{color:#475467}
.cb-w--info::before{background:#dbe5fa}
.cb-w--warn{color:var(--warn)}
.cb-w--warn::before{background:#fde3c2}
.cb-w--bad{color:var(--bad)}
.cb-w--bad::before{background:#fdd4d0}
.cb-sl__side{display:grid;gap:6px;justify-items:end}
.cb-sl__sec{display:flex;align-items:center;gap:4px;font:600 12px JB,ui-monospace,monospace;color:var(--mut)}
.cb-sl__sec input{width:62px;font:600 13px JB,ui-monospace,monospace;padding:6px 6px;border:1px solid var(--line);border-radius:8px;text-align:right;color:var(--ink)}
.cb-sl__sec--v{font-weight:500;font-size:11.5px}
.cb-sl__btns{display:flex;gap:2px}
.cb-sl__btns button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.cb-sl__btns button:hover{background:var(--soft)}
.cb-sl__btns button:disabled{opacity:.25;cursor:default;background:transparent}
.cb-sl__btns button:focus-visible{outline:2px solid #ff4f18}
.cb-sl__btns svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cb-sl__btns [aria-expanded=true]{background:var(--ink);color:#fff}
.cb-ed{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 2px 2px;border-top:1px dashed var(--line);margin-top:4px}
.cb-ed__hint{margin:0;font-size:13px;color:var(--mut);flex:1 1 180px}
.cb-ed__bars{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);flex:1 1 220px}
.cb-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--soft)}
.cb-seg button{font:600 13px Hanken,system-ui,sans-serif;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.cb-seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.cb-sw{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid rgba(17,19,22,.25);background:var(--c);cursor:pointer;padding:0;flex:none}
.cb-sw--pick{background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e)}
.cb-sw--pick::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--c);border:1px solid #fff}
.cb-sw input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cb-btn{font:600 15px Hanken,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;text-align:center;text-decoration:none}
.cb-btn:hover{background:#2a2d33}
.cb-btn:disabled{opacity:.4;cursor:not-allowed}
.cb-btn:focus-visible{outline:2px solid #ff4f18;outline-offset:2px}
.cb-btn--line{background:#fff;color:var(--ink);border-color:var(--line);padding:9px 14px;font-size:13.5px}
.cb-btn--line:hover{background:var(--soft)}
.cb-btn--sm{padding:8px 14px;font-size:13.5px;margin-left:auto}
.cb-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cb-tips{border:1px solid var(--line);border-radius:12px;padding:0 14px}
.cb-tips summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:600;list-style-position:inside}
.cb-tips ul{margin:0 0 14px;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.45;color:var(--mut)}
/* playback */
.cb-f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cb-f:first-of-type{border-top:0}
.cb-f > span b{display:block;font-size:14.5px;font-weight:580}
.cb-f > span small{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:2px}
.cb-f input[type=number],.cb-f input[type=text],.cb-f input[type=time],.cb-f select,.cb-in{font:500 14px Hanken,system-ui,sans-serif;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);min-width:0}
.cb-f input[type=number]{width:90px}
.cb-f input[type=text]{width:130px;font-family:JB,ui-monospace,monospace;letter-spacing:.12em}
.cb-f__x{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cb-f__x input[type=range]{flex:1;min-width:140px;accent-color:var(--ink)}
.cb-f__x output{font:600 12.5px JB,ui-monospace,monospace;min-width:44px}
.cb-sw2{position:relative;width:46px;height:28px;flex:none}
.cb-sw2 input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.cb-sw2 i{position:absolute;inset:0;border-radius:99px;background:#d0d5dd;transition:background .15s}
.cb-sw2 i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.cb-sw2 input:checked + i{background:var(--ink)}
.cb-sw2 input:checked + i::after{transform:translateX(18px)}
.cb-sw2 input:focus-visible + i{outline:2px solid #ff4f18;outline-offset:2px}
.cb-err{margin:0;font-size:12.5px;color:var(--bad)}
.cb-set{border-radius:14px;padding:14px;background:var(--soft);display:grid;gap:10px;font-size:13.5px;line-height:1.5}
.cb-set.is-on{background:#fff8eb;border:1px solid #f6d79b}
.cb-set p{margin:0}
.cb-set pre{margin:0;padding:10px 12px;border-radius:10px;background:#111316;color:#e9edf3;font:12px/1.5 JB,ui-monospace,monospace;overflow-x:auto;white-space:pre}
.cb-set label{display:grid;gap:5px;font-weight:600}
.cb-set select{font:500 14px Hanken,system-ui,sans-serif;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
/* download */
.cb-go{display:grid;gap:12px}
.cb-go .cb-btn{width:100%;padding:16px 20px;font-size:16px}
.cb-prog{display:grid;gap:6px;font-size:13px;color:var(--mut)}
.cb-prog div{height:6px;border-radius:99px;background:var(--soft);overflow:hidden}
.cb-prog i{display:block;height:100%;width:0;background:var(--ink);transition:width .2s}
.cb-done{margin:0;padding:10px 12px;border-radius:10px;background:#ecf7f1;color:#14532d;font-size:13.5px}
.cb-alert{margin:0;padding:10px 12px;border-radius:10px;background:#fef3f2;color:var(--bad);font-size:13.5px}
.cb-tree{list-style:none;margin:0;padding:12px 14px;border-radius:12px;background:#111316;color:#e9edf3;font:12px/1.7 JB,ui-monospace,monospace;max-height:260px;overflow:auto}
.cb-tree li{display:flex;justify-content:space-between;gap:12px;padding-left:18px;white-space:nowrap}
.cb-tree li span{overflow:hidden;text-overflow:ellipsis}
.cb-tree li small{color:#98a2b3;font-size:11px}
.cb-tree .cb-tree__d{padding-left:0;color:#ffd666;font-weight:600}
.cb-tree .cb-tree__e{color:#98a2b3}
.cb-tree .cb-tree__s span{color:#9ff0d6}
.cb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:st}
.cb-steps li{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start;counter-increment:st;font-size:13px;line-height:1.45;color:var(--mut)}
.cb-steps li::before{content:counter(st);width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 12.5px "JetBrains Mono",monospace}
.cb-steps b{color:var(--ink);font-size:14px;font-weight:620}
.cb-steps code{font:600 11.5px "JetBrains Mono",monospace;background:var(--soft);padding:1px 5px;border-radius:4px;color:var(--ink)}
@container (max-width:460px){ .cb-steps{grid-template-columns:1fr} }
/* wifi (advanced) */
.cb-adv{border:1px solid var(--line);border-radius:14px;padding:0 16px}
.cb-adv > summary{cursor:pointer;padding:16px 0;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:620;list-style:none}
.cb-adv > summary::-webkit-details-marker{display:none}
.cb-adv > summary small{font-weight:400;color:var(--mut);font-size:12.5px}
.cb-adv > summary::after{content:"+";margin-left:auto;font:400 22px Hanken,system-ui,sans-serif;color:var(--mut)}
.cb-adv[open] > summary::after{content:"−"}
.cb-adv__b{display:grid;gap:12px;padding:0 0 16px}
.cb-adv label{display:grid;gap:5px;font-size:13.5px;font-weight:600}
.cb-adv .cb-in{width:100%;font-family:JB,ui-monospace,monospace;font-size:13px}
.cb-adv ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.5;color:var(--mut)}
.cb-adv ol b{color:var(--ink)}
.cb-adv code{font:600 11.5px "JetBrains Mono",monospace;background:var(--soft);padding:1px 5px;border-radius:4px;color:var(--ink);word-break:break-all}
.cb-adv pre{margin:0;padding:10px 12px;border-radius:10px;background:#111316;color:#e9edf3;font:11.5px/1.5 JB,ui-monospace,monospace;overflow:auto;max-height:240px}
/* below the tool */
.cb-x{max-width:1320px;margin:72px auto 0;padding:0 max(16px,3vw)}
.cb-x h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.025em;line-height:1.08;margin:8px 0 14px;font-weight:650}
.cb-x h2 span{color:#6b7280}
.cb-x__lead{font-size:16px;line-height:1.6;color:var(--mut);max-width:760px;margin:0 0 28px}
.cb-tipg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cb-tip{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid}
.cb-tip svg{display:block;width:100%;height:auto;background:#120d0a}
.cb-tip div{padding:16px 18px 18px;display:grid;gap:6px}
.cb-tip h3{margin:0;font-size:16.5px;font-weight:620}
.cb-tip p{margin:0;font-size:14px;line-height:1.5;color:var(--mut)}
.cb-faq{display:grid;max-width:880px}
.cb-faq details{border-bottom:1px solid var(--line)}
.cb-faq summary{cursor:pointer;padding:16px 0;font-size:16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.cb-faq summary::-webkit-details-marker{display:none}
.cb-faq summary::after{content:"+";font-weight:400;color:var(--mut);font-size:22px;line-height:1}
.cb-faq details[open] summary::after{content:"−"}
.cb-faq p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--mut);max-width:760px}
.cb-cta{margin:72px auto 64px;max-width:1320px;padding:0 max(16px,3vw)}
.cb-cta > div{border-radius:20px;background:#111316;color:#fff;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center}
.cb-cta h2{margin:0 0 8px;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;font-weight:650}
.cb-cta p{margin:0;color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.55;max-width:640px}
.cb-cta .cb-acts .cb-btn{background:#fff;color:#111316;border-color:#fff}
.cb-cta .cb-acts .cb-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
@media (max-width:1100px){ .cb-tipg{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:1024px),(orientation:portrait){
 .cb__page{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "side";padding-top:12px}
 .cb__stage{top:var(--cb-top);height:50svh;min-height:330px;z-index:5}
 .cb-cta > div{grid-template-columns:1fr}
}
@media (max-width:600px){
 .cb__stage{height:46svh;min-height:300px;margin:0 calc(-1 * max(16px,2vw));border-radius:0}
 .cb__head p{font-size:15px}
 .cb__tools button{padding:8px;font-size:12px}
 .cb__tools .t{display:none}
 .cb__chip{font-size:11px;padding:5px 8px}
 .cb__chip--ok{display:none}
 .cb__stage{top:calc(var(--cb-top) - 12px)}
 .cb-sl{grid-template-columns:auto minmax(0,1fr) auto}
 .cb-sl__grip{display:none}
 .cb-tipg{grid-template-columns:1fr}
}
@media (pointer:coarse){ .cb-sl__btns button{width:40px;height:40px} .cb-sl__grip{display:none} .cb-sl{grid-template-columns:auto minmax(0,1fr) auto} }
@media (prefers-reduced-motion:reduce){ .cb__stage,.cb-drop,.cb-sl{transition:none} }
@media (max-width:600px){ body:has(.cb) .scroll-to-top{display:none!important} } /* it sat on the slide rows' delete buttons; the stage is sticky anyway */