.real-media.console-selected .media-screen{aspect-ratio:auto;border-radius:0;background:transparent}.console-selected .editor-shot{position:relative;inset:auto;display:block}.console-preview{position:relative;aspect-ratio:2000/1002;background:#07150f;overflow:hidden}.console-preview img,.console-preview canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.console-pause{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff55;border-radius:50%;background:#102a21aa;color:white;width:30px;height:30px;cursor:pointer}.console-controls{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:22px 28px 10px}.console-controls label{display:grid;justify-items:center;gap:9px;font-size:11px;color:#dce5db}.console-controls output{color:#c8b175;font-variant-numeric:tabular-nums;font-size:10px}.console-controls input{width:100%;min-width:0;accent-color:#cbb276;height:4px;cursor:pointer}.console-dial{width:52px;height:52px;border:1px solid #587063;border-radius:50%;padding:5px;background:conic-gradient(from 45deg,#163b30,#456154,#10271f,#345244,#163b30);box-shadow:0 3px 7px #0003}.console-dial i{display:block;width:100%;height:100%;border-radius:50%;background:#193c2e;position:relative;box-shadow:inset 0 1px 3px #ffffff22}.console-dial i:after{content:'';position:absolute;left:calc(50% - 1px);top:4px;width:2px;height:9px;background:#d6bc7a;border-radius:2px}.console-controls input:focus-visible,.console-pause:focus-visible{outline:2px solid #d6bc7a;outline-offset:5px}@media(max-width:480px){.console-controls{padding:20px 20px 10px;gap:26px}}
.console-demo{width:100%}