/* Paez440Pro · rack vivo (30-sep-2026)
   Espacio 2U = versión compacta de la herramienta (encendido + controles principales) con el MISMO estado que
   la vista Entrar 3U. El panel se diseña a 1086 × 184 (arte 2U-BODY) y se escala al ancho real del espacio. */
html body .rackRail .rackUnit.p440-live{display:block!important;padding:0!important;cursor:default!important;touch-action:auto!important;overflow:hidden!important}
html body .rackRail .rackUnit.p440-live>.p440-2u{position:absolute;left:0;top:0;width:1086px;height:184px;transform-origin:0 0;transform:scale(var(--p440-2u-scale,1))}
.p440-2u{display:flex;align-items:center;gap:10px;padding:0 60px 0 66px;box-sizing:border-box;color:#e9eef2;font:700 11px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.p440-2u-id{flex:0 0 128px;cursor:grab;touch-action:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.p440-2u-id b{font:italic 900 24px/1 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#d8dde1;text-shadow:0 2px 3px #000a}
.p440-2u-id small{margin-top:5px;color:var(--p440-label-color);font:var(--p440-label-font);font-size:10px}
.p440-2u-cell{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto}
.p440-2u-cell>span{color:var(--p440-label-color);font:var(--p440-label-font);letter-spacing:var(--p440-label-track);text-shadow:0 1px 2px #000}
.p440-2u-knob{touch-action:none;cursor:ns-resize;outline:none;border-radius:50%}
.p440-2u-knob:focus-visible{box-shadow:0 0 0 2px #7fd0ff}
.p440-2u-scale{display:flex;gap:4px;font-size:8.5px;color:#aebbc4}
.p440-2u-scale i{font-style:normal}
.p440-2u-scale i.on{color:#fff;text-shadow:0 0 6px #6cc6ff}
.p440-2u-window{border-style:solid;border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 22px round;padding:12px 12px;min-width:118px;text-align:center;font:700 19px/1 "Courier New",monospace;letter-spacing:0;text-transform:none;color:#9fe0ff;text-shadow:0 0 8px #2e9bff88}
.p440-2u-window small{display:block;margin-top:5px;font:var(--p440-label-font);font-size:10px;color:var(--p440-label-color);letter-spacing:var(--p440-label-track)}
.p440-2u-sig{display:grid;grid-template-columns:repeat(2,auto);gap:3px 10px}
html body .p440-2u .p440-pkg.p440-pkg{min-width:0!important;padding:0!important}
html body .p440-2u .p440-pkg.latch.small{--p440-pkg-size:26px}
.p440-2u .p440-meter.viewmeter01{width:150px!important}
.p440-2u-enter{margin-left:auto}
/* Unidad encendida: glow de línea en el espacio del rack */
html body .rackRail .rackUnit.p440-live.p440-unit-on{box-shadow:0 0 0 1px #2e9bff,0 0 18px #2e9bffaa!important}

/* Entrar 3U: SIN banner y SIN base (LEEME-USO del rack). El regreso al rack va dentro del chasis. */
body.p440-live-open .rackMaster,body.p440-live-open .p440-official-site-banner,body.p440-live-open .p440-site-footer-v2{display:none!important}
body.p440-live-open .rackLegacyHost .p440-3u-back{display:inline-flex!important}
.p440-3u-back{display:none!important;position:absolute;right:6.2%;top:.9%;z-index:3;flex-direction:row!important;gap:6px!important;align-items:center!important;font-size:10px!important}
html body .p440-3u-back.p440-pkg.p440-pkg{flex-direction:row!important;--p440-pkg-size:30px}
/* El motor sigue vivo mientras se ve el rack: el iframe no se oculta con display:none (pausaría los medidores). */
#legacyHost.p440-live-host:not(.active){display:block!important;position:fixed!important;left:0!important;top:0!important;width:900px!important;height:420px!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;background:none!important}
#legacyHost.p440-live-host:not(.active)>iframe{width:100%!important;height:100%!important}
body.p440-live-open #legacyHost.p440-live-host.active>iframe{background:transparent!important}
/* Entrar 3U cabe entero en pantalla (horizontal): el ancho se limita por la altura disponible. */
body.p440-live-open #legacyHost.p440-live-host.active{width:min(100%,calc((100dvh - 8px) * 1086 / 550))!important;margin:0 auto!important}
/* Resto de AudioTools en 2U */
.p440-2u-screen{padding:6px!important;min-width:0!important;line-height:0!important}
.p440-2u-scope{display:block;background:#050709;border-radius:3px}
.p440-2u-window.p440-2u-big{font-size:34px;min-width:150px}
.p440-2u-window.p440-2u-msgwin{font-size:15px;min-width:170px}
.p440-2u-msg{max-width:250px;font-size:8.5px;color:#aebbc4;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p440-2u-answers{display:grid;grid-template-columns:repeat(3,auto);gap:5px}
.p440-2u-answer{font:700 11px/1 Arial,sans-serif;color:#e9eef2;background:linear-gradient(#3a434b,#1a1f24);border:1px solid #7d8a94;border-radius:4px;padding:6px 8px;cursor:pointer;box-shadow:inset 0 1px #ffffff22,0 2px 3px #0008}
.p440-2u-answer:active{transform:translateY(1px)}
.p440-2u-window.p440-2u-sm{font-size:14px;min-width:92px;padding:12px 8px}
.p440-2u-window.p440-2u-sm{font-size:13px;min-width:100px}
/* LightingTools en 2U */
html body .rackRail .rackUnit.p440-live.p440-line-lighting.p440-unit-on{box-shadow:0 0 0 1px #ff2fb3,0 0 18px #ff2fb3aa!important}
.p440-2u-dips{display:grid;grid-template-columns:repeat(10,auto);gap:2px 4px}
html body .p440-2u .p440-pkg.toggle{--p440-pkg-size:36px;font-size:8.5px!important}
.p440-2u-row3{grid-template-columns:repeat(3,auto)!important}
.p440-2u-verdict{display:block;max-width:170px;white-space:normal;line-height:1.25;max-height:3.8em;overflow:hidden}
.p440-2u-window.p440-2u-sw{position:relative;padding-left:30px}
.p440-2u-window.p440-2u-sw:before{content:"";position:absolute;left:10px;top:50%;width:14px;height:14px;margin-top:-10px;border-radius:3px;background:var(--sw,transparent);box-shadow:0 0 0 1px #ffffff55}
.p440-2u-color{width:64px;height:40px;padding:0;border:2px solid #8b98a2;border-radius:6px;background:#0b1014;cursor:pointer}
.p440-2u-select{font:700 12px Arial,sans-serif;color:#e9eef2;background:#0b1014;border:2px solid #8b98a2;border-radius:6px;padding:8px 6px;max-width:150px}
.p440-2u-swatches{display:grid;grid-template-columns:repeat(4,auto);gap:6px}
.p440-2u-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:#0b1014;border:1px solid #6d7a84;border-radius:5px;color:#dfe6ea;font:700 9px/1 "Courier New",monospace;cursor:pointer}
.p440-2u-swatch i{display:block;width:62px;height:44px;border-radius:3px;background:var(--sw)}
html body .p440-2u .p440-pkg[disabled]{opacity:.45;cursor:not-allowed}
.p440-2u-window.p440-2u-sm{min-width:112px}
/* VideoTools en 2U (módulos en la misma página: la sección abierta es el chasis 3U) */
html body .rackRail .rackUnit.p440-live.p440-line-video.p440-unit-on{box-shadow:0 0 0 1px #34d27a,0 0 18px #34d27aaa!important}
.p440-2u-patterns{display:grid;grid-template-columns:repeat(4,auto);gap:2px 8px}
.p440-2u-quick{display:grid;grid-template-columns:repeat(5,auto);gap:2px 8px;margin-top:4px}
.p440-2u-window.p440-2u-time{font-size:27px;min-width:222px}
body.p440-live-open .rackModuleBody.p440-live-sec.active{width:min(100%,calc((100dvh - 8px) * 1086 / 550))!important;margin-left:auto!important;margin-right:auto!important}
body.p440-live-open .rackModuleBody.p440-live-sec.active>.p440-3u-back{display:inline-flex!important}
.p440-3u-fit{width:1000px}
body.p440-3u .p440-3u-fit .twoCol{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:14px!important;align-items:start!important}
body.p440-3u #test .p440-3u-fit .patternGrid{grid-template-columns:repeat(4,1fr)!important}
body.p440-3u #test .p440-3u-fit .testControls{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.p440-3u #test .p440-3u-fit .testControls .full,body.p440-3u #test .p440-3u-fit .testControls label:has(#testResolution),body.p440-3u #test .p440-3u-fit .testControls label:has(#pixelProfile){grid-column:span 2!important}
body.p440-3u #countdown .p440-3u-fit .quickTimes{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
/* Orden A: equipo apagado = controles atenuados (Power y Entrar siempre activos) */
html body .rackRail .rackUnit.p440-off .p440-2u-cell:not([data-c="power"]):not(.p440-2u-enter){opacity:.4;pointer-events:none;filter:saturate(.4)}
.p440-2u .p440-2u-cell>.p440k-wrap .p440-lbl{font-size:10px}
.p440-2u .p440k-marks{width:100%;gap:2px;font-size:8px}
.p440-2u-row{display:flex;gap:8px;justify-content:center}
.p440-2u-answers.p440-2u-answers4{grid-template-columns:repeat(2,auto)}
.rackUnit[data-module-id="oscillator"] .p440-2u{gap:16px}
/* VideoTools · controles de la librería en Entrar (orden A) */
html body .p440-hidden-orig.p440-hidden-orig.p440-hidden-orig{display:none!important}
.p440-v-row{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0 6px}
.p440-v-win{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:170px;border-style:solid;border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 22px round;padding:14px 16px;color:#b8ffd5;text-shadow:0 0 8px rgba(52,210,122,.6)}
.p440-v-win b{font:700 18px/1 "Courier New",monospace}
.p440-v-win small{margin-top:6px;color:var(--p440-label-color);font:var(--p440-label-font);font-size:10px;letter-spacing:var(--p440-label-track);text-shadow:none}
.p440-v-knobs{margin-top:12px}
.p440-v-krow{display:flex;align-items:flex-start;justify-content:center;gap:26px}
.p440-v-krow.hidden{display:none!important}
.p440-v-ctl{display:flex;flex-direction:column;align-items:center;padding-top:14px}
.p440-v-note{padding:18px 0}
.p440-2u-text{width:150px;margin-top:6px;font:700 12px Arial,sans-serif;color:#e9eef2;background:#0b1014;border:2px solid #8b98a2;border-radius:6px;padding:6px}
body .p440-line-video .p440k-val,body #test .p440k-val,body #countdown .p440k-val{color:#b8ffd5;text-shadow:0 0 6px rgba(52,210,122,.55)}
.p440-line-video .p440k-marks i.on,#test .p440k-marks i.on,#countdown .p440k-marks i.on{text-shadow:0 0 6px rgba(52,210,122,.9)}
.rackUnit[data-module-id="countdown"] .p440-2u{gap:8px}
.rackUnit[data-module-id="countdown"] .p440-2u-window.p440-2u-time{font-size:21px;min-width:176px}
