.keep{display:flex;gap:14px;align-items:flex-start;max-width:1100px;width:100%;margin:0 auto;padding:16px 18px;border-radius:18px;background:rgba(37,244,238,.07);box-shadow:inset 0 0 0 1px rgba(37,244,238,.35);color:var(--soft)}
.keep b{display:block;color:var(--ink);font-size:16px}
.keep .dot{flex:none;width:14px;height:14px;margin-top:5px;border-radius:50%;background:#555}
.keep.on .dot{background:#2ee59d;box-shadow:0 0 0 4px rgba(46,229,157,.2);animation:blink 1.6s ease-in-out infinite}
.keep.bad{background:rgba(254,44,85,.08);box-shadow:inset 0 0 0 1px rgba(254,44,85,.45)}.keep.bad .dot{background:var(--pk)}
@keyframes blink{50%{opacity:.4}}
.tgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;max-width:1100px;width:100%;margin:0 auto;align-items:start}
.tgrid .panel{max-width:none;margin:0}
.viewers{font-size:13px;color:var(--mute)}
.fld{display:grid;gap:6px;color:var(--soft);font-size:14px;font-weight:600}
.fld input,.sel select{background:#14141b;border:1px solid #2c2c36;color:var(--ink);border-radius:12px;padding:10px 12px;font:600 16px var(--body);min-width:0}
.trow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trow input{width:84px;text-align:center;font:900 26px var(--body);direction:ltr}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button,.adj button{background:#1a1a22;border:1px solid #2c2c36;color:var(--ink);border-radius:999px;padding:7px 12px;font:700 13px var(--body);cursor:pointer;direction:ltr}
.chips button:hover,.adj button:hover{border-color:var(--cy)}
.ctl{display:flex;gap:10px;flex-wrap:wrap}.ctl .btn{height:48px;padding:0 20px}
.adj{display:flex;gap:6px;flex-wrap:wrap}
.opts{display:grid;gap:10px;border-top:1px solid #22222b;padding-top:14px}
.chk{display:flex;align-items:center;gap:10px;color:var(--soft);font-weight:600;font-size:14px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--pk)}
.sel select{padding:6px 10px;font-size:14px}
.link{display:flex;gap:8px}
.link input{flex:1;min-width:0;background:#14141b;border:1px solid #2c2c36;color:var(--cy);border-radius:12px;padding:10px 12px;font:700 14px ui-monospace,Consolas,monospace;direction:ltr}
.how{margin:0;padding-inline-start:20px;color:var(--soft);font-size:14px;display:grid;gap:4px}
.prev{display:grid;gap:6px;justify-items:center;color:var(--mute);font-size:12px}
.prev iframe{width:100%;aspect-ratio:4/3;border:0;border-radius:16px;background:repeating-conic-gradient(#15151c 0 25%,#101016 0 50%) 0 0/24px 24px}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,0,0,.65);padding:18px}
.modal>div{max-width:440px;width:100%;background:var(--card);border-radius:22px;padding:24px;box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.6);display:grid;gap:12px}
.modal p{margin:0;color:var(--soft)}
.modal .ctas{margin-top:6px}
@media (max-width:900px){.tgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.links{display:none}.navrow{gap:10px}.bname{display:none}}
.trow .tin{display:flex;align-items:center;gap:8px;direction:ltr}
@media (max-width:560px){.link .btn{width:auto}.ctl .btn{flex:1}}