/* KlipTok v132 · Grabadora de pantalla (módulo independiente). Usa las variables --kr-* del Estudio si existen. */
.krc{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:var(--kr-bg,#15151a);color:var(--kr-ink,#f4f4f7);font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.krc.krc-inline{position:absolute;z-index:26}
.krc *{box-sizing:border-box}
.krc [hidden]{display:none!important}
.krc-top{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;flex:none;background:var(--kr-panel,#1e1e25);border-bottom:1px solid var(--kr-line,#33333d)}
.krc-logo{display:flex;align-items:center;gap:8px;font-size:15px}
.krc-logo i{width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.25)}
.krc-state{font-size:12px;opacity:.85}
.krc[data-view=rec] .krc-state{color:#fca5a5;font-weight:700}
.krc-sp{flex:1}
.krc-x{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:16px;cursor:pointer}
.krc-x:hover:not(:disabled){background:rgba(255,255,255,.12)}.krc-x:disabled{opacity:.35;cursor:not-allowed}
.krc-body{flex:1;min-height:0;display:flex;gap:12px;padding:12px}
.krc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.krc-stage{position:relative;flex:1;min-height:160px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}
.krc-cv{max-width:100%;max-height:100%;display:block;background:#000}
.krc-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:20px;color:#cfd0d8}
.krc-empty b{font-size:17px;color:#fff}.krc-empty span{max-width:360px;font-size:13px}
.krc-cd{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:min(30vh,9rem);font-weight:800;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.8);pointer-events:none}
.krc-cd.pop{animation:krcpop .9s ease-out}
@keyframes krcpop{0%{transform:scale(1.6);opacity:0}25%{opacity:1}100%{transform:scale(.9);opacity:.85}}
.krc-hid{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none;left:0;top:0}
.krc-meters{display:flex;align-items:center;gap:10px;font-size:12px;flex:none}
.krc-meters label{display:flex;align-items:center;gap:8px}
.krc-meter{display:inline-block;width:140px;height:8px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden}
.krc-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55e,#eab308 70%,#ef4444)}
.krc-msg{margin:0;min-height:0;font-size:13px;color:#cbd5e1}.krc-msg:empty{display:none}.krc-msg.bad{color:#fca5a5}
.krc-run{display:flex;align-items:center;gap:10px;flex:none;flex-wrap:wrap}
.krc-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:krcblink 1s infinite}
.krc-dot.paused{animation:none;background:#a1a1aa}
@keyframes krcblink{50%{opacity:.25}}
.krc-time{font-variant-numeric:tabular-nums;font-size:20px;min-width:70px}
.krc-done{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}
.krc-dv{flex:1;min-height:0;width:100%;background:#000;border-radius:12px}
.krc-drow{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.krc-side{width:300px;flex:none;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}
.krc-side.lock{opacity:.45;pointer-events:none}
.krc-f{margin:0;padding:10px 12px;border:1px solid var(--kr-line,#33333d);border-radius:10px;display:flex;flex-direction:column;gap:8px;background:var(--kr-panel,#1e1e25)}
.krc-f.off{opacity:.4;pointer-events:none}
.krc-f legend{padding:0 6px;font-size:12px;font-weight:700;opacity:.85}
.krc-r,.krc-c{display:flex;align-items:center;gap:8px;cursor:pointer}
.krc-c small{opacity:.7}
.krc-g{display:grid;grid-template-columns:1fr;gap:6px}.krc-g label{display:flex;flex-direction:column;gap:3px;font-size:12px}
.krc select{height:34px;padding:0 8px;border:1px solid var(--kr-line,#33333d);border-radius:8px;background:var(--kr-panel2,#26262e);color:inherit;font:inherit;width:100%}
.krc input[type=checkbox],.krc input[type=radio]{width:17px;height:17px;accent-color:#ef4444}
.krc-priv{margin:0;font-size:12px;opacity:.7}
.krc-foot{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 12px;flex:none;border-top:1px solid var(--kr-line,#33333d);background:var(--kr-panel,#1e1e25)}
.krc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--kr-line,#3a3a46);border-radius:10px;background:var(--kr-panel2,#2a2a33);color:inherit;font:inherit;font-weight:600;cursor:pointer}
.krc-btn:hover:not(:disabled){filter:brightness(1.15)}.krc-btn:disabled{opacity:.5;cursor:not-allowed}
.krc-go,.krc-main-btn{background:#2563eb;border-color:#2563eb;color:#fff;min-width:220px;min-height:46px;font-size:15px}
.krc-go.rec,.krc-stop{background:#dc2626;border-color:#dc2626;color:#fff}
.krc-ghost{background:transparent}
.krc button:focus-visible,.krc select:focus-visible,.krc input:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
@media (max-width:900px){.krc-body{flex-direction:column;overflow:auto}.krc-side{width:auto;overflow:visible}.krc-stage{min-height:200px;flex:none;aspect-ratio:16/9}.krc-done{flex:none}.krc-dv{flex:none;aspect-ratio:16/9}}
@media (prefers-reduced-motion:reduce){.krc-cd.pop,.krc-dot{animation:none}}