.AsciiWebcam_asciiWebcamContainer__QNHqc{flex-direction:column;background-color:#000;overflow:hidden;padding:20px 0}.AsciiWebcam_asciiWebcamContainer__QNHqc,.AsciiWebcam_cameraImageContainer__a_Dft{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.AsciiWebcam_cameraImage__IzHj1{-o-object-fit:contain;object-fit:contain;z-index:1;background-color:transparent!important;max-height:95vh}.AsciiWebcam_cyberpunkFrame__quWCo{position:relative;width:100%;max-width:800px;aspect-ratio:16/9;border:1px solid rgba(36,163,227,.5);box-shadow:0 0 20px rgba(36,163,227,.4),inset 0 0 40px rgba(36,163,227,.2);background-color:rgba(0,0,0,.7);border-radius:8px;overflow:hidden;z-index:1;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.AsciiWebcam_frameCorner__b_Dfz{position:absolute;width:20px;height:20px;border-color:#24a3e3;z-index:2}.AsciiWebcam_frameCorner__b_Dfz:first-child{border-top:2px solid;border-left:2px solid}.AsciiWebcam_frameCorner__b_Dfz:nth-child(2){border-top:2px solid;border-right:2px solid}.AsciiWebcam_frameCorner__b_Dfz:nth-child(3){border-bottom:2px solid;border-left:2px solid}.AsciiWebcam_frameCorner__b_Dfz:nth-child(4){border-bottom:2px solid;border-right:2px solid}.AsciiWebcam_frameBorder__Ax6Uq{position:absolute;background:linear-gradient(90deg,rgba(36,163,227,.2),rgba(36,163,227,.6),rgba(36,163,227,.2));z-index:2}.AsciiWebcam_asciiCanvas__R759d{position:absolute;width:96%;height:96%;top:2%;left:2%;z-index:2;background-color:#080c37;border-radius:5px;box-shadow:inset 0 0 15px rgba(5,217,232,.3);-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.AsciiWebcam_hiddenVideo__ADH3Q{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0}.AsciiWebcam_controlsContainer__mT4_s{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin-top:20px;gap:15px}.AsciiWebcam_controlsRow__4l9ma{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.AsciiWebcam_aspectRatioControls__CSLct{display:flex;justify-content:center;gap:8px;margin-top:8px}.AsciiWebcam_aspectRatioButton__Xe_vC{background-color:rgba(36,163,227,.3);color:#fff;font-family:Terminal,monospace;padding:6px 12px;border:1px solid rgba(36,163,227,.6);border-radius:6px;cursor:pointer;transition:all .2s ease}.AsciiWebcam_activeAspectRatio__usDE3,.AsciiWebcam_aspectRatioButton__Xe_vC:hover{background-color:rgba(36,163,227,.8);box-shadow:0 0 10px rgba(36,163,227,.5)}.AsciiWebcam_activeAspectRatio__usDE3{border:1px solid #fff}.AsciiWebcam_cameraSwitchButton__6KoLS{padding:8px 16px;background-color:rgba(144,19,254,.9);color:#fff;border:none;border-radius:8px;font-family:Terminal,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px rgba(144,19,254,.5),0 0 20px rgba(144,19,254,.2)}.AsciiWebcam_cameraSwitchButton__6KoLS:hover{background-color:rgba(170,50,254,.9);transform:scale(1.05);box-shadow:0 0 15px rgba(144,19,254,.7),0 0 30px rgba(144,19,254,.3)}.AsciiWebcam_controlButtons__EUxVl{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:10}.AsciiWebcam_captureButton__p905w,.AsciiWebcam_settingsButton__16afj,.AsciiWebcam_webcamToggleButton__6d_kQ{padding:10px 20px;background-color:rgba(36,163,227,.9);color:#fff;border:none;border-radius:8px;font-family:Terminal,monospace;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 0 10px rgba(36,163,227,.5),0 0 20px rgba(36,163,227,.2)}.AsciiWebcam_captureButton__p905w:hover,.AsciiWebcam_settingsButton__16afj:hover,.AsciiWebcam_webcamToggleButton__6d_kQ:hover{background-color:rgba(5,217,232,.9);transform:scale(1.05);box-shadow:0 0 15px rgba(36,163,227,.7),0 0 30px rgba(36,163,227,.3)}.AsciiWebcam_captureButton__p905w{background-color:rgba(255,42,109,.9);box-shadow:0 0 10px rgba(255,42,109,.5),0 0 20px rgba(255,42,109,.2)}.AsciiWebcam_captureButton__p905w:hover{background-color:rgba(255,113,206,.9);box-shadow:0 0 15px rgba(255,42,109,.7),0 0 30px rgba(255,42,109,.3)}.AsciiWebcam_settingsButton__16afj{background-color:rgba(52,152,219,.9);box-shadow:0 0 10px rgba(52,152,219,.5),0 0 20px rgba(52,152,219,.2)}.AsciiWebcam_activeButton__o8T_r,.AsciiWebcam_settingsButton__16afj:hover{background-color:rgba(41,128,185,.9);box-shadow:0 0 15px rgba(41,128,185,.7),0 0 30px rgba(41,128,185,.3)}.AsciiWebcam_activeButton__o8T_r{border:2px solid #fff}.AsciiWebcam_advancedControlsPanel__8ilhj{position:relative;width:100%;max-width:800px;background-color:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(36,163,227,.6);box-shadow:0 0 20px rgba(36,163,227,.4),inset 0 0 40px rgba(36,163,227,.2);border-radius:8px;padding:20px;margin-top:20px;z-index:9;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.AsciiWebcam_controlGroup__hJfxc{display:flex;flex-direction:column;gap:8px}.AsciiWebcam_controlGroup__hJfxc label{color:#fff;font-family:Terminal,monospace;font-size:14px;text-shadow:0 0 8px rgba(36,163,227,.7)}.AsciiWebcam_slider__wP_wU{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:rgba(36,163,227,.3);border-radius:5px;outline:none;opacity:.7;transition:opacity .2s}.AsciiWebcam_slider__wP_wU:hover{opacity:1}.AsciiWebcam_slider__wP_wU::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#24a3e3;border:1px solid #fff;box-shadow:0 0 5px hsla(0,0%,100%,.5);cursor:pointer}.AsciiWebcam_slider__wP_wU::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#24a3e3;border:1px solid #fff;box-shadow:0 0 5px hsla(0,0%,100%,.5);cursor:pointer}.AsciiWebcam_checkbox__2cjVX{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;background:rgba(36,163,227,.3);border:1px solid rgba(36,163,227,.6);border-radius:3px;outline:none;cursor:pointer;transition:all .2s;position:relative;margin-left:5px}.AsciiWebcam_checkbox__2cjVX:checked{background:rgba(36,163,227,.8)}.AsciiWebcam_checkbox__2cjVX:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.AsciiWebcam_colorControls__zZp0m{position:relative;display:flex;gap:15px;padding:12px;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(36,163,227,.4);box-shadow:0 0 15px rgba(36,163,227,.3),0 0 30px rgba(36,163,227,.1);transition:all .3s ease;margin-top:15px}.AsciiWebcam_colorControls__zZp0m:hover{border-color:rgba(36,163,227,.7);box-shadow:0 0 20px rgba(36,163,227,.4),0 0 40px rgba(36,163,227,.15)}.AsciiWebcam_colorControls__zZp0m div{display:flex;align-items:center;gap:5px}.AsciiWebcam_colorControls__zZp0m label{color:#fff;font-family:Terminal,monospace;font-size:14px;text-shadow:0 0 8px rgba(36,163,227,.7)}.AsciiWebcam_colorControls__zZp0m input[type=color]{width:30px;height:30px;border:1px solid #555;border-radius:4px;cursor:pointer;background-color:transparent;transition:all .2s ease}.AsciiWebcam_colorControls__zZp0m input[type=color]:hover{border-color:rgba(36,163,227,.9);box-shadow:0 0 10px rgba(36,163,227,.5)}.AsciiWebcam_colorControls__zZp0m input[type=color]::-webkit-color-swatch-wrapper{padding:0}.AsciiWebcam_colorControls__zZp0m input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.AsciiWebcam_debugCanvas__d6zTi{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute;pointer-events:none}.AsciiWebcam_debugButton__o8pmu{display:none!important}@media (max-width:768px){.AsciiWebcam_controlsContainer__mT4_s,.AsciiWebcam_cyberpunkFrame__quWCo{width:90%;max-width:350px}.AsciiWebcam_controlsRow__4l9ma{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 10px}.AsciiWebcam_cameraSwitchButton__6KoLS,.AsciiWebcam_captureButton__p905w,.AsciiWebcam_settingsButton__16afj,.AsciiWebcam_webcamToggleButton__6d_kQ{font-size:14px;padding:8px 16px;flex:0 0 auto}.AsciiWebcam_colorControls__zZp0m{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}.AsciiWebcam_colorControls__zZp0m div{flex:0 0 auto}.AsciiWebcam_colorControls__zZp0m label{font-size:12px}.AsciiWebcam_colorControls__zZp0m input[type=color]{width:25px;height:25px}.AsciiWebcam_advancedControlsPanel__8ilhj{grid-template-columns:1fr;gap:10px;padding:15px}.AsciiWebcam_asciiCanvas__R759d{width:92%;height:92%;top:4%;left:4%}.AsciiWebcam_aspectRatioControls__CSLct{margin-top:10px}.AsciiWebcam_aspectRatioButton__Xe_vC{font-size:12px;padding:5px 10px}.AsciiWebcam_cameraSwitchButton__6KoLS{font-size:12px;padding:6px 12px;white-space:nowrap}}.AsciiWebcam_cameraImageContainer__a_Dft>span{background-color:transparent!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}