.webcam03-button{width:60px;height:60px;border-radius:50%;border:3px solid black;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 6px 10px #00000080;position:relative}.webcam03-button svg{pointer-events:none}.webcam03-button:after{content:"";position:absolute;inset:-15px}.webcam03-button:active:not(:disabled){transform:scale(.92)!important;box-shadow:0 2px 4px #0006}.webcam03-button:disabled{border:3px solid gray;opacity:.2;cursor:not-allowed;box-shadow:none;transform:none!important}@media(hover:hover){.webcam03-button:hover:not(:disabled){transform:scale(1.1)}}@media(hover:none){.webcam03-button:hover{transform:none}}.webcam03-button-camera-switch{background-color:#40ff4099}.webcam03-button-take-photo{background-color:#ffff4099}.webcam03-button-start-recording{background-color:#ff5c5c99}.webcam03-button-stop-recording{background-color:#ff404099;animation:webcam03-button-recording-pulse 1s infinite}.webcam03-button-config{position:absolute;top:10px;right:10px;background-color:#80808099}@keyframes webcam03-button-recording-pulse{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.webcam03-zoom-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);color:#fff;padding:8px 16px;border-radius:20px;font-family:sans-serif;font-size:1.2rem;font-weight:700;pointer-events:none;z-index:100;background-color:#000000b3;border:1px solid rgba(255,255,255,.2);text-shadow:0 2px 4px rgba(0,0,0,1)}.webcam03-button-code-reader{background-color:#add8e699;transition:background-color .3s ease}.webcam03-button-code-reader.active{background-color:#007bffe5;border-color:#fff;box-shadow:0 0 15px #007bffcc}.webcam03-recording-time{position:absolute;top:10px;left:10px;pointer-events:none;color:#f66;font-weight:700;padding:3px;border:2px solid #f66;border-radius:20px}.webcam03-code-reader-waiting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;background-color:#000000d9;color:#fff;border-radius:20px;z-index:31;font-size:16px;font-weight:700;text-align:center;border:1px solid #0f0;overflow:hidden}.webcam03-code-reader-waiting-background{position:absolute;inset:0;background:linear-gradient(#0f00,#0f06,#0f00);background-size:100% 200%;animation:qr-scan-line 1.5s linear infinite;pointer-events:none;z-index:-1}.webcam03-code-reader-waiting-spin{display:inline-block;width:35px;height:35px;border:3px solid rgba(0,255,0,.2);border-top-color:#0f0;border-radius:50%;animation:qr-spin 1.5s linear infinite;margin-bottom:10px}.webcam03-code-reader-waiting-spin-2{width:100;height:100%;border-radius:50%}.webcam03-code-reader-waiting-text{text-shadow:0 0 8px #0f0}@keyframes qr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qr-scan-line{0%{background-position:0% -100%}to{background-position:0% 100%}}.webcam03-error{position:absolute;top:15px;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#f44336e6;color:#fff;border-radius:10px;z-index:20;text-align:center}.webcam03-qr-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webcam03-qr-dialog{color:#000;background:linear-gradient(135deg,#fff9c4,#fffde7);padding:24px;text-align:center;border-radius:16px;border:black 3px solid;box-shadow:0 8px 32px #0000004d;min-width:45%;max-width:90%;max-height:80%;overflow-y:auto;animation:webcam03-qr-dialog-appear .2s ease-out}@keyframes webcam03-qr-dialog-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.webcam03-qr-dialog-text{font-size:14px;word-break:break-all;margin-bottom:20px;line-height:1.5;font-weight:500}.webcam03-qr-dialog-controls{display:flex;flex-direction:column;gap:12px}.webcam03-qr-dialog-button{padding:12px 20px;border-radius:10px;border:black 3px solid;cursor:pointer;font-size:16px;font-weight:700;background:#fff;transition:transform .1s ease,background-color .2s ease}.webcam03-qr-dialog-button:active{transform:scale(.95)}@media(hover:hover){.webcam03-qr-dialog-button:hover:not(:disabled){transform:scale(1.05);background-color:#f0f0f0}}.webcam03-camera-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 30px;background-color:#000000b3;color:#fff;border-radius:30px;z-index:30;font-size:16px;font-weight:700;pointer-events:none;display:flex;align-items:center;text-align:center;border:1px solid white;white-space:nowrap}.settings-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#333;color:#fff;z-index:10000;overflow-y:auto;animation:slideInFromRight .2s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.settings-page.closing{animation:slideOutToRight .2s ease-out forwards}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.settings-header{position:relative;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#ccc}.setting-version-info p{text-align:center;margin:15px}.settings-content hr{margin:20px 0;border:solid 2px white}.settings-header h1{margin:0;font-size:24px;text-align:center;color:#000}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:#0000000d}.back-button:active{background-color:#0000001a}.settings-content{padding:20px;max-width:600px;margin:0 auto}.setting-item{margin-bottom:20px}.setting-item label{display:block;margin-bottom:8px;font-weight:600;font-size:16px}.setting-item select{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#ccc;cursor:pointer}.setting-item select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media(max-width:600px){.settings-header h1{font-size:20px}.settings-content{padding:15px}.setting-item label{font-size:14px}.setting-item select{font-size:14px;padding:10px}}*{margin:0;padding:0;border:0;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;color:#fff;background-color:#000;font-family:sans-serif}:root{--safe-inset-top: 0px;--safe-inset-bottom: 0px;--safe-inset-left: 0px;--safe-inset-right: 0px}@supports (padding: env(safe-area-inset-bottom)){:root{--safe-inset-top: env(safe-area-inset-top);--safe-inset-bottom: env(safe-area-inset-bottom);--safe-inset-left: env(safe-area-inset-left);--safe-inset-right: env(safe-area-inset-right)}}#root{position:fixed;top:var(--safe-inset-top, 0px);left:var(--safe-inset-left, 0px);right:var(--safe-inset-right, 0px);bottom:var(--safe-inset-bottom, 0px)}