#hidden-video{position:fixed;top:-9999rem;left:-9999rem;width:.0625rem;height:.0625rem;opacity:0;pointer-events:none}.virtual-makeup-live{display:flex;gap:1rem;flex-wrap:wrap;padding-bottom:2rem}.virtual-makeup-live .panel-view{flex:1;background:#272727;display:flex;align-items:center;justify-content:center;position:relative}.virtual-makeup-live .panel-view canvas{width:100%;max-width:100%!important;height:auto!important}.virtual-makeup-live .panel-view .ai-tip{position:absolute;top:0;left:0;background:#ff4500;color:#fff;padding:.25rem .5rem;font-size:.75rem;display:inline-block;animation:blink 1s infinite}.virtual-makeup-live .panel-control{width:21.25rem;max-height:60vh;overflow-y:auto;box-sizing:border-box;background:#272727;padding:1.25rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.4);scrollbar-width:thin;scrollbar-color:#ff6584 #272727}.virtual-makeup-live .panel-control::-webkit-scrollbar{width:.375rem}.virtual-makeup-live .panel-control::-webkit-scrollbar-track{background:#272727;border-radius:.625rem}.virtual-makeup-live .panel-control::-webkit-scrollbar-thumb{background:#ff6584;border-radius:.625rem}.virtual-makeup-live .panel-control::-webkit-scrollbar-thumb:hover{background:#ff476c}.virtual-makeup-live .panel-control .group{margin-bottom:1rem}.virtual-makeup-live .panel-control .group .group-title{font-size:1rem;color:#ff94a8;margin-bottom:1rem;padding-bottom:.375rem;border-bottom:.0625rem solid #444}.virtual-makeup-live .panel-control .group .row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.virtual-makeup-live .panel-control .group .row label{width:5rem;font-size:.875rem;color:#ccc}.virtual-makeup-live .panel-control .group .row input[type=color]{border:0;cursor:pointer;background:0 0;width:2rem!important;height:2rem!important;border-radius:50%;box-sizing:border-box;appearance:none;-webkit-appearance:none;padding:0;margin:0}.virtual-makeup-live .panel-control .group .row input[type=color]::-webkit-color-swatch-wrapper{padding:0!important}.virtual-makeup-live .panel-control .group .row input[type=color]::-webkit-color-swatch{border:0!important}.virtual-makeup-live .panel-control .group .row input[type=range]{flex:1}.virtual-makeup-live .panel-control .group .row .val{width:2rem;text-align:center;font-size:.75rem;color:#aaa}.virtual-makeup-live .panel-control .group .row select{flex:1;height:2.125rem;background:#333;color:#fff;border:.0625rem solid #555;border-radius:.375rem;padding:0 .5rem;outline:0}.virtual-makeup-live .panel-control .group .color-presets{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.virtual-makeup-live .panel-control .group .color-presets .color-dot{width:2rem;height:2rem;border-radius:50%;cursor:pointer;border:.125rem solid transparent;transition:transform .2s}.virtual-makeup-live .panel-control .group .color-presets .color-dot:hover{transform:scale(1.1)}.virtual-makeup-live .panel-control .group .color-presets .color-dot.active{border-color:#fff;box-shadow:0 0 0 .125rem #ff6584}.virtual-makeup-live .panel-control .btn{width:100%;height:2.5rem;border:0;border-radius:.375rem;background:#ff6584;color:#fff;font-size:.875rem;cursor:pointer;margin-top:.5rem;transition:background .2s}.virtual-makeup-live .panel-control .btn:hover{background:#ff476c}.virtual-makeup-live .panel-control .btn:disabled{background:#555;cursor:not-allowed}.virtual-makeup-live .panel-control .btn-save{background:#2196f3;margin-top:.75rem}.virtual-makeup-live .panel-control .btn-save:hover{background:#1976d2}.virtual-makeup-live .panel-control .btn-stop{background:#ff3b30;margin-top:.5rem}.virtual-makeup-live .panel-control .btn-stop:hover{background:#e62e25}.virtual-makeup-live .panel-control .camera-controls{display:flex;gap:.5rem;margin-bottom:1rem}.virtual-makeup-live .panel-control .camera-controls .btn{margin-top:0;flex:1}