:root{--primary:#007f8b;--primary-hover:#006069;--bg-color:#f8f9fa;--surface:#fff;--text-main:#202124;--text-secondary:#5f6368;--border-color:#e0e0e0;--sidebar-width:260px;--controls-width:320px;--radius-sm:8px;--radius-md:12px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--header-height:64px;--secondary:#5f6368;--secondary-hover:#3c4043}*{box-sizing:border-box}html{height:100%}body{color:var(--text-main);background:var(--bg-color);-webkit-font-smoothing:antialiased;height:100vh;margin:0;font-family:Google Sans,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100%}.sidebar,.controls-panel,.tabs-container,.output-header,#view-image,.upload-dropzone{display:none!important}.app-container,.main-content,.task-container{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}.output-panel{background:#000!important;flex-direction:column!important;flex:1!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important}.viewport{width:100%!important;height:100%!important;box-shadow:none!important;background:#000!important;border-radius:0!important;flex:1!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.view-content.active,.cam-container{flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important}.video-wrapper{background-color:#000!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}video#webcam,canvas#output_canvas,video,canvas{object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;top:0!important;left:0!important}.webcam-placeholder{background-color:#000!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.webcam-placeholder .material-icons{color:#007f8b!important;margin-bottom:16px!important;font-size:64px!important}.webcam-placeholder p{color:#007f8b!important;font-size:1.2rem!important;font-weight:500!important}#webcamButton,button#webcamButton,#webcam-controls-container{opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;font-size:0!important;display:none!important;position:absolute!important}.native-pay-overlay{z-index:20000;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:-apple-system,Helvetica Neue,Microsoft YaHei,sans-serif;display:flex;position:fixed;top:0;left:0}.native-pay-box{background:#fff;border-radius:6px;width:360px;animation:.15s ease-out nativePop;overflow:hidden;box-shadow:0 4px 18px #0000002e}@keyframes nativePop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.native-pay-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.hdr-title{color:#8c8c8c;font-size:14px}.hdr-close{color:#ccc;cursor:pointer;font-size:22px;line-height:1}.hdr-close:hover{color:#555}.native-pay-body{text-align:center;padding:22px 18px}.amount-title{color:#333;margin-bottom:22px;font-size:16px}.amount-num{color:#222;font-size:19px;font-weight:700}.channel-list{text-align:left;border-top:1px solid #f6f6f6;margin-bottom:25px}.channel-item{cursor:pointer;border-bottom:1px solid #f6f6f6;align-items:center;padding:13px 4px;display:flex}.channel-icon{width:30px;height:30px;margin-right:12px}.channel-text{flex:1}.c-name{color:#333;margin-bottom:2px;font-size:14px}.c-desc{color:#a0a0a0;font-size:11px}.c-radio{box-sizing:border-box;border:1px solid #ccc;border-radius:50%;width:18px;height:18px;transition:all .1s;position:relative}.c-radio.checked{background:#ff5722;border-color:#ff5722}.c-radio.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.native-submit-btn,.native-back-btn{color:#fff;cursor:pointer;background:#ff5722;border:none;border-radius:20px;width:82%;padding:10px 0;font-size:14px;transition:background .2s}.native-submit-btn:hover{background:#f4511e}.native-submit-btn:disabled{color:#999;cursor:not-allowed;background:#e2e2e2}.qrcode-wrapper{background:#fafafa;border:1px solid #eaeaea;width:180px;height:180px;margin:15px auto 20px;padding:5px}.native-back-btn{background:#95a5a6;margin-top:10px}.native-back-btn:hover{background:#7f8c8d}