:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;padding:0}.app{color:#f2f4f7;background:#14171c;flex-direction:column;height:100dvh;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.barra{border-bottom:1px solid #2b3038;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.barra h1{margin:0;font-size:18px;font-weight:600}.estado{border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.estado.ok{color:#4ade80;background:#10331f}.estado.mal{color:#f87171;background:#3a1a1a}.superficie{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#1b2027 0%,#14171c 70%);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.zona{background:#64748b14;border:2px dashed #64748b;border-radius:4px;place-items:center;display:grid;position:relative}.zona-medida{color:#8b95a5;letter-spacing:.5px;font-size:12px;position:absolute;top:-22px;left:0}.contenido{color:#93c5fd;will-change:transform;background:#60a5fa1f;border:2px solid #60a5fa;border-radius:4px;place-items:center;font-size:12px;display:grid;position:absolute;overflow:hidden}.ayuda{color:#8b95a5;text-align:center;margin:0;padding:0 16px;font-size:14px}.ayuda.pie{position:absolute;bottom:12px;left:0;right:0}.datos{border-top:1px solid #2b3038;grid-template-columns:repeat(4,1fr);display:grid}.dato{flex-direction:column;align-items:center;padding:12px 4px;display:flex}.dato-etiqueta{letter-spacing:1px;color:#8b95a5;text-transform:uppercase;font-size:11px}.dato-valor{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.aviso{color:#fcd34d;background:#3a2f14;margin:0;padding:10px 20px;font-size:14px}.previa{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.acciones{border-top:1px solid #2b3038;align-items:center;gap:10px;padding:10px 16px;display:flex}.accion{color:#e7ebf1;background:#232830;border:1px solid #3a414c;border-radius:10px;flex:1;min-height:48px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:600}.accion:active{color:#fff;background:#2f6fed;border-color:#2f6fed}.aviso-accion{color:#4ade80;opacity:0;text-align:right;min-width:130px;font-size:13px;transition:opacity .15s}.aviso-accion.visible{opacity:1}