.color-picker-container[data-v-3c6e4cde]{padding:10px}*{box-sizing:border-box}#app,*,body,html{margin:0;padding:0}#app,body,html{height:100vh;width:100vw;overflow:hidden}.app-container{width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s ease}.camera-outer-container{width:200px;height:200px;margin-top:2rem}.camera-container,.camera-outer-container{display:flex;align-items:center;justify-content:center;position:relative}.camera-container{gap:20px}.video-wrapper{overflow:hidden;border-radius:8px;background:transparent;transition:all .3s ease}.controls-container{width:100%;flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px}.aspect-ratio-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px}.aspect-ratio-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:none;background:transparent;cursor:pointer;transition:all .3s;opacity:.6}.aspect-ratio-btn.active,.aspect-ratio-btn:hover{opacity:1}.ratio-icon{background:#fff;border-radius:2px}.aspect-ratio-btn span{font-size:12px;color:#fff}.color-picker-container{min-height:200px;display:flex;justify-content:center}video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:transparent}.take-photo-btn{width:50px;height:50px;padding:0;font-size:24px;background-color:#1890ff;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s}.take-photo-btn:hover{background-color:#40a9ff;transform:scale(1.05)}