/* ===== Clastop v2 · cinematic broadcast gallery ===== */
.cl-v2{--cl-bg:#05060a;--cl-s1:rgba(22,25,33,.62);--cl-s2:rgba(255,255,255,.04);--cl-s3:rgba(255,255,255,.07);--cl-line:rgba(255,255,255,.08);--cl-tx:#eef0f4;--cl-dim:#8b93a3;
 --cl-pgm:#ff2a3a;--cl-pvw:#1fdc6a;--cl-rec:#ffb020;--cl-acc:#4c9bff;--cl-ai:#b07cff;--glow-r:0 0 0 1px #ff2a3a,0 0 18px #ff2a3a99,0 0 48px #ff2a3a44;--glow-g:0 0 0 1px #1fdc6a,0 0 16px #1fdc6a88,0 0 40px #1fdc6a33;
 background:radial-gradient(1200px 600px at 70% -10%,#1b0b14 0,transparent 60%),radial-gradient(900px 500px at 0% 110%,#06142a 0,transparent 60%),#05060a}
.cl-v2 .mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.cl-glass,.cl-v2 .cl-card,.cl-v2 .cl-pc,.cl-v2 .cl-strip,.cl-v2 .cl-seg,.cl-v2 .cl-tl,.cl-v2 .cl-ai{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 40px -20px #000}
.cl-glass{border-radius:12px;padding:8px}
.cl-gh{font:700 9px 'JetBrains Mono';letter-spacing:.14em;color:#8b93a3;margin-bottom:4px;direction:ltr;text-align:left}
/* top bar */
.cl-v2 .cl-top{height:64px;gap:16px;background:linear-gradient(180deg,#0b0d13,#07080c);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px -10px #000}
.cl-wm{font:800 20px/1 Inter;letter-spacing:-.04em;display:flex;align-items:center;gap:7px;direction:ltr;color:#fff}
.cl-wm sup{font:800 8px Inter;letter-spacing:.14em;background:var(--cl-pgm);color:#fff;padding:2px 4px;border-radius:3px;margin-inline-start:2px;align-self:flex-start;margin-top:-2px}
.cl-wm-dot{width:11px;height:11px;border-radius:50%;background:var(--cl-pgm);box-shadow:0 0 10px var(--cl-pgm),0 0 2px #fff inset;animation:cl-dot 2.4s infinite}
@keyframes cl-dot{50%{box-shadow:0 0 18px var(--cl-pgm),0 0 2px #fff inset}}
.cl-onairbox{position:relative;padding:7px 14px;border-radius:6px;background:linear-gradient(180deg,#ff3b47,#b8000e);color:#fff;font:900 15px Inter;letter-spacing:.18em;direction:ltr;box-shadow:0 0 0 1px #ff6b75 inset,0 0 22px #ff2a3acc,0 0 60px #ff2a3a66;text-shadow:0 0 8px #fff8;animation:cl-onair 2.2s ease-in-out infinite}
.cl-onairbox::after{content:"";position:absolute;inset:3px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}
@keyframes cl-onair{50%{box-shadow:0 0 0 1px #ff6b75 inset,0 0 30px #ff2a3a,0 0 90px #ff2a3a88}}
.cl-aclock{width:50px;height:50px;flex:none}
.cl-aclock .f{fill:#0b0d12;stroke:rgba(255,255,255,.15);stroke-width:1.5}
.cl-aclock line{stroke-linecap:round}.cl-aclock .h{stroke:#e5e7eb;stroke-width:2}.cl-aclock .m{stroke:#4b5563;stroke-width:1}
#clHH{stroke:#fff;stroke-width:3.5}#clMH{stroke:#fff;stroke-width:2.4}#clSH{stroke:var(--cl-pgm);stroke-width:1.3}.cl-aclock .c{fill:var(--cl-pgm)}
.cl-tcs{display:flex;gap:14px}
.cl-tcs div{display:flex;flex-direction:column;line-height:1.1}.cl-tcs small{font-size:9.5px;color:#8b93a3;letter-spacing:.04em}.cl-tcs b{font:700 17px 'JetBrains Mono';color:#fff;direction:ltr}
.cl-cdair b{color:var(--cl-rec);text-shadow:0 0 12px #ffb02066}.cl-cdair.hot b{color:var(--cl-pgm);text-shadow:0 0 14px #ff2a3a;animation:cl-blink .8s infinite}
.cl-v2 .cl-show{display:flex;flex-direction:column;line-height:1.15}.cl-v2 .cl-show small{color:#6b7280;font-size:10px}
.cl-v2 .cl-dests{margin-inline-start:auto}
.cl-v2 .cl-dest{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);height:28px}
.cl-v2 .cl-dest i{box-shadow:0 0 8px var(--cl-pvw)}
.cl-v2 .cl-rec b{color:#fff;font-weight:600}
.cl-aib{color:var(--cl-ai)!important;border-color:#b07cff55!important;box-shadow:0 0 14px #b07cff33}
/* nav rail */
.cl-v2 .cl-body{height:calc(100vh - 64px)}
.cl-v2 .cl-nav{width:76px;padding:10px 6px;gap:4px;background:#07080c;border-color:rgba(255,255,255,.05)}
.cl-v2 .cl-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px;font-size:10.5px;text-align:center;border-radius:10px}
.cl-v2 .cl-nav svg{width:21px;height:21px}
.cl-v2 .cl-nav button.on{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cl-v2 .cl-nav button.on svg{color:var(--cl-pgm);filter:drop-shadow(0 0 6px #ff2a3a)}
.cl-v2 .cl-main{padding:12px 14px}
.cl-v2 .cl-ai{width:270px;border-radius:0;border-width:0 1px 0 0}
[dir=rtl] .cl-v2 .cl-ai{border-width:0 1px 0 0}
.cl-v2 .cl-sug{background:linear-gradient(180deg,#b07cff14,transparent);border-color:#b07cff40;border-radius:10px}
/* wall */
.cl-wall{background:#000;border-radius:14px;padding:10px;border:1px solid #15171d;box-shadow:inset 0 0 0 1px #000,0 30px 60px -30px #000;direction:ltr}
.cl-bigmons{display:grid;grid-template-columns:1fr 1.18fr 158px;gap:10px;align-items:start}
.cl-bez{background:#0c0d10;border-radius:6px;padding:3px;border:1px solid #1e2027;transition:box-shadow .3s}
.cl-scr16{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:3px}
.cl-scr16 canvas{display:block;width:100%;height:100%}
.cl-bez.cl-pv{box-shadow:var(--glow-g)}.cl-bez.cl-pg{box-shadow:var(--glow-r);animation:cl-pgpulse 3s ease-in-out infinite}
@keyframes cl-pgpulse{50%{box-shadow:0 0 0 1px #ff2a3a,0 0 26px #ff2a3acc,0 0 70px #ff2a3a55}}
.cl-umd{display:flex;align-items:center;gap:8px;height:24px;margin-top:3px;padding:0 8px;background:#111318;border-radius:3px;font:700 11px Inter;letter-spacing:.06em;color:#fff}
.cl-umd .lamp{width:9px;height:9px;border-radius:2px;background:#333}
.cl-umd.pv{background:linear-gradient(90deg,#0b3a1f,#0f1a14)}.cl-umd.pv .lamp{background:var(--cl-pvw);box-shadow:0 0 10px var(--cl-pvw)}.cl-umd.pv b{color:var(--cl-pvw)}
.cl-umd.pg{background:linear-gradient(90deg,#4a0910,#1a0d10)}.cl-umd.pg .lamp{background:var(--cl-pgm);box-shadow:0 0 12px var(--cl-pgm);animation:cl-blink 1.2s infinite}.cl-umd.pg b{color:#ff6b75}
.cl-umd span{font-weight:600;letter-spacing:0;color:#e5e7eb}.cl-umd-tc{margin-left:auto;color:#9ca3af!important;font-size:11px}
.cl-feed{font:800 9px 'JetBrains Mono';padding:2px 6px;border-radius:3px;background:#ffb02022;color:var(--cl-rec)}.cl-feed.clean{background:#4c9bff22;color:var(--cl-acc)}
.cl-scopes{display:grid;gap:8px}.cl-scopes canvas{display:block;width:100%}
.cl-meterbox canvas{height:200px}
/* safe area */
.cl-safe{position:absolute;inset:0;pointer-events:none;display:none}
.cl-safe::before,.cl-safe::after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.45)}
.cl-safe::before{inset:5%}.cl-safe::after{inset:10%;border-color:rgba(255,220,0,.45)}
.cl-showsafe .cl-safe{display:block}
/* program graphics */
.cl-gfx-layer{position:absolute;inset:0;pointer-events:none;transition:opacity .25s}
.cl-gfx-layer.clean{opacity:0}
.cl-bug{position:absolute;top:6%;right:5%;display:flex;align-items:center;gap:5px;font:800 15px Inter;letter-spacing:-.03em;color:#fff;opacity:.92;text-shadow:0 1px 6px #000a}
.cl-bug b{font:800 8px Inter;letter-spacing:.14em;background:#fff;color:#000;padding:2px 4px;border-radius:2px}
.cl-bug .cl-wm-dot{width:9px;height:9px}
.cl-livetag{position:absolute;top:6%;left:5%;display:flex;font:800 11px Inter;letter-spacing:.1em;border-radius:3px;overflow:hidden;box-shadow:0 4px 14px #0008}
.cl-livetag b{background:var(--cl-pgm);color:#fff;padding:4px 7px;display:flex;align-items:center;gap:5px}
.cl-livetag b::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:cl-blink 1s infinite}
.cl-livetag span{background:rgba(0,0,0,.72);color:#fff;padding:4px 8px}
.no-bug .cl-bug,.no-live .cl-livetag,.no-ticker .cl-ticker{opacity:0;transform:translateY(6px)}
.cl-bug,.cl-livetag,.cl-ticker{transition:opacity .3s,transform .3s}
.cl-v2 .cl-l3{left:5%;bottom:19%;width:auto;min-width:38%;max-width:60%;background:none;border:0;padding:0;transform:translateX(-30px);opacity:0;transition:none}
.cl-v2 .cl-l3 .cl-l3-bar{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--l3a,#ff2a3a);box-shadow:0 0 14px var(--l3a,#ff2a3a)}
.cl-v2 .cl-l3 .cl-l3-n{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(240,242,246,.94));color:#0b0d12;font:800 22px/1.2 Inter;padding:6px 18px 4px 18px;clip-path:inset(0 100% 0 0)}
.cl-v2 .cl-l3 .cl-l3-t{background:linear-gradient(90deg,#0b0d12ee,#0b0d12cc);color:#e5e7eb;font:600 12.5px Inter;padding:4px 18px;display:inline-block;clip-path:inset(0 100% 0 0)}
.cl-v2 .cl-l3.in{opacity:1;transform:none;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .2s}
.cl-v2 .cl-l3.in .cl-l3-n{animation:cl-wipein .45s .1s cubic-bezier(.7,0,.2,1) forwards}
.cl-v2 .cl-l3.in .cl-l3-t{animation:cl-wipein .4s .3s cubic-bezier(.7,0,.2,1) forwards}
@keyframes cl-wipein{to{clip-path:inset(0 0 0 0)}}
.cl-ticker{position:absolute;left:0;right:0;bottom:5%;height:9%;display:flex;font:700 13px Heebo,Inter;box-shadow:0 -4px 20px #0006}
.cl-tk-lbl{background:var(--cl-pgm);color:#fff;padding:0 12px;display:flex;align-items:center;font-weight:800;letter-spacing:.04em;flex:none}
.cl-tk-win{flex:1;overflow:hidden;background:rgba(8,10,14,.88);display:flex;align-items:center;direction:rtl}
.cl-tk-run{white-space:nowrap;display:inline-block;animation:cl-crawl 40s linear infinite;color:#fff;padding-inline-start:100%}
.cl-tk-run i{color:var(--cl-pgm);margin:0 14px;font-style:normal}
@keyframes cl-crawl{to{transform:translateX(50%)}}
[lang=en] .cl-tk-win{direction:ltr}[lang=en] .cl-tk-run{animation-name:cl-crawl-en}@keyframes cl-crawl-en{to{transform:translateX(-50%)}}
.cl-tk-clock{background:#fff;color:#0b0d12;padding:0 10px;display:flex;align-items:center;font-weight:700;flex:none}
/* stinger */
.cl-stinger{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cl-stinger>div{position:absolute;top:-20%;bottom:-20%;width:160%;left:-170%;transform:skewX(-18deg)}
.cl-stinger .s1{background:#ff2a3a}.cl-stinger .s2{background:#0b0d12}.cl-stinger .s3{background:linear-gradient(90deg,#b8000e,#ff2a3a);display:flex;align-items:center;justify-content:center}
.cl-stinger .s3 b{transform:skewX(18deg);font:900 34px Inter;color:#fff;letter-spacing:.06em;text-shadow:0 4px 20px #0008}
.cl-stinger.on .s1{animation:cl-st 1.3s cubic-bezier(.7,0,.3,1) forwards}.cl-stinger.on .s2{animation:cl-st 1.3s .06s cubic-bezier(.7,0,.3,1) forwards}.cl-stinger.on .s3{animation:cl-st 1.3s .12s cubic-bezier(.7,0,.3,1) forwards}
@keyframes cl-st{0%{left:-170%}40%,55%{left:-30%}100%{left:120%}}
.cl-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.cl-flash.on{animation:cl-flash .22s ease-out}@keyframes cl-flash{0%{opacity:.35}100%{opacity:0}}
.cl-scr16.ftb canvas,.cl-scr16.ftb .cl-gfx-layer{opacity:0;transition:opacity .8s}
.cl-scr16 canvas{transition:opacity .8s}
/* wall bar + 16 tiles */
.cl-wallbar{display:flex;align-items:center;gap:12px;margin:10px 2px 8px;font-size:12px;color:#d1d5db}
.cl-sp{flex:1}
.cl-seg2{display:flex;background:#111318;border-radius:7px;padding:2px;border:1px solid #1e2027}
.cl-seg2 button{all:unset;cursor:pointer;font:800 10px 'JetBrains Mono';padding:4px 10px;border-radius:5px;color:#6b7280;letter-spacing:.08em}
.cl-seg2 button.on{background:#ffb020;color:#111}.cl-seg2 button[data-f=clean].on{background:var(--cl-acc);color:#fff}
.cl-chip{all:unset;cursor:pointer;font:600 11px Inter;padding:4px 10px;border-radius:7px;border:1px solid #1e2027;color:#9ca3af}.cl-chip.on{color:#facc15;border-color:#facc1588}
.cl-kh{font-size:10px}
.cl-v2 .cl-mv{grid-template-columns:repeat(8,1fr);gap:6px}
.cl-v2 .cl-tile{border:0;border-radius:4px;background:#0c0d10;padding:2px;box-shadow:0 0 0 1px #1e2027;transition:box-shadow .2s,transform .12s}
.cl-v2 .cl-tile:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #3a3f4b}
.cl-tile .scr{position:relative;overflow:hidden;border-radius:2px}
.cl-v2 .cl-tile canvas{aspect-ratio:16/9}
.cl-tile .umd{display:flex;align-items:center;gap:5px;height:17px;padding:0 5px;margin-top:2px;background:#15171c;border-radius:2px;font:700 9.5px Inter;color:#cbd5e1;white-space:nowrap;overflow:hidden}
.cl-tile .umd .lamp{width:6px;height:6px;border-radius:1px;background:#2a2d35;flex:none}
.cl-v2 .cl-tile.pv{box-shadow:0 0 0 2px var(--cl-pvw),0 0 14px #1fdc6a66}.cl-tile.pv .umd{background:#0b3a1f;color:#bbf7d0}.cl-tile.pv .umd .lamp{background:var(--cl-pvw);box-shadow:0 0 6px var(--cl-pvw)}
.cl-v2 .cl-tile.pg{box-shadow:0 0 0 2px var(--cl-pgm),0 0 18px #ff2a3a88}.cl-tile.pg .umd{background:#5a0a12;color:#fff}.cl-tile.pg .umd .lamp{background:var(--cl-pgm);box-shadow:0 0 8px var(--cl-pgm)}
.cl-v2 .cl-tile .n{font:700 9px 'JetBrains Mono';top:3px;left:4px;text-shadow:0 1px 2px #000}
.cl-tile .srt{position:absolute;top:3px;left:18px;font:700 7.5px 'JetBrains Mono';background:#0008;color:#7dd3fc;padding:1px 3px;border-radius:2px}
.cl-tile .abars{position:absolute;right:3px;top:4px;bottom:4px;display:flex;gap:1px}
.cl-tile .abars i{position:relative;width:3px;background:rgba(0,0,0,.55);display:block}
.cl-tile .abars b{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#22c55e 0 65%,#facc15 80%,#ef4444)}
.cl-tile .abars u{position:absolute;left:0;right:0;height:1px;background:#fff}
/* hardware switcher panel */
.cl-panel{margin-top:12px;display:grid;grid-template-columns:1fr auto 64px;gap:14px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#14161c,#0b0c10);border:1px solid #1e2027;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px -20px #000;direction:ltr}
.cl-panel-buses{display:grid;gap:8px}
.cl-bus{display:flex;align-items:center;gap:8px}.cl-bus label{width:34px;font:800 10px 'JetBrains Mono';color:#6b7280;letter-spacing:.1em}
.cl-keys{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;flex:1}
#clKeys{grid-template-columns:repeat(8,1fr)}
.cl-key{all:unset;cursor:pointer;height:36px;border-radius:6px;background:linear-gradient(180deg,#22252d,#17191f);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 #050608,0 3px 6px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;transition:transform .06s,background .15s,box-shadow .15s}
.cl-key b{font:800 12px Inter;line-height:1}.cl-key small{font:600 8px Inter;opacity:.7;max-width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cl-key:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 #000}
.cl-key.pgk.lit{background:linear-gradient(180deg,#ff4d5a,#c40012);color:#fff;box-shadow:0 0 16px #ff2a3aaa,inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5a0008}
.cl-key.pvk.lit{background:linear-gradient(180deg,#3cf08a,#0fa04a);color:#032;box-shadow:0 0 14px #1fdc6a99,inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #053}
.cl-key.kk.lit{background:linear-gradient(180deg,#ffc34d,#d98a00);color:#2a1800;box-shadow:0 0 14px #ffb02088,inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #5a3a00}
.cl-panel-trans{display:grid;grid-template-columns:auto auto;grid-template-rows:auto 1fr;gap:8px 10px;align-items:stretch}
.cl-v2 .cl-tsel{display:grid;grid-template-columns:repeat(4,52px);gap:4px;grid-column:1}
.cl-v2 .cl-tsel button{height:28px;font:800 10px 'JetBrains Mono';background:linear-gradient(180deg,#22252d,#17191f);border:0;border-radius:5px;color:#9ca3af;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 #050608}
.cl-v2 .cl-tsel button.on{background:linear-gradient(180deg,#e8f1ff,#9cc3ff);color:#06224a;box-shadow:0 0 12px #4c9bff99}
.cl-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07080b;border-radius:6px;padding:0 10px;border:1px solid #1e2027}.cl-rate small{font:700 8px 'JetBrains Mono';color:#6b7280}.cl-rate b{color:#7dd3fc;font-size:14px;text-shadow:0 0 8px #7dd3fc88}
.cl-cutauto{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1}
.cl-hw{all:unset;cursor:pointer;text-align:center;font:900 17px Inter;letter-spacing:.06em;border-radius:10px;padding:16px 0;color:#fff;transition:transform .06s,box-shadow .2s}
.cl-hw.cl-cut{background:linear-gradient(180deg,#2a2d36,#1a1c22);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #050608,0 6px 12px #0009}
.cl-hw.cl-cut:hover,.cl-hw.cl-cut.hit{background:linear-gradient(180deg,#ff4d5a,#c40012);box-shadow:0 0 30px #ff2a3acc,inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 #5a0008}
.cl-hw.cl-cut.hit{transform:translateY(3px) scale(.98)}
.cl-hw.cl-auto{background:linear-gradient(180deg,#2a2d36,#1a1c22);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 #050608,0 6px 12px #0009}
.cl-hw.cl-auto:hover,.cl-hw.cl-auto.run{background:linear-gradient(180deg,#ffd166,#e09400);color:#2a1800;box-shadow:0 0 26px #ffb020aa,0 3px 0 #5a3a00}
.cl-hw.cl-ftb{grid-column:2;grid-row:2;font-size:12px;padding:0 14px;display:grid;place-items:center;background:linear-gradient(180deg,#22252d,#17191f);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 #050608}
.cl-hw.cl-ftb.lit{background:linear-gradient(180deg,#ff4d5a,#c40012);animation:cl-blink .8s infinite}
.cl-tbarwrap{position:relative;display:flex;flex-direction:column;align-items:center;background:#07080b;border-radius:10px;border:1px solid #1e2027;padding:8px 0 4px}
.cl-tbarwrap small{font:700 8px 'JetBrains Mono';color:#6b7280}
.cl-tbar-scale{position:absolute;top:12px;bottom:22px;left:10px;width:6px;background:repeating-linear-gradient(0deg,#3a3f4b 0 1px,transparent 1px 10px)}
.cl-tbar-in{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;appearance:none;width:26px;height:118px;background:transparent}
.cl-tbar-in::-webkit-slider-runnable-track{width:6px;background:linear-gradient(0deg,#4c9bff,#1e2027);border-radius:3px}
.cl-tbar-in::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:16px;border-radius:4px;background:linear-gradient(180deg,#f3f4f6,#9ca3af);box-shadow:0 2px 6px #000,0 0 0 1px #000;margin-left:-14px}
/* phones on gallery page */
.cl-v2 .cl-phones{grid-template-columns:repeat(4,1fr)}
.cl-v2 .cl-pc{border-radius:12px;border-top:3px solid #2a2d35}
.cl-v2 .cl-pc.pg{border-top-color:var(--cl-pgm);box-shadow:0 -8px 30px -12px #ff2a3a}.cl-v2 .cl-pc.pv{border-top-color:var(--cl-pvw);box-shadow:0 -8px 30px -12px #1fdc6a}
.cl-v2 .pg .cl-tally{background:var(--cl-pgm);box-shadow:0 0 10px var(--cl-pgm)}.cl-v2 .pv .cl-tally{background:var(--cl-pvw);color:#032;box-shadow:0 0 10px var(--cl-pvw)}
.cl-v2 .cl-btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);border-radius:8px}
.cl-v2 .cl-btn:hover{background:rgba(255,255,255,.1)}
.cl-v2 .cl-btn.cl-red{background:linear-gradient(180deg,#ff4d5a,#c40012);border-color:#ff4d5a;box-shadow:0 0 14px #ff2a3a66}
.cl-v2 .cl-btn.cl-pvb{background:#0b3a1f;border-color:var(--cl-pvw);color:#bbf7d0}
.cl-v2 .cl-btn.cl-acc{background:linear-gradient(180deg,#5aa6ff,#2f7be6);border-color:#5aa6ff}
.cl-v2 h2{font:800 20px Inter,Heebo;letter-spacing:-.01em}
[lang=he] .cl-v2 h2,[dir=rtl] .cl-v2 h2{font-family:Heebo,Inter}
.cl-v2 .cl-seg-h{background:rgba(255,255,255,.04)}
.cl-v2 .cl-part{background:transparent}
.cl-v2 .cl-part.cur{background:linear-gradient(90deg,#ff2a3a22,transparent)}.cl-v2 .cl-part.nxt{background:linear-gradient(90deg,#1fdc6a1a,transparent)}
[dir=rtl] .cl-v2 .cl-part.cur{background:linear-gradient(270deg,#ff2a3a22,transparent)}[dir=rtl] .cl-v2 .cl-part.nxt{background:linear-gradient(270deg,#1fdc6a1a,transparent)}
.cl-v2 .cl-lane{background:rgba(0,0,0,.4)}
.cl-v2 .cl-vu2{background:#000}
.cl-v2 .cl-form input{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.1)}
.cl-v2 .cl-l3b,.cl-v2 #clL3b{left:5%;bottom:14%}
/* field camera app */
.cl-device.land{width:820px;height:410px;border-radius:46px;padding:14px 18px;background:#050505;border:2px solid #222;box-shadow:0 0 0 6px #0d0d0d,0 40px 80px #000}
.cl-v2 .cl-scr{border-radius:30px;border:7px solid #222;transition:border-color .3s,box-shadow .3s;color:#fff}
.cl-v2 .cl-scr.program{border-color:var(--cl-pgm);box-shadow:0 0 30px #ff2a3a,inset 0 0 30px #ff2a3a88}
.cl-v2 .cl-scr.preview{border-color:var(--cl-pvw);box-shadow:0 0 24px #1fdc6a,inset 0 0 24px #1fdc6a66}
.cl-hud-top{position:absolute;top:0;left:0;right:0;display:flex;gap:12px;align-items:center;padding:8px 14px;font-size:10.5px;background:linear-gradient(180deg,#000c,transparent);color:#e5e7eb}
.cl-hud-top .sp{flex:1}.cl-hud-top .r{color:#ff4d5a;font-weight:700;display:flex;gap:5px;align-items:center}.cl-hud-top .r i{width:8px;height:8px;border-radius:50%;background:#ff2a3a;animation:cl-blink 1s infinite}.cl-hud-top .r b{color:#fff}
.cl-v2 .cl-ptally{top:40px;font:900 13px Inter;letter-spacing:.14em;padding:5px 16px}
.cl-v2 .program .cl-ptally{background:var(--cl-pgm);box-shadow:0 0 20px var(--cl-pgm)}.cl-v2 .preview .cl-ptally{background:var(--cl-pvw);color:#032;box-shadow:0 0 18px var(--cl-pvw)}
.cl-v2 .cl-pcd{top:34%;font:800 84px 'JetBrains Mono';text-shadow:0 0 30px #000,0 0 2px #000}
.cl-v2 .cl-pip{top:auto;bottom:16px;right:auto;left:16px;width:150px;border-color:#ff2a3a;box-shadow:0 0 12px #ff2a3a88}
.cl-v2 .cl-pip small{background:#ff2a3a;padding:1px 4px;border-radius:2px;top:3px;left:3px}
.cl-ameters{position:absolute;left:14px;top:44px;height:120px;display:flex;gap:3px}
.cl-ameters i{display:block;width:5px;align-self:flex-end;background:linear-gradient(0deg,#22c55e 0 65%,#facc15 82%,#ef4444);transition:height .08s}
.cl-grid3{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.18) 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.18) 66.66%,transparent calc(66.66% + .5px)),linear-gradient(0deg,transparent calc(33.33% - .5px),rgba(255,255,255,.18) 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.18) 66.66%,transparent calc(66.66% + .5px))}
.cl-v2 .cl-pmsg{bottom:16px;left:190px;right:110px;background:linear-gradient(90deg,#ffb020,#ffcf5a);border-radius:10px;font:700 13px Inter;box-shadow:0 0 20px #ffb02088}
.cl-cam-side{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;align-items:center;font-size:9px;color:#cbd5e1}
.cl-v2 .cl-ptalk{position:static;transform:none;width:76px;height:76px;border-radius:50%;font:900 13px Inter;letter-spacing:.08em;background:rgba(255,255,255,.92);box-shadow:0 0 0 4px #fff3}
.cl-v2 .cl-ptalk.on{background:var(--cl-rec);box-shadow:0 0 0 6px #ffb02055,0 0 30px #ffb020}
.cl-shutter{width:50px;height:50px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle,#ff2a3a 55%,transparent 57%);cursor:pointer}
.cl-v2 .cl-phonewrap{flex-direction:column;align-items:flex-start}
.cl-v2 .cl-pnotes{max-width:820px}
/* splash */
.cl-splash{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#1b060b,#000 70%);transition:opacity .6s}
.cl-splash.out{opacity:0}
.cl-splash-in{display:grid;justify-items:center;gap:18px}
.cl-wm.big{font-size:56px}.cl-wm.big .cl-wm-dot{width:26px;height:26px}.cl-wm.big sup{font-size:13px}
.cl-splash-cd{font:800 90px 'JetBrains Mono';color:#fff;text-shadow:0 0 40px #ff2a3a;min-height:110px}
.cl-splash.live .cl-splash-cd{font:900 64px Inter;letter-spacing:.2em;color:#fff;background:linear-gradient(180deg,#ff3b47,#b8000e);padding:6px 26px;border-radius:10px;box-shadow:0 0 60px #ff2a3a,0 0 140px #ff2a3a88;min-height:0}
.cl-splash-t{color:#9ca3af;font:600 14px Heebo,Inter;letter-spacing:.06em}
.cl-splash-bar{width:280px;height:3px;background:#222;border-radius:2px;overflow:hidden}.cl-splash-bar i{display:block;height:100%;background:var(--cl-pgm);box-shadow:0 0 10px var(--cl-pgm);animation:cl-bar 2s linear forwards;width:0}
@keyframes cl-bar{to{width:100%}}
.cl-v2 .cl-toast{background:rgba(20,22,28,.9);backdrop-filter:blur(10px)}
.cl-onairbox{white-space:nowrap;flex:none}
.cl-pvcol{display:grid;gap:10px}
.cl-pvscopes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cl-pvscopes canvas{display:block;width:100%;height:84px}
.cl-nextup{display:flex;flex-direction:column;gap:4px}.cl-nextup b{font:700 14px Inter;color:#fff}.cl-nextup span{color:var(--cl-pvw);font-size:20px;font-weight:700;text-shadow:0 0 10px #1fdc6a66}
.cl-meterbox canvas{height:auto}
.cl-scopes{align-self:stretch}.cl-meterbox{height:100%}