*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;padding:22px;min-height:100vh;color:#eee;font-family:Arial;background:radial-gradient(circle at 50% 0,#292929,#101010 55%,#030303)}.app{width:min(1500px,97vw);margin:auto}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}h1{margin:0;color:#d9bd91;letter-spacing:4px}header p{margin:6px 0 0;color:#aaa}#estado{color:#8dffad;font:13px monospace}.carga{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid #66523e;border-radius:14px;background:#17130f}.carga label{display:flex;gap:10px;align-items:center}.carga span{color:#bbb;font-size:13px}.resumen{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.resumen article{padding:13px;border:1px solid #4d4134;border-radius:12px;background:#15120f}.resumen span{display:block;color:#aaa;font-size:12px}.resumen b{color:#f1d3a5;font:20px monospace}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.principal{padding:16px;border:1px solid #5c4c3a;border-radius:15px;background:#15120f}video{display:block;width:100%;aspect-ratio:16/9;background:#000;border:8px solid #1b1b1b;border-radius:13px}.timeline-wrap{margin-top:14px;padding:12px;border-radius:11px;background:#0d0b09}.top{display:flex;justify-content:space-between;margin-bottom:9px;color:#cdbda9;font-size:13px}#reloj{color:#8dffad;font-family:monospace}#timeline{position:relative;height:72px;border:1px solid #4c4237;border-radius:8px;background:#050505;overflow:hidden}.linea{position:absolute;left:0;right:0;top:50%;height:2px;background:#655846}#cursor{position:absolute;z-index:5;top:0;bottom:0;left:0;width:2px;background:#8dffad;pointer-events:none}.marcador{position:absolute;top:18px;width:10px;height:36px;transform:translateX(-50%);border:0;border-radius:4px;cursor:pointer}.marcador.ia{background:#65c7ff}.marcador.par{background:#e7bd55}.marcador.coin{background:#ff6f88}.marcador.activo{outline:2px solid #fff;transform:translateX(-50%) scale(1.3)}#seek{width:100%;margin-top:9px}.filtros{display:grid;grid-template-columns:repeat(3,auto) minmax(180px,1fr);gap:16px;align-items:center;margin-top:13px;padding:12px;border-radius:10px;background:#0d0b09}.filtros label{font-size:13px}.filtros label:last-child{display:grid;grid-template-columns:auto 45px;gap:4px 8px}.filtros label:last-child input{grid-column:1/-1;width:100%}#scoreV{color:#8dffad;text-align:right;font-family:monospace}aside{display:flex;flex-direction:column;gap:13px;padding:16px;border:1px solid #6c5842;border-radius:15px;background:linear-gradient(#201b16,#110e0c)}.aside-head,.lista-head{display:flex;justify-content:space-between;color:#d9bd91}.aside-head span,.lista-head span{color:#8dffad;font-family:monospace}.nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{padding:10px;border:1px solid #806d57;border-radius:8px;color:#fff;background:#3a322a;cursor:pointer}button:disabled{opacity:.35}#detalle{flex:1;min-height:370px;padding:12px;border:2px inset #454545;color:#ddd;background:#061008;font:12px/1.55 monospace;overflow:auto}#detalle dt{margin-top:10px;color:#8dffad}#detalle dd{margin:2px 0;word-break:break-word}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:bold}.badge.ia{color:#9bdfff;background:#102a38}.badge.par{color:#ffe192;background:#392e12}.badge.coin{color:#ffa9b8;background:#3b1420}#listaPanel{margin-top:18px;padding:15px;border:1px solid #524536;border-radius:14px;background:#15120f}#lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.card{padding:11px;border:1px solid #4f4336;border-radius:10px;background:#0e0c0a;cursor:pointer}.card:hover,.card.activo{border-color:#b28d60;background:#1a1511}.hora{color:#8dffad;font-family:monospace}.desc{margin-top:5px;color:#bbb;font-size:12px;line-height:1.4}#aviso{min-height:24px;margin-top:12px;color:#ffcb75;text-align:center}@media(max-width:1000px){main{grid-template-columns:1fr}.resumen{grid-template-columns:repeat(2,1fr)}.filtros{grid-template-columns:1fr 1fr}}@media(max-width:650px){body{padding:12px}header,.carga{display:block}.resumen{grid-template-columns:1fr}.filtros{grid-template-columns:1fr}}

.carga{
    flex-wrap:wrap;
}
#cargarSesion{
    min-width:150px;
}
#estadoArchivos{
    flex-basis:100%;
    color:#c9bca9;
    font-family:monospace;
}

.frame-control{padding:11px;border:1px solid #544638;border-radius:10px;background:#0d0b09}.frame-title{display:flex;justify-content:space-between;margin-bottom:9px;color:#d9bd91;font-size:12px}.frame-title span{color:#8dffad;font-family:monospace}.frame-nav{display:grid;grid-template-columns:58px 1fr 58px;gap:9px;align-items:center}.frame-nav button{min-height:54px;font:bold 31px/1 monospace;color:#f2d4a6}.frame-info{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:7px;border:1px inset #484139;border-radius:8px;color:#8dffad;background:#050806;font-family:monospace;text-align:center}.frame-info small{margin-top:3px;color:#aaa}

.controles-imagen{display:grid;grid-template-columns:150px repeat(3,minmax(140px,1fr)) 120px;gap:10px;align-items:end;margin:12px 0;padding:12px;border:1px solid #6c5842;border-radius:10px;background:#17130f}.controles-imagen .ctrl{display:flex;flex-direction:column;gap:6px}.controles-imagen label{display:flex;justify-content:space-between;gap:8px;color:#d9bd91;font-size:12px}.controles-imagen label span{color:#8dffad;font-family:monospace}.controles-imagen select,.controles-imagen input{width:100%}#restablecerAjustes{min-height:38px}@media(max-width:1000px){.controles-imagen{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:650px){.controles-imagen{grid-template-columns:1fr}}

.visor-zoom{position:relative;overflow:hidden;background:#000}.video-transform{width:100%;height:100%;transform-origin:center;will-change:transform}.video-transform video{display:block;width:100%;height:100%}.visor-zoom.zoom-activo{cursor:grab}.visor-zoom.arrastrando{cursor:grabbing}#lupaCanvas{position:absolute;z-index:20;width:180px;height:180px;border:3px solid #d9bd91;border-radius:50%;background:#000;box-shadow:0 0 0 3px #000a;pointer-events:none}.herramientas-estudio{display:grid;grid-template-columns:150px 190px minmax(180px,1fr) 130px 170px 170px;gap:10px;align-items:end;margin:12px 0;padding:12px;border:1px solid #6c5842;border-radius:10px;background:#17130f}.herramientas-estudio .ctrl{display:flex;flex-direction:column;gap:6px}.herramientas-estudio label{display:flex;justify-content:space-between;gap:8px;color:#d9bd91;font-size:12px}.herramientas-estudio label span{color:#8dffad;font-family:monospace}.check-lupa{align-items:center;justify-content:flex-start!important;min-height:38px}.galeria-estudio{margin:12px 0;padding:12px;border:1px solid #6c5842;border-radius:10px;background:#110e0c}.galeria-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.galeria-head div{display:flex;flex-direction:column;gap:4px}.galeria-head span{color:#8dffad;font:12px monospace}.lista-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.captura-card{overflow:hidden;border:1px solid #4f4336;border-radius:10px;background:#0c0a08}.captura-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.captura-info{padding:9px;color:#bbb;font:12px/1.45 monospace}.captura-info b{display:block;color:#f1d3a5}.captura-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 9px 9px}@media(max-width:1200px){.herramientas-estudio{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:700px){.herramientas-estudio{grid-template-columns:1fr}}


/* Herramientas de anotación v1.0.1 */
.video-transform{position:relative}
#anotacionCanvas{position:absolute;z-index:12;inset:0;width:100%;height:100%;touch-action:none;pointer-events:auto;cursor:crosshair;clip-path:inset(0 0 52px 0)}
#anotacionCanvas.modo-navegar{pointer-events:none;cursor:default}
#anotacionCanvas.oculto{display:none}
.herramientas-anotacion{margin:12px 0;padding:12px;border:1px solid #6c5842;border-radius:10px;background:#10150f;box-shadow:inset 0 0 24px #66ff6608}
.anotacion-titulo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#d9bd91;font-size:12px;letter-spacing:.5px}.anotacion-titulo span{color:#66ff66;font-family:monospace}
.anotacion-botones{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.anotacion-botones button{padding:9px 7px}.anotacion-botones button.herramienta-activa{border-color:#66ff66;color:#b8ffb8;background:#173017;box-shadow:0 0 10px #66ff6655,inset 0 0 8px #66ff6622}
.anotacion-opciones{display:grid;grid-template-columns:auto minmax(160px,1fr) 34px auto 130px 145px;gap:10px;align-items:center;margin-top:10px}.anotacion-opciones label{display:flex;justify-content:space-between;gap:8px;color:#d9bd91;font-size:12px}.anotacion-opciones label span{color:#66ff66;font-family:monospace}.muestra-color{width:26px;height:26px;border:1px solid #baffba;border-radius:5px;background:#66ff66;box-shadow:0 0 9px #66ff66}.check-anotaciones{justify-content:flex-start!important}.estado-anotacion{margin-top:9px;color:#9dd89d;font:12px/1.4 monospace}
@media(max-width:1100px){.anotacion-botones{grid-template-columns:repeat(3,1fr)}.anotacion-opciones{grid-template-columns:auto 1fr 34px auto}.anotacion-opciones button{grid-row:2}}
@media(max-width:650px){.anotacion-botones{grid-template-columns:repeat(2,1fr)}.anotacion-opciones{grid-template-columns:1fr}.muestra-color{display:none}}