.camera-card[data-v-276a7ef1]{display:flex;flex-direction:column;min-height:100vh}.video-wrapper[data-v-276a7ef1]{margin:0;overflow:hidden;padding:0;position:relative}.preview-mode .video-wrapper[data-v-276a7ef1],.video-wrapper[data-v-276a7ef1]{align-items:center;display:flex;flex:1;justify-content:center}.preview-mode .video-wrapper[data-v-276a7ef1]{padding:2vh}.preview-mode.landscape .camera-card[data-v-276a7ef1]{display:flex;flex-direction:column;height:100vh;width:100vw}.preview-mode.landscape .video-wrapper[data-v-276a7ef1]{align-items:center;display:flex;flex:1;justify-content:center;padding:2vh}video[data-v-276a7ef1]{background:#000;height:auto;min-height:60vh;min-width:100%;-o-object-fit:cover;object-fit:cover;width:auto}.camera-controls-landscape[data-v-276a7ef1],.camera-controls-portrait[data-v-276a7ef1]{display:flex;justify-content:center;padding:1rem;width:100%}.controls-wrapper[data-v-276a7ef1]{align-items:center;display:flex;gap:24px}.camera-controls-portrait .controls-wrapper[data-v-276a7ef1]{flex-direction:row}.camera-controls-landscape[data-v-276a7ef1]{width:auto}.camera-controls-landscape .controls-wrapper[data-v-276a7ef1]{flex-direction:row;gap:2rem}.v-icon[data-v-276a7ef1]{transition:transform .3s ease}.overlay-loading[data-v-276a7ef1]{background:#00000059;inset:0;position:absolute}.composition-grid[data-v-276a7ef1]{inset:0;opacity:.4;pointer-events:none;position:absolute;transition:opacity .3s ease}.grid-line[data-v-276a7ef1]{background:#ffffff80;position:absolute}.grid-line.vertical[data-v-276a7ef1]{height:100%;top:0;width:1px}.grid-line.vertical[data-v-276a7ef1]:first-child{left:33.33%}.grid-line.vertical[data-v-276a7ef1]:nth-child(2){left:66.66%}.grid-line.horizontal[data-v-276a7ef1]{height:1px;left:0;width:100%}.grid-line.horizontal[data-v-276a7ef1]:nth-child(3){top:33.33%}.grid-line.horizontal[data-v-276a7ef1]:nth-child(4){top:66.66%}.rotation-hint[data-v-276a7ef1]{align-items:center;animation:fadeIn-276a7ef1 .3s ease;background:#000000b3;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:1rem;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.preview-image[data-v-276a7ef1]{animation:fadeIn-276a7ef1 .3s ease;background:rgb(var(--v-theme-surface));max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.preview-mode.portrait .preview-image[data-v-276a7ef1]{height:auto;max-height:90vh;max-width:100%;width:auto}.preview-mode.landscape .preview-image[data-v-276a7ef1]{height:auto;max-width:90vh;transform:rotate(90deg);width:auto}.preview-controls-portrait .controls-wrapper.preview[data-v-276a7ef1]{max-width:300px;width:100%}.preview-controls-landscape[data-v-276a7ef1]{width:100%}.preview-controls-landscape .controls-wrapper.preview[data-v-276a7ef1]{display:flex;flex-direction:row;gap:2rem;justify-content:center;padding:1rem}.preview-controls-landscape .v-btn[data-v-276a7ef1]{transform:rotate(90deg)}@keyframes fadeIn-276a7ef1{0%{opacity:0}to{opacity:1}}[data-v-cc0f41fb]:root{--color-background:#dfdfdf;--color-background-dark:#252525;--color-background-dark-light:#222}.block-noUser[data-v-cc0f41fb]{background-color:#fff;height:70vh!important;height:70dvh!important;max-width:85%;position:relative}.block-noUser[data-v-cc0f41fb]:before{background-image:url(../../img/chromio-doodle-grid-app.png);background-position:50%;background-size:cover;content:"";filter:blur(3px);inset:0;opacity:.5;position:absolute;z-index:0}.dark-mode .block-noUser[data-v-cc0f41fb]{background-color:#252525}@media (max-width:600px){.block-noUser[data-v-cc0f41fb]{max-width:100%}}.image-overlay-tool[data-v-cc0f41fb]{margin:0 auto}.preview-container[data-v-cc0f41fb]{align-items:center;background-color:var(--color-surface);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.dark-mode .preview-container[data-v-cc0f41fb]{background-color:var(--color-surface-dark)}.options-container[data-v-cc0f41fb]{background-color:var(--color-background)}.dark-mode .options-container[data-v-cc0f41fb]{background-color:var(--color-background-dark)}.base-image[data-v-cc0f41fb]{display:block;margin:0 auto;max-height:76.5dvh;-o-object-fit:contain;object-fit:contain;width:100%}.overlay-image-container[data-v-cc0f41fb]{cursor:move;position:absolute;touch-action:none}.overlay-image[data-v-cc0f41fb]{max-width:100%;pointer-events:none}.overlay-image.selected[data-v-cc0f41fb]{cursor:grab}.overlay-frame[data-v-cc0f41fb]{border:2px solid #ff4081;box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hidden[data-v-cc0f41fb]{display:none}.sliders[data-v-cc0f41fb]{margin:1rem auto 0;max-width:350px}.download-button[data-v-cc0f41fb]{margin-top:1rem}.selected[data-v-cc0f41fb]{border-radius:4px;outline:3px solid #1976d281;outline-offset:5px}.v-slider[data-v-cc0f41fb]{width:200px}.mobile-slider-bar[data-v-cc0f41fb]{display:none}.mobile-slider-bar-card[data-v-cc0f41fb]{box-sizing:border-box}.mobile-slider-bar[data-v-cc0f41fb]{justify-content:center}@media (max-width:800px){.block-noUser[data-v-cc0f41fb]{max-width:100%}.base-image[data-v-cc0f41fb]{margin:5px auto;max-height:70dvh;width:98%}.sliders[data-v-cc0f41fb]{display:block;margin-left:auto;margin-right:auto;max-width:94%}.controls .v-btn[data-v-cc0f41fb]{min-width:44px;padding-left:10px;padding-right:10px}.preview-container[data-v-cc0f41fb]{margin:.5rem 0;padding:.6rem 1rem .8rem}.options-container[data-v-cc0f41fb]{padding-top:1px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.block-noUser[data-v-cc0f41fb]{max-width:100%}.base-image[data-v-cc0f41fb]{margin:5px auto;max-height:70dvh;width:98%}.sliders[data-v-cc0f41fb]{display:block;margin-left:auto;margin-right:auto;max-width:94%}.controls .v-btn[data-v-cc0f41fb]{min-width:44px;padding-left:10px;padding-right:10px}.preview-container[data-v-cc0f41fb]{margin:.5rem 0;padding:.6rem 1rem .8rem}.options-container[data-v-cc0f41fb]{padding-top:1px}}@media (max-width:800px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.desktop-sliders[data-v-cc0f41fb]{display:none!important}.mobile-slider-bar[data-v-cc0f41fb]{display:flex}.mobile-slider-bar-card[data-v-cc0f41fb]{margin:0 auto;width:94dvw}.mobile-slider-bar-card .v-slider[data-v-cc0f41fb]{margin-left:0;margin-right:0;width:100%}.dark-mode .mobile-slider-bar-card[data-v-cc0f41fb]{background:var(--color-background-dark-light)!important;margin:0 auto;width:94dvw}.mobile-slider-bar-card .v-card-text .d-flex[data-v-cc0f41fb]{width:100%}.mobile-slider-bar-card .v-btn.v-btn--block[data-v-cc0f41fb]{margin-bottom:8px;width:100%}.edit-image-controls[data-v-cc0f41fb]{display:none}}@media (min-width:1024px){.image-overlay-tool[data-v-cc0f41fb]{align-items:flex-start;display:flex;flex-direction:row;margin:0 auto;max-width:85%!important}.preview-container[data-v-cc0f41fb]{padding:.6rem 1rem .8rem;width:69%}.options-container[data-v-cc0f41fb]{display:flex;flex-direction:column;margin:0;width:29%}.sliders[data-v-cc0f41fb]{max-width:auto}.mobile-slider-bar[data-v-cc0f41fb]{display:none!important}}.nav-item[data-v-cc0f41fb]{align-items:center!important;display:flex!important;justify-content:center!important;min-width:44px}.mobile-slider-bar[data-v-cc0f41fb]{align-items:center;display:flex;justify-content:flex-start;max-width:100vw;overflow-x:auto;padding:.25rem .5rem;width:100%}.mobile-slider-bar .v-slide-group__content[data-v-cc0f41fb]{width:100%!important}.mobile-slider-bar .v-slide-group__content[data-v-cc0f41fb],.mobile-slider-bar .v-slide-group__items[data-v-cc0f41fb]{align-items:center!important;display:flex!important;justify-content:flex-start!important}.mobile-slider-bar .v-slide-group__items[data-v-cc0f41fb]{width:auto!important}.mobile-slider-bar .v-slide-group__wrapper[data-v-cc0f41fb]{align-items:center!important;display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;width:100%!important}.mobile-slider-bar .nav-item[data-v-cc0f41fb],.mobile-slider-bar .v-slide-group__item[data-v-cc0f41fb]{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important}.mobile-slider-bar .v-slide-group__item[data-v-cc0f41fb]:first-child{margin-left:0!important}.mobile-slider-bar .v-slide-group__next[data-v-cc0f41fb],.mobile-slider-bar .v-slide-group__prev[data-v-cc0f41fb]{flex-shrink:0!important;min-width:32px!important}@media (hover:none) and (pointer:coarse){.mobile-slider-bar[data-v-cc0f41fb]{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.mobile-slider-bar[data-v-cc0f41fb]::-webkit-scrollbar{display:none}.mobile-slider-bar .nav-item[data-v-cc0f41fb]{flex:0 0 auto}}@media screen and (min-width:768px){.mobile-slider-bar[data-v-cc0f41fb]{gap:8px;padding:.5rem}.mobile-slider-bar .v-btn[data-v-cc0f41fb]{height:48px;min-width:48px}}@media screen and (min-width:1024px){.mobile-slider-bar[data-v-cc0f41fb]{gap:12px;padding:.75rem}.mobile-slider-bar .v-btn[data-v-cc0f41fb]{font-size:1.1rem;height:56px;min-width:56px}}@media screen and (min-width:1367px){.mobile-slider-bar[data-v-cc0f41fb]{gap:initial;padding:initial}.mobile-slider-bar .v-btn[data-v-cc0f41fb]{font-size:medium;height:auto;min-width:auto}}@media screen and (max-width:1023px){.desktop-reset-button[data-v-cc0f41fb]{display:none!important}}@media screen and (min-width:1024px){.desktop-reset-button[data-v-cc0f41fb]{display:block}}