:root{--fondo:#0a0e12;--panel:#121920;--borde:#22303a;--texto:#ecf1f4;--suave:#8fa0ab;--acento:#5ec6d1;--lima:#b5e04b;--sobre-acento:#0a0e12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--texto);margin:0;overflow:hidden}body{flex-direction:column;height:100dvh;display:flex}.barra{background:var(--panel);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.barra h1{white-space:nowrap;margin:0;font-size:18px}.acciones{gap:8px;display:flex}.boton,.herramientas button{font:inherit;color:var(--texto);border:1px solid var(--borde);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;min-height:40px;padding:8px 12px;font-size:14px}.boton:hover,.herramientas button:hover{border-color:var(--acento)}.boton.principal{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.herramientas button.activa{color:var(--sobre-acento);background:var(--acento);border-color:var(--acento);font-weight:600}button:focus-visible,.boton-grande:focus-within,a:focus-visible{outline:2px solid var(--lima);outline-offset:2px}.marca{align-items:center;gap:12px;min-width:0;display:flex}.logo-barra{flex:none;width:auto;height:46px;margin:-4px 0}.firma{color:var(--acento);font-weight:400}.herramientas{border-bottom:1px solid var(--borde);gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.selector-vista{display:none}.vistas{background:var(--borde);flex:1;grid-template-columns:repeat(3,1fr);gap:2px;min-height:0;display:grid;position:relative}.vista{background:#000;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.imagen{flex:1;min-height:0;position:relative}.control-cortes{background:var(--panel);border-top:1px solid var(--borde);align-items:center;gap:12px;padding:6px 12px 8px;display:flex}.numero-corte{text-align:right;min-width:64px;color:var(--suave);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.deslizador{touch-action:pan-x;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:36px;margin:0}.deslizador::-webkit-slider-runnable-track{background:var(--borde);border-radius:999px;height:6px}.deslizador::-moz-range-track{background:var(--borde);border-radius:999px;height:6px}.deslizador::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lima);border:2px solid var(--fondo);border-radius:50%;width:24px;height:24px;margin-top:-9px}.deslizador::-moz-range-thumb{background:var(--lima);border:2px solid var(--fondo);border-radius:50%;width:22px;height:22px}.lienzo{touch-action:none;position:absolute;inset:0}.etiqueta{color:var(--suave);pointer-events:none;font-size:12px;position:absolute;top:6px;left:8px}.inicio{z-index:10;background:var(--fondo);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.inicio.oculto{display:none}.tarjeta{text-align:center;background:var(--panel);border:1px solid var(--borde);border-radius:16px;width:100%;max-width:460px;padding:32px 24px;transition:border-color .15s,background .15s}.tarjeta.arrastrando{border-color:var(--lima);background:#16222a}.logo-inicio{width:100%;max-width:280px;height:auto;margin:0 auto 18px;display:block}.tarjeta h1{margin:0 0 6px;font-size:24px;line-height:1.25}.tarjeta .firma{font-size:17px;display:block}.subtitulo{color:var(--suave);margin:0 0 28px}.boton-grande{width:100%;min-height:72px;color:var(--sobre-acento);background:linear-gradient(135deg, var(--acento), var(--lima));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.boton-grande:hover{filter:brightness(1.1)}.boton-grande:active{transform:scale(.98)}.ayuda{color:var(--suave);margin:14px 0 0;font-size:14px;line-height:1.45}.enlace{color:var(--acento);cursor:pointer;text-decoration:underline}.progreso{margin-top:8px}.barra-progreso{background:var(--fondo);border:1px solid var(--borde);border-radius:999px;height:12px;overflow:hidden}.relleno{background:linear-gradient(90deg, var(--acento), var(--lima));border-radius:999px;width:0%;height:100%;transition:width .2s ease-out}.etapa{color:var(--suave);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:14px;display:flex}.error{color:#ffb4a8;text-align:left;background:#3a1d1a;border-radius:8px;margin:18px 0 0;padding:12px;font-size:14px}.aviso{color:#ffd8a8;border-bottom:1px solid var(--borde);background:#3a2a14;align-items:center;gap:12px;margin:0;padding:8px 12px 8px 16px;font-size:13px;line-height:1.4;display:flex}.aviso span{flex:1}.aviso button{min-height:36px;font:inherit;color:#ffd8a8;cursor:pointer;background:0 0;border:1px solid #7a5a2a;border-radius:8px;flex:none;padding:6px 12px;font-weight:600}.privacidad{color:var(--suave);margin:28px 0 0;font-size:13px}.pie{color:var(--suave);flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:13px;display:flex}.pie a{color:var(--suave);text-decoration:none}.pie a:hover{color:var(--acento)}.oculto{display:none!important}@media (width<=800px){.barra h1{font-size:16px}.logo-barra{height:32px;margin:-2px 0}.marca{gap:8px}.logo-inicio{max-width:190px;margin-bottom:12px}.tarjeta{padding:24px 18px}.solo-computador{display:none}.barra{padding:8px 12px}.herramientas{padding:6px 12px}.vistas{display:block}.vista{visibility:hidden;position:absolute;inset:0}.vista.activa{visibility:visible}.selector-vista{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--borde);gap:8px;display:flex}.selector-vista button{min-height:56px;font:inherit;color:var(--texto);border:1px solid var(--borde);cursor:pointer;background:0 0;border-radius:12px;flex:1;font-size:17px;font-weight:600}.selector-vista button.activa{color:var(--sobre-acento);background:var(--acento);border-color:var(--acento)}}@media (width<=520px){.barra .firma{display:none}}.tarjeta .punto{display:none}