.video-player[data-v-0951358f]{padding:20px 0 30px;width:100%}.video-player .video[data-v-0951358f]{aspect-ratio:1;background-color:#fff1;border-radius:20px;overflow:hidden;position:relative;width:100%}.video-player .video video[data-v-0951358f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-player .video .video-overlay[data-v-0951358f]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#39304c88;display:flex;gap:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-player .video .play-button[data-v-0951358f]{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;gap:5px;justify-content:center}.video-player .video .play-button .circle[data-v-0951358f]{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.video-player .video .play-button .icon[data-v-0951358f]{color:#000;height:20px;left:1px;position:relative;width:20px}.video-player .video .play-button .text[data-v-0951358f]{color:#fff;font-size:12px;font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.333)}.video-player .video .subtitles[data-v-0951358f]{bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:absolute;width:100%;z-index:2}.video-player .video .subtitles .line[data-v-0951358f]{background-color:#000;border-radius:10px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;padding:2px 10px;text-align:center;text-wrap:balance;width:-moz-fit-content;width:fit-content}.video-player .video-controls[data-v-0951358f]{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:20px 15px 0}.video-player .video-controls .duration[data-v-0951358f],.video-player .video-controls .time[data-v-0951358f]{color:#fff;font-size:8px;font-variant-numeric:tabular-nums;font-weight:600;opacity:.5;text-align:center;width:25px}.video-player .video-controls .progress[data-v-0951358f]{background-color:#fff3;border-radius:2px;cursor:pointer;flex:1;height:4px;overflow:hidden}.video-player .video-controls .progress .fill[data-v-0951358f]{background-color:#fff;height:100%}.video-player .video-controls .controls-button[data-v-0951358f]{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin:0;opacity:.5;padding:0}.video-player .video-controls .controls-button[data-v-0951358f]:hover{opacity:1}.video-player .video-controls .controls-button .icon[data-v-0951358f]{color:#fff;height:14px;width:14px}.editor-tutorial[data-v-008e66bc]{color:#fff;width:340px}.editor-tutorial header[data-v-008e66bc]{padding:60px 30px;position:relative}.editor-tutorial header .close-btn[data-v-008e66bc]{align-items:center;background:#fff1;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:20px;top:20px;width:20px}.editor-tutorial header .close-btn .icon[data-v-008e66bc]{color:#fff;height:14px;width:14px}.editor-tutorial h2[data-v-008e66bc]{color:#fff;font-size:28px;font-weight:600;letter-spacing:0;margin-bottom:10px}.editor-tutorial .tutorial-content[data-v-008e66bc]{display:flex;flex-direction:column;gap:5px}.editor-tutorial .tutorial-content-item[data-v-008e66bc]{display:flex;flex-direction:column}.editor-tutorial .tutorial-content-item .tutorial-content-item-title[data-v-008e66bc]{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:2px;letter-spacing:0}.editor-tutorial .tutorial-content-item .tutorial-content-item-title .chevron[data-v-008e66bc]{color:#fff6;height:16px;left:-2px;position:relative;width:16px}.editor-tutorial .tutorial-content-item.open .chevron[data-v-008e66bc]{transform:rotate(90deg)}.editor-tutorial .tutorial-content-item .tutorial-content-item-title-content[data-v-008e66bc]{height:0;opacity:0;overflow:hidden;overflow-y:clip;width:100%;interpolate-size:allow-keywords;transition:height .3s ease,opacity .3s ease;transition-behavior:allow-discrete;transition-delay:0s,0s}@starting-style{.editor-tutorial .tutorial-content-item .tutorial-content-item-title-content[data-v-008e66bc]{height:0;opacity:0}}.editor-tutorial .tutorial-content-item .tutorial-content-item-title-content.open[data-v-008e66bc]{height:auto;opacity:1;transition-delay:0s,.3s}.export-popover-overlay[data-v-00417beb]{background:transparent;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.export-popover-popup[data-v-00417beb]{background:#fff;border:1px solid rgba(0,0,0,.133);border-radius:15px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.1));font-size:11px;max-width:200px;min-width:200px;pointer-events:auto;position:fixed;z-index:1001}.speech-bubble-pointer[data-v-00417beb]{border-bottom:8px solid #fff;left:50%;top:-8px;transform:translate(-50%)}.speech-bubble-pointer[data-v-00417beb],.speech-bubble-pointer[data-v-00417beb]:before{border-left:8px solid transparent;border-right:8px solid transparent;height:0;position:absolute;width:0}.speech-bubble-pointer[data-v-00417beb]:before{border-bottom:8px solid #e5e7eb;content:"";left:-8px;top:-1px;z-index:-1}.speech-bubble-pointer[data-v-00417beb]:after{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;content:"";height:0;left:-7px;position:absolute;top:0;width:0;z-index:1}.export-options[data-v-00417beb]{display:flex;flex-direction:column;padding:5px}.export-option[data-v-00417beb]{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:5px;padding:8px 10px}.export-option[data-v-00417beb]:hover{background-color:#f3f4f6}.aspect-ratio-visualization[data-v-00417beb]{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.aspect-box[data-v-00417beb]{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:2px;flex-shrink:0;max-height:20px;max-width:20px;min-height:12px;min-width:12px}.option-label[data-v-00417beb]{color:#000;flex:1;font-size:12px;font-weight:600;letter-spacing:-.2px;text-wrap:nowrap}.option-resolution[data-v-00417beb]{color:#6b7280;font-size:11px;font-weight:500;opacity:.7}.modal-overlay[data-v-1d5bb8d8]{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#f1f1f3cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content[data-v-1d5bb8d8]{background:#fff;border:1px solid rgba(0,0,0,.133);border-radius:25px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transform-origin:center;width:280px}.modal-header[data-v-1d5bb8d8]{align-items:center;color:#fff;color:#000;display:flex;flex-direction:column;font-size:18px;font-weight:600;justify-content:center;letter-spacing:0;padding:40px 0 10px;position:relative}.modal-header p[data-v-1d5bb8d8]{font-size:12px}.modal-header .modal-header-right[data-v-1d5bb8d8]{align-items:center;display:flex;justify-content:center;position:absolute;right:15px;top:15px}.modal-header .close-btn[data-v-1d5bb8d8]{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.modal-header .close-btn[data-v-1d5bb8d8]:hover{background-color:#0001}.modal-header .close-btn .icon[data-v-1d5bb8d8]{color:#0005;height:14px;width:14px}.modal-body[data-v-1d5bb8d8]{padding:20px 15px}.modal-body .confirmation-message[data-v-1d5bb8d8]{color:#666;font-size:14px;line-height:1.4;margin:0;text-align:center}.modal-actions[data-v-1d5bb8d8]{align-items:center;background-color:#00000005;border-top:1px solid rgba(0,0,0,.067);display:flex;gap:5px;height:60px;justify-content:center;margin-top:1rem;padding:0 15px}.modal-actions .btn[data-v-1d5bb8d8]{border-radius:10px;cursor:pointer;flex:1;font-size:12px;font-weight:600;height:36px}.modal-actions .btn.delete[data-v-1d5bb8d8]{background-color:#e91127;color:#fff}.btn[data-v-1d5bb8d8]:disabled{opacity:.6;pointer-events:none}.fade-enter-active[data-v-1d5bb8d8],.fade-leave-active[data-v-1d5bb8d8]{transition:opacity .3s ease}.fade-enter-active .modal-content[data-v-1d5bb8d8],.fade-leave-active .modal-content[data-v-1d5bb8d8]{transition:all .3s ease}.fade-enter-from[data-v-1d5bb8d8],.fade-enter-from .modal-content[data-v-1d5bb8d8],.fade-leave-to[data-v-1d5bb8d8],.fade-leave-to .modal-content[data-v-1d5bb8d8]{opacity:0}.fade-enter-from .modal-content[data-v-1d5bb8d8]{transform:scale(.9)}.fade-enter-to .modal-content[data-v-1d5bb8d8],.fade-leave-from .modal-content[data-v-1d5bb8d8]{opacity:1;transform:scale(1)}.cam-icon[data-v-0cd6ee69]{border-radius:10px;height:32px;overflow:hidden;width:32px}.layout-wrapper[data-v-0cd6ee69]{display:grid;grid-template-columns:1fr 0;height:100vh;transition:grid-template-columns .3s ease;width:100vw}.layout-wrapper.show-sidebar-right[data-v-0cd6ee69]{grid-template-columns:1fr 340px}.sidebar-right[data-v-0cd6ee69]{background-color:#1c1c22;max-height:100vh;overflow-y:auto;position:relative;width:340px;z-index:99999999999}.tutorial-enter-active[data-v-0cd6ee69],.tutorial-leave-active[data-v-0cd6ee69]{transition:opacity .3s ease}.tutorial-enter-from[data-v-0cd6ee69],.tutorial-leave-to[data-v-0cd6ee69]{opacity:0}.cam-layout[data-v-0cd6ee69]{background-color:#f1f1f3;container-type:inline-size;display:flex;flex-direction:column;min-height:100vh}.cam-content[data-v-0cd6ee69]{display:flex;flex:1;flex-direction:column}.cam-page[data-v-0cd6ee69]{display:flex;flex:1}.cam-name[data-v-0cd6ee69]{align-items:center;display:flex;justify-content:center;text-align:center}.project-name-input[data-v-0cd6ee69]{field-sizing:content;background:transparent;border:1px solid transparent;border-radius:8px;box-shadow:none;color:#000;font-size:13px;font-weight:600;letter-spacing:0;outline:none;padding:4px 8px;position:relative;text-align:center;transition:none;z-index:2}.project-name-input[data-v-0cd6ee69]:focus,.project-name-input[data-v-0cd6ee69]:hover{background:#00000008;border:1px solid rgba(0,0,0,.067)}.title[data-v-0cd6ee69]{color:#000;font-size:18px;font-weight:600;letter-spacing:0}.header-actions[data-v-0cd6ee69]{align-items:center;display:flex;gap:8px}.header-actions .btn[data-v-0cd6ee69]{margin:0 -6px}.header-actions .dropdown-container[data-v-0cd6ee69]{margin:2px}.viewport[data-v-0cd6ee69]{display:grid;flex:1;grid-template-columns:1fr 800px 1fr;grid-template-rows:minmax(20px,1fr) 500px 150px minmax(min-content,1fr);grid-column-gap:0;grid-row-gap:0;max-height:calc(100vh - 60px)}@container (max-width: 1400px){.viewport[data-v-0cd6ee69]{grid-template-columns:1fr 500px 1fr}}.viewport-top[data-v-0cd6ee69]{grid-area:1/1/2/4}.viewport-left[data-v-0cd6ee69]{align-items:center;display:flex;grid-area:2/1/3/2;justify-content:end;padding-left:20px;padding-right:40px}.viewport-center[data-v-0cd6ee69]{grid-area:2/2/3/3;position:relative}.viewport-right[data-v-0cd6ee69]{align-items:center;display:flex;grid-area:2/3/3/4;justify-content:start;padding-left:40px;padding-right:20px}.viewport-bottom[data-v-0cd6ee69]{align-items:center;display:flex;grid-area:3/1/4/4;justify-content:center;position:relative;z-index:9999999999}.viewport-footer[data-v-0cd6ee69]{grid-area:4/1/5/4;min-height:100px;position:relative}.demo-canvas[data-v-0cd6ee69]{aspect-ratio:1.6;background-color:#fff;border-radius:45px;box-shadow:0 5px 15px #0000000d;height:500px;left:50%;margin:0 auto;outline:1px solid rgba(0,0,0,.067);position:absolute;transform:translate(-50%);z-index:1}@container (max-width: 1400px){.demo-canvas[data-v-0cd6ee69]{aspect-ratio:1}}.invisible-scroll[data-v-0cd6ee69]{background:transparent;border:4px solid red;height:100%;left:0;opacity:0;outline:none;overflow-x:auto;overflow-y:hidden;pointer-events:auto;position:absolute;scrollbar-width:none;top:0;width:100%;z-index:200000;-ms-overflow-style:none}.invisible-scroll[data-v-0cd6ee69]::-webkit-scrollbar{display:none}.invisible-scroll-content[data-v-0cd6ee69]{height:100%;width:100%}.floating-canvas[data-v-0cd6ee69]{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:800}.tester-drop-zone[data-v-0cd6ee69]{align-items:center;background-color:#000;border-radius:20px;bottom:20px;display:flex;height:140px;justify-content:center;left:20px;pointer-events:auto;position:fixed;width:200px;z-index:100000}.tester-drop-zone.dragover[data-v-0cd6ee69]{background-color:#333}.drop-zone-content[data-v-0cd6ee69]{color:#fff;display:flex;flex-direction:column;gap:0;pointer-events:none;text-align:center}.drop-icon .icon[data-v-0cd6ee69]{height:24px;width:24px}.drop-text[data-v-0cd6ee69]{font-size:12px;font-weight:600}.drop-subtext[data-v-0cd6ee69]{color:#999;font-size:10px}