.recorder-mode-art{aspect-ratio:16/10;background:radial-gradient(120% 80% at 85% 110%,#7dc4ff8c,#0000 60%),radial-gradient(90% 70% at 10% 0,#00a7f573,#0000 65%),linear-gradient(160deg,#0c1320 0%,#10233c 40%,#16395a 70%,#235a82 100%);border-radius:14px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.recorder-mode-art:before,.recorder-mode-art:after{content:"";position:absolute}.recorder-mode-art[data-mode=screen]:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);border-radius:50%;height:42%;inset:38% -10% auto;transform:rotate(-12deg)}.recorder-mode-art[data-mode=area]:before{background:#ffffff0f;border:1.5px dashed #7dd3fcf2;border-radius:4px;inset:22% 24%}.recorder-mode-art[data-mode=window]:before{background:#ffffffb8;border-radius:6px;inset:22% 20%;box-shadow:0 6px 16px #00000059}.recorder-mode-art[data-mode=window]:after{background:#ff5f57;border-radius:999px;width:4px;height:4px;top:calc(22% + 5px);left:calc(20% + 6px);box-shadow:6px 0 #febc2e,12px 0 #28c840}.recorder-mode-art[data-mode=phone]:before{background:#ffffffb8;border-radius:7px;width:22%;top:14%;bottom:14%;left:50%;translate:-50%;box-shadow:0 6px 16px #00000059}