.ecu-showcase{min-width:0;border:1px solid #00afff85;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 52% 50%,#07467850,transparent 75%),linear-gradient(155deg,#03121d,#050b12);box-shadow:inset 0 0 35px #008fff0d,0 0 30px #008dff16}.ecu-caption{display:flex;justify-content:space-between;gap:12px;padding:22px 22px 0;font-size:11px;letter-spacing:.13em;color:#9fbdcf}.ecu-caption span:last-child{color:#31d1ff}.ecu-viewport{width:100%;aspect-ratio:660/580;overflow:hidden;position:relative}.ecu-stage{position:absolute;left:0;top:0;width:660px;height:580px;transform-origin:top left}.ecu-glow{position:absolute;left:85px;top:130px;width:490px;height:350px;background:radial-gradient(ellipse,#0098ff2e,transparent 69%);filter:blur(25px)}.ecu-piece{position:absolute;max-width:none;object-fit:contain;user-select:none;will-change:transform;filter:drop-shadow(0 14px 10px #000a) drop-shadow(0 0 4px #008bff45)}.ecu-label{position:absolute;color:#c6edff;background:#06121ce8;border:1px solid #008ac0;border-radius:4px;padding:7px 10px;font-size:12px;letter-spacing:.04em;opacity:0}.ecu-label-cover{top:30px;left:32px}.ecu-label-board{top:266px;right:18px}.ecu-label-base{top:524px;left:34px}.ecu-controls{display:flex;align-items:center;gap:14px;padding:8px 18px 18px}.ecu-controls button{padding:10px 12px;background:#05121b;border:1px solid #008fbc80;color:#bcd7e9;border-radius:6px;min-height:40px;font-size:12px}.ecu-controls button:hover{border-color:#00caff;color:white}.ecu-controls input{width:100%;min-width:20px;height:28px;accent-color:#00c6ff;cursor:pointer}.tech{align-items:center}.ecu-controls button:focus-visible{outline:2px solid #46d7ff;outline-offset:4px}
@media(max-width:760px){.ecu-caption{padding:18px 16px 0;font-size:10px}.ecu-controls{gap:10px;padding:8px 12px 16px}.ecu-controls button{padding:8px 10px}.ecu-showcase{width:100%}}