/* scoped from docs/saas-launch/design/static/Captions.html by app/tools/board_css.py — do not edit by hand */
.ex.pg-Captions{--solid:#0f0f0f;--on-solid:#f2f2ef;--plane:#f2f2ef;--surface:#fff;--surface-2:#f7f7f4;--surface-3:#ecece7;--ink:#0f0f0f;--ink-2:#52525b;--ink-3:#6b6b66;--border:#e3e3dd;--border-strong:#cfcfc8;--act:#f5dd1e;--commit:#2f5bff;--good:#1f8a4c;
 font-family:'Geist',system-ui,sans-serif;color:var(--ink);background:var(--plane)}
.ex.pg-Captions.dark{--solid:#2c2c31;--on-solid:#f2f2ef;--plane:#121214;--surface:#1c1c1f;--surface-2:#242428;--surface-3:#2c2c31;--ink:#f2f2ef;--ink-2:#c4c4ca;--ink-3:#a3a39d;--border:#2c2c31;--border-strong:#3a3a40;--commit:#7d97ff;--good:#4cc283}
.pg-Captions .disp{font-family:'Plus Jakarta Sans','Geist',sans-serif}
.pg-Captions .mono{font-family:'Geist Mono',ui-monospace,monospace}
.pg-Captions .ar{font-family:'IBM Plex Sans Arabic','Geist',sans-serif}
.pg-Captions .panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;min-width:0}
.pg-Captions .tab{border:0;background:transparent;font:500 13px 'Geist',sans-serif;color:var(--ink-2);padding:8px 10px;border-radius:8px;cursor:pointer}
.pg-Captions .tab.on{background:var(--surface-3);color:var(--ink);font-weight:600}
.pg-Captions .chip{font:500 13px 'Geist',sans-serif;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer}
.pg-Captions .chip.on{background:var(--solid);color:var(--on-solid);border-color:var(--solid)}
.pg-Captions .take{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;border:1px solid var(--border)}
.pg-Captions .rem{display:flex;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-size:13px}
.pg-Captions .dock a{font:500 14px 'Geist',sans-serif;color:var(--ink-2);text-decoration:none;padding:10px 16px;border-radius:999px}
.pg-Captions .dock a.on{background:var(--solid);color:var(--on-solid)}
.pg-Captions .dock a.new{background:var(--act);color:#0f0f0f;font-weight:700}
.pg-Captions a{color:var(--commit)}
.pg-Captions a:hover{color:var(--ink)}
.pg-Captions .dk2{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:6px;border-radius:26px;background:rgba(18,18,20,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -18px rgba(15,15,15,.6),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);z-index:8;animation:dkin--Captions .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes dkin--Captions{from{transform:translateX(-50%) translateY(24px);opacity:0}}
.pg-Captions .dk2 a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;box-sizing:border-box;padding:8px 10px 7px;border-radius:20px;text-decoration:none;color:rgba(242,242,239,.6);font:500 11.5px 'Geist',sans-serif;transition:color .2s,background .25s cubic-bezier(.2,.8,.2,1)}
.pg-Captions .dk2 a svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-Captions .dk2 a:hover{color:#fff;background:rgba(255,255,255,.07)}
.pg-Captions .dk2 a:hover svg{transform:translateY(-3px) scale(1.15)}
.pg-Captions .dk2 a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pg-Captions .dk2 a.on::after{content:"";position:absolute;bottom:-3px;left:50%;width:18px;height:3px;border-radius:3px;transform:translateX(-50%);background:#f5dd1e;box-shadow:0 0 10px 2px rgba(245,221,30,.7)}
.pg-Captions .dk2 .bd{position:absolute;top:3px;right:16px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#ff8a3d;color:#fff;font:700 10px 'Geist',sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #18181a;animation:bdp--Captions 2.4s ease-in-out infinite}
@keyframes bdp--Captions{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pg-Captions .dk2 .sep{width:1px;height:30px;background:rgba(255,255,255,.12);margin:0 4px}
.pg-Captions .dk2 .newb{position:relative;margin:-22px 6px 0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;background:none;color:#f5dd1e;font-weight:600}
.pg-Captions .dk2 .newb:hover{background:none}
.pg-Captions .dk2 .newb .c{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#f5dd1e 55%,#f0b400);color:#0f0f0f;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -8px rgba(245,180,30,.9),0 0 0 5px rgba(18,18,20,.9);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-Captions .dk2 .newb .c::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,rgba(245,221,30,.9) 75%,rgba(255,154,61,.9) 85%,transparent 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:spin--Captions 3.2s linear infinite}
@keyframes spin--Captions{to{transform:rotate(360deg)}}
.pg-Captions .dk2 .newb:hover .c{transform:translateY(-3px) scale(1.06)}
.pg-Captions .dk2 .newb svg{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.pg-Captions .dk2 .newb:hover svg{transform:rotate(90deg)}
.pg-Captions .dk2 .newb.on .c{box-shadow:0 12px 30px -6px rgba(245,180,30,1),0 0 0 5px rgba(18,18,20,.9),0 0 0 7px #f5dd1e}
@media (prefers-reduced-motion:reduce){.pg-Captions .dk2,.pg-Captions .dk2 .bd,.pg-Captions .dk2 .newb .c::before{animation:none!important}
.pg-Captions .dk2 a svg,.pg-Captions .dk2 .newb svg,.pg-Captions .dk2 .newb .c{transition:none}}
.pg-Captions .p-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--surface-2,#f7f7f4);border:1px solid var(--border,#e3e3dd);vertical-align:middle}
.pg-Captions .p-sw a{text-decoration:none}
.pg-Captions .p-sw .b{display:inline-flex;align-items:center;gap:7px;padding:3px 8px 3px 3px;border-radius:9px;font:600 13px 'Geist',sans-serif;color:var(--ink,#0f0f0f);white-space:nowrap;cursor:pointer}
.pg-Captions .p-sw .b.pr{background:var(--surface,#fff);box-shadow:0 1px 2px rgba(15,15,15,.08)}
.pg-Captions .p-sw .sl{color:var(--ink-3,#6b6b66);font-weight:400}
.pg-Captions .p-sw .lg{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#7fd3ff,#2f5bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font:800 11px 'Plus Jakarta Sans',sans-serif}
.pg-Captions .p-sw .pm{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff4d6;overflow:hidden}
.pg-Captions:where(.dark) .p-sw .pm{background:#3a3220;color:var(--ink)}
.pg-Captions .p-sw .pm.bw{background:var(--surface-3,#ecece7);color:var(--ink-2,#52525b);font-size:12px}
.pg-Captions .p-sw.dk{background:rgba(255,244,230,.1);border-color:rgba(255,244,230,.22)}
.pg-Captions .p-sw.dk .b{color:#f4efe8}
.pg-Captions .p-sw.dk .b.pr{background:rgba(255,244,230,.16);box-shadow:none}
.pg-Captions .p-sw.dk .sl{color:rgba(244,239,232,.5)}
.pg-Captions .cp-sec{display:flex;flex-direction:column;gap:10px;padding:12px;flex:1;min-height:0}
.pg-Captions .cp-style{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pg-Captions .cp-style div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:12px;border:1.5px solid var(--border);font:600 11px Geist,sans-serif;color:var(--ink-2);text-align:center}
.pg-Captions .cp-style div.on{border-color:var(--ink);box-shadow:0 0 0 3px rgba(245,221,30,.5);color:var(--ink)}
.pg-Captions .cp-style .pv{width:100%;height:34px;border-radius:8px;background:#2c2c33;display:flex;align-items:center;justify-content:center;font:700 11.5px 'IBM Plex Sans Arabic',sans-serif;color:#fff}
.pg-Captions .cp-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}
.pg-Captions .cp-row .seg button{padding:5px 10px;font-size:12px}
.pg-Captions .cp-sw{display:flex;gap:5px}
.pg-Captions .cp-sw i{width:22px;height:22px;border-radius:7px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}
.pg-Captions .cp-sw i.on{box-shadow:0 0 0 2px var(--ink)}
.pg-Captions .cp-lines{display:flex;flex-direction:column;gap:6px;overflow:hidden}
.pg-Captions .cp-ln{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:start;padding:8px 9px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.pg-Captions .cp-ln.on{border-color:var(--commit);box-shadow:0 0 0 3px rgba(47,91,255,.12)}
.pg-Captions .cp-ln .tc{font:500 11px 'Geist Mono',monospace;color:var(--ink-3);padding-top:3px}
.pg-Captions .cp-ln .ar{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:14.5px;line-height:1.55;color:var(--ink);direction:rtl;text-align:right}
.pg-Captions .cp-ln .ar u{text-decoration:none;background:#f5dd1e;color:#0f0f0f;border-radius:4px;padding:0 3px}
.pg-Captions .cp-ln .ar s{text-decoration:none;border-bottom:2px dotted #e8730c}
.pg-Captions .cp-ln small{grid-column:2;font-size:11px;color:#b45309}
.pg-Captions .cp-ln .ed{grid-column:2;display:flex;gap:5px;flex-wrap:wrap}
.pg-Captions .cp-ln .ed button{padding:4px 9px;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface);font:600 11px Geist,sans-serif;color:var(--ink);cursor:pointer}
.pg-Captions .cp-fix{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:#fff7ef;border:1px solid #f6d3b0;font-size:12px;color:#7a3b0a}
.pg-Captions:where(.dark) .cp-fix{background:var(--surface-2);border:1px solid #5d452c;color:#eeb68b}
.pg-Captions .cp-fix b{color:#0f0f0f}
.pg-Captions:where(.dark) .cp-fix b{color:var(--ink)}
.pg-Captions .cp-fix button{margin-left:auto;padding:5px 10px;border-radius:99px;border:0;background:var(--solid);color:#fff;font:600 11.5px Geist,sans-serif;white-space:nowrap}
.pg-Captions .seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border)}
.pg-Captions .seg button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:7px 13px;font:500 13px 'Geist',sans-serif;background:transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.pg-Captions .seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(15,15,15,.08),0 4px 12px -6px rgba(15,15,15,.25)}
.pg-Captions .seg .n{font:600 11px 'Geist',sans-serif;padding:1px 6px;border-radius:99px;background:var(--surface-2);color:var(--ink-3)}
.pg-Captions .seg button.on .n{background:var(--act);color:#0f0f0f}