@import "https://fonts.googleapis.com/css2?family=Comforter+Brush&display=swap";
@import "https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
:root{--primary:255, 255, 255;--secondary:0, 0, 0;--panel:28, 28, 30;--panel-active:46, 46, 48;--panel-dim:16, 16, 18;--background:13, 13, 13;--body:0, 0, 0;--modal:16, 16, 16;--sheet:var(--panel);--success:67, 210, 90;--danger:255, 68, 68;--alert:255, 183, 0;--info:10, 132, 255;--performance:255, 167, 36;--frame-accent:255, 167, 36;--mockup-accent:0, 90, 255;--text-accent:255, 0, 225;--audio-accent:255, 50, 60}.primary{color:rgba(var(--primary), 1)!important}.secondary{color:rgba(var(--secondary), 1)!important}.gray-text{color:rgba(var(--primary), .36)!important}.gray-text2{color:rgba(var(--primary), .6)!important}.gray-icon{color:rgba(var(--primary), .12)!important}.accent{color:linear-gradient(120deg, #ff6432 25%, #ff0065 45%, #7b2eff 75%)!important}.danger{color:rgba(var(--danger), 1)!important}.success{color:rgba(var(--success), 1)!important}.alert{color:rgba(var(--alert), 1)!important}.info{color:rgba(var(--info), 1)!important}.performance{color:rgba(var(--performance), 1)!important}.sale{color:#ff2a2a!important}.color-text{color:rgba(var(--text-accent), 1)!important}.color-mockup{color:rgba(var(--mockup-accent), 1)!important}.color-audio{color:rgba(var(--audio-accent), 1)!important}.color-frame{color:rgba(var(--frame-accent), 1)!important}.bg-none{background:0 0!important}.bg-primary{background:rgba(var(--primary), 1)!important}.bg-highlight{background:rgba(var(--primary), .06)!important}.bg-gray-icon{background:rgba(var(--primary), .12)!important}.bg-accent{color:#fff!important;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%)!important}.bg-overlay{background:rgba(var(--background), .8)!important}.bg-danger{background:rgba(var(--danger), 1)!important}.bg-info{background:rgba(var(--info), 1)!important}.bg-success{background:rgba(var(--success), 1)!important}.bg-panel{background:rgba(var(--panel), 1)!important}.bg-panel-dim{background:rgba(var(--panel-dim), 1)!important}.bg-panel-active{background:rgba(var(--panel-active), 1)!important}.bg-sale{background:#ff2a2a!important}.bg-text{background:rgba(var(--text-accent), 1)!important}.bg-mockup{background:rgba(var(--mockup-accent), 1)!important}.bg-audio{background:rgba(var(--audio-accent), 1)!important}.bg-frame{background:rgba(var(--frame-accent), 1)!important}*{-webkit-user-drag:none}html,body{width:100vw;height:100vh;position:relative;overflow:hidden;touch-action:none!important;overscroll-behavior:none!important}html *,html :before,html :after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;background:rgba(var(--body), 1);color:rgba(var(--primary), 1);line-height:0;top:0;left:0;position:fixed!important}body,nav,footer,section,div,h1,h2,h3,h4,h5,p,a,label,ul,li{-webkit-tap-highlight-color:#fff0;outline:none;margin:0;padding:0;text-decoration:none}li{list-style-type:none}svg{color:inherit}::-webkit-scrollbar{width:8px!important;height:0!important}div::-webkit-scrollbar{width:0!important;height:0!important}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.truncate,.app-menu .app-menu-tab-button>span,.draft-item .texts p,.folder-item .texts p,.timeline-widget-track-label .text span,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span,.shots-mobile-ui .mobile-control-switcher-button span,.panel-selector-btn-desktop .details p,.subscription-view .sub-card-drawer .sub-card-drawer-content .copy span,button span,.button span{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}@font-face{font-family:Inter;src:url(../media/Inter-Light.3lzejfrf3zh3a.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(../media/Inter-Regular.0ql1auew3c5_8.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(../media/Inter-Medium.3yh_rl7mhcmcq.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(../media/Inter-SemiBold.1z9pqj1lpzo0i.woff2)format("woff2");font-weight:600;font-style:normal}.header{letter-spacing:-1px;font:600 52px/64px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.header{letter-spacing:-1px;font:600 40px/48px Inter,sans-serif}}h1,.h1{letter-spacing:-1px;font:500 34px/44px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h1,.h1{letter-spacing:-1.1px;font:500 33px/40px Inter,sans-serif}}h2,.h2,.text-font-picker.variant-7 .text-item:nth-child(2),.text-elements.variant-7 .text-item:nth-child(2),.text-font-picker.variant-8 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-elements.variant-1 .text-item:nth-child(2),.text-font-picker.variant-2 .text-item:nth-child(2),.text-elements.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(2),.text-font-picker.variant-4 .text-item:nth-child(2),.text-elements.variant-4 .text-item:nth-child(2),.text-font-picker.variant-5 .text-item:nth-child(2),.text-elements.variant-5 .text-item:nth-child(2),.text-font-picker.variant-6 .text-item:nth-child(2),.text-elements.variant-6 .text-item:nth-child(2){letter-spacing:-1px;font:500 28px/38px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h2,.h2,.text-font-picker.variant-7 .text-item:nth-child(2),.text-elements.variant-7 .text-item:nth-child(2),.text-font-picker.variant-8 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-elements.variant-1 .text-item:nth-child(2),.text-font-picker.variant-2 .text-item:nth-child(2),.text-elements.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(2),.text-font-picker.variant-4 .text-item:nth-child(2),.text-elements.variant-4 .text-item:nth-child(2),.text-font-picker.variant-5 .text-item:nth-child(2),.text-elements.variant-5 .text-item:nth-child(2),.text-font-picker.variant-6 .text-item:nth-child(2),.text-elements.variant-6 .text-item:nth-child(2){letter-spacing:-.9px;font:500 27px/34px Inter,sans-serif}}h3,.h3{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h3,.h3{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}h4,.h4,.text-font-picker.variant-1 .text-item:nth-child(3),.text-elements.variant-1 .text-item:nth-child(3){letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h4,.h4,.text-font-picker.variant-1 .text-item:nth-child(3),.text-elements.variant-1 .text-item:nth-child(3){letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}h5,.h5,.text-font-picker.variant-7 .text-item:first-child,.text-elements.variant-7 .text-item:first-child,.text-font-picker.variant-8 .text-item:first-child,.text-elements.variant-8 .text-item:first-child,.text-font-picker.variant-3 .text-item:first-child,.text-elements.variant-3 .text-item:first-child,.text-font-picker.variant-4 .text-item:nth-child(3),.text-elements.variant-4 .text-item:nth-child(3),.text-font-picker.variant-5 .text-item:first-child,.text-elements.variant-5 .text-item:first-child,.text-font-picker.variant-6 .text-item:first-child,.text-elements.variant-6 .text-item:first-child{letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h5,.h5,.text-font-picker.variant-7 .text-item:first-child,.text-elements.variant-7 .text-item:first-child,.text-font-picker.variant-8 .text-item:first-child,.text-elements.variant-8 .text-item:first-child,.text-font-picker.variant-3 .text-item:first-child,.text-elements.variant-3 .text-item:first-child,.text-font-picker.variant-4 .text-item:nth-child(3),.text-elements.variant-4 .text-item:nth-child(3),.text-font-picker.variant-5 .text-item:first-child,.text-elements.variant-5 .text-item:first-child,.text-font-picker.variant-6 .text-item:first-child,.text-elements.variant-6 .text-item:first-child{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}h6,.h6,.text-font-picker.variant-3 .text-item:nth-child(3),.text-elements.variant-3 .text-item:nth-child(3),.select,button.default-button.small-button,.button.default-button.small-button{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){h6,.h6,.text-font-picker.variant-3 .text-item:nth-child(3),.text-elements.variant-3 .text-item:nth-child(3),.select,button.default-button.small-button,.button.default-button.small-button{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.callout,.text-controls .text-layout-controls .control-group .control-button span,button,.button{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.callout,.text-controls .text-layout-controls .control-group .control-button span,button,.button{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}label,.label{letter-spacing:.4px;text-transform:uppercase;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){label,.label{font:500 11px/16px Inter,sans-serif}}p,.body{letter-spacing:-.3px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){p,.body{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.caption,.about .members-list .member button,.subscription-view .sub-card-drawer .sub-card-drawer-content .copy span,.app-about .members-list .member button{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.caption,.about .members-list .member button,.subscription-view .sub-card-drawer .sub-card-drawer-content .copy span,.app-about .members-list .member button{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.caption2,.tag,button.default-button.tiny-button,.button.default-button.tiny-button{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.caption2,.tag,button.default-button.tiny-button,.button.default-button.tiny-button{letter-spacing:0;font:12px/16px Inter,sans-serif}}.footnote,.mock-style-3d-tag,.mockup-details .row span,.mockup-details .row p,.magic-presets-panel .magic-label,.magic-presets-panel .magic-count,.tag.tag-small,.mobile-command-menu button span,.recipe-stack-label,.slider-component .labels span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.footnote,.mock-style-3d-tag,.mockup-details .row span,.mockup-details .row p,.magic-presets-panel .magic-label,.magic-presets-panel .magic-count,.tag.tag-small,.mobile-command-menu button span,.recipe-stack-label,.slider-component .labels span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.font-weight-regular{font-weight:400}.font-weight-medium,.mock-style-3d-tag,.export-button .export-state>span,.tag,.subscription-view .sub-card-drawer .sub-card-drawer-content .copy span,button.default-button.small-button,.button.default-button.small-button,button.default-button.tiny-button,.button.default-button.tiny-button{font-weight:500}.font-weight-semibold{font-weight:600}.active,.dropzone-edit-popover .content .media-list .media-item.is-active .media-display img,.dropzone-edit-popover .content .media-list .media-item.is-active .media-display video,.panel-button.true-active .preview{outline:solid 1.5px rgba(var(--primary), .5)!important;outline-offset:2.5px!important}@media only screen and (min-width:0) and (max-width:800px){.active,.dropzone-edit-popover .content .media-list .media-item.is-active .media-display img,.dropzone-edit-popover .content .media-list .media-item.is-active .media-display video,.panel-button.true-active .preview{outline:solid 2px rgba(var(--primary), .5)!important;outline-offset:3px!important}}.bg-blur-small,.templates-sheet,.ui-menu{-webkit-backdrop-filter:blur(4px)saturate(150%);backdrop-filter:blur(4px)saturate(150%)}.bg-blur,.global-resize-handle .move-control,.timeline-widget-clip-item .options-ornament,.unsplash-control .search-bar .ui-text-input input,.dropzone-edit-popover .content .media-list .new-asset,.plus-badge-wrapper .pro-badge,.offer-component .bottom:before,.slideshow-component .nav-buttons.overlay-mode>*,.toaster-default,.toaster-error,.toaster-success,.toaster-warning,button.true-blur,.button.true-blur,.glass-panel{-webkit-backdrop-filter:blur(8px)saturate(150%);backdrop-filter:blur(8px)saturate(150%)}.bg-blur-hard,.is-drag-placeholder,.shots-admin .shots-admin-tabs,.shots-admin .admin-system-tab .device-card,.admin-feedback-item .item .message,.admin-feedback-item .ai-analysis,.subscriptions-tab .sub-user{-webkit-backdrop-filter:blur(40px)saturate(150%);backdrop-filter:blur(40px)saturate(150%)}.trans-display{transition:none!important}.trans-100,.timeline-track .timeline-audio-clips-track .audio-fade-handle,.text-controls .adaptive-text-color-button .background-display .frame-background-display .frame-background{transition:all .1s}.trans-200,.draft-item,.folder-item,.draft-item .content,.folder-item .content,.draft-item .draft-item-menu-wrapper,.folder-item .draft-item-menu-wrapper,.space-icon,.share-segment,.share-link-row,.share-link-delete,.view-only-exit,.export-item,.export-item .buttons,.timeline-height-control:before,.timeline-slide-duration-handle .indicator-line,.timeline-slide-duration-handle .handle,.timeline-slide-duration-handle .handle:before,.timeline-slide-duration-handle .handle .hint,.intro-ghost-slot,.timeline-widget-clip-item .clip,.timeline-widget-clip-item .options-ornament-wrapper,.timeline-clip-content,.media-clip-item .image-media-preview,.pause-clip-item .clip span,.timeline-ghost-ticker .needle,.timeline-track-ticker .needle,.timeline-track-ticker .orb,.slide-item:after,.magic-media-picker .magic-media-item,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus,.drag-pad-wrapper .drag-hint,.drag-pad .drag-handle,.magic-presets-panel .magic-thumb,.magic-presets-panel .magic-arrow,.magic-presets-panel .magic-progress-fill,.layouts-panel-controls-top:before,.layouts-panel-controls-top:after,.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display .media-icon,.magic-lane-toggle>svg,.offer-component .plan-select,.switch .switch-button p,.switch .switch-button .visual .icon-wrapper>svg,.switch .switch-button .visual .image-wrapper,.slider-component .labels span,.slider-component .reset-icon,.ui-slider-component .labels span,.mockup-picker-mobile-modal .mock-item,.panel-button .preview:after,.panel-button .preview .image-wrapper:after{transition:all .2s}.trans-300,.asset-item,.assets-library-storage-meter .storage-meter-bar .storage-meter-fill,.upgrade-modal .upgrade-faqs .faq-item .head svg,.timeline-widget-track-label,.timeline-clip-content .animation-clip-preview .timeline-clip-preview,.timeline-clip-content .animation-clip-preview .base-frame,.widget-item,.magic-backs-empty-state .empty-state .previews .preview-image,.drag-pad-wrapper .viewfinder-div,.drag-pad-wrapper .ghost-viewfinder,.drag-pad .drag-handle:after,.drag-grid-tile,.drag-grid-tile .preset-button .tile,.layouts-panel-controls-top .transform-controls-wrapper .position-controls .zoom-tilt-switch,.layouts-panel-controls-top .transform-controls-wrapper .position-controls .position-pad-safearea,.layouts-panel-controls-top .transform-controls-wrapper .position-controls .slider-component,.dropzone-edit-popover .content .media-list .media-item,.banner-popover .content.full-clickable{transition:all .3s}.shadow-small-soft{box-shadow:0 5px 10px -5px #00000080!important}.shadow-large-soft,.slides-toolbar,.ui-menu{box-shadow:0 10px 20px -5px #00000080!important}.border-light,.style-item .thumbnail .image-wrapper{box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .06)!important}.border-glass-after,.app-menu .app-menu-tab-button-small,.app-menu .app-menu-tab-button .active-indicator,.link-card,.draft-item .content,.folder-item .content,.is-drag-placeholder,.timeline-hover-add-wrapper .timeline-hover-add-clip,.timeline-widget-clip-item .clip,.slides-toolbar,.frame-widget-item-preview,.text-widget-item-preview,.ui-menu,.ui-sheet-navbar>button,.popover,.shots-toolbar-effects,.timeline-widget-clip-item .options-ornament,.widget-tabs,.toaster-default,.toaster-error,.toaster-success,.toaster-warning{--margin:10px;position:relative}.border-glass-after:before,.app-menu .app-menu-tab-button-small:before,.app-menu .app-menu-tab-button .active-indicator:before,.link-card:before,.draft-item .content:before,.folder-item .content:before,.is-drag-placeholder:before,.timeline-hover-add-wrapper .timeline-hover-add-clip:before,.timeline-widget-clip-item .clip:before,.slides-toolbar:before,.frame-widget-item-preview:before,.text-widget-item-preview:before,.ui-menu:before,.ui-sheet-navbar>button:before,.popover:before,.shots-toolbar-effects:before,.timeline-widget-clip-item .options-ornament:before,.widget-tabs:before,.toaster-default:before,.toaster-error:before,.toaster-success:before,.toaster-warning:before,.border-glass-after:after,.app-menu .app-menu-tab-button-small:after,.app-menu .app-menu-tab-button .active-indicator:after,.link-card:after,.draft-item .content:after,.folder-item .content:after,.is-drag-placeholder:after,.timeline-hover-add-wrapper .timeline-hover-add-clip:after,.timeline-widget-clip-item .clip:after,.slides-toolbar:after,.frame-widget-item-preview:after,.text-widget-item-preview:after,.ui-menu:after,.ui-sheet-navbar>button:after,.popover:after,.shots-toolbar-effects:after,.timeline-widget-clip-item .options-ornament:after,.widget-tabs:after,.toaster-default:after,.toaster-error:after,.toaster-success:after,.toaster-warning:after{content:"";border-radius:inherit;pointer-events:none;corner-shape:inherit;position:absolute;inset:0}.border-glass-after:before,.app-menu .app-menu-tab-button-small:before,.app-menu .app-menu-tab-button .active-indicator:before,.link-card:before,.draft-item .content:before,.folder-item .content:before,.is-drag-placeholder:before,.timeline-hover-add-wrapper .timeline-hover-add-clip:before,.timeline-widget-clip-item .clip:before,.slides-toolbar:before,.frame-widget-item-preview:before,.text-widget-item-preview:before,.ui-menu:before,.ui-sheet-navbar>button:before,.popover:before,.shots-toolbar-effects:before,.timeline-widget-clip-item .options-ornament:before,.widget-tabs:before,.toaster-default:before,.toaster-error:before,.toaster-success:before,.toaster-warning:before{background:linear-gradient(to right, transparent 0%, rgba(var(--primary), .06) 30%, rgba(var(--primary), .06) 70%, transparent 100%);border:solid 1px rgba(var(--primary), .12);-webkit-mask-image:linear-gradient(black 0%, #00000040 calc(0% + var(--margin) / 2), transparent calc(0% + var(--margin)), transparent calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), black 100%);-webkit-mask-image:linear-gradient(black 0%, #00000040 calc(0% + var(--margin) / 2), transparent calc(0% + var(--margin)), transparent calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), black 100%);mask-image:linear-gradient(black 0%, #00000040 calc(0% + var(--margin) / 2), transparent calc(0% + var(--margin)), transparent calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), black 100%);z-index:6!important}.border-glass-after:after,.app-menu .app-menu-tab-button-small:after,.app-menu .app-menu-tab-button .active-indicator:after,.link-card:after,.draft-item .content:after,.folder-item .content:after,.is-drag-placeholder:after,.timeline-hover-add-wrapper .timeline-hover-add-clip:after,.timeline-widget-clip-item .clip:after,.slides-toolbar:after,.frame-widget-item-preview:after,.text-widget-item-preview:after,.ui-menu:after,.ui-sheet-navbar>button:after,.popover:after,.shots-toolbar-effects:after,.timeline-widget-clip-item .options-ornament:after,.widget-tabs:after,.toaster-default:after,.toaster-error:after,.toaster-success:after,.toaster-warning:after{-webkit-mask-image:linear-gradient(transparent 0%, #00000040 calc(0% + var(--margin) / 2), black calc(0% + var(--margin)), black calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%, #00000040 calc(0% + var(--margin) / 2), black calc(0% + var(--margin)), black calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), transparent 100%);mask-image:linear-gradient(transparent 0%, #00000040 calc(0% + var(--margin) / 2), black calc(0% + var(--margin)), black calc(100% - var(--margin)), #00000040 calc(100% - var(--margin) / 2), transparent 100%);border:.5px solid #000000e6;margin:-.5px;z-index:5!important}.border-light-after,.space-icon,.media-preview-overlay__quality,.media-preview-overlay__close,.timeline-clip-content .animation-clip-preview .timeline-clip-preview,.timeline-clip-content .animation-clip-preview .base-frame,.slide-item .slide-item-preview-wrapper,.user-avatar,.local-currency-methods .method-item>div,.control-panel,.timeline-component,.navbar,.canvas,.modal-sheet,.slide-over,.glass-panel{position:relative}.border-light-after:after,.space-icon:after,.media-preview-overlay__quality:after,.media-preview-overlay__close:after,.timeline-clip-content .animation-clip-preview .timeline-clip-preview:after,.timeline-clip-content .animation-clip-preview .base-frame:after,.slide-item .slide-item-preview-wrapper:after,.user-avatar:after,.local-currency-methods .method-item>div:after,.control-panel:after,.timeline-component:after,.navbar:after,.canvas:after,.modal-sheet:after,.slide-over:after,.glass-panel:after{content:"";border-radius:inherit;pointer-events:none;corner-shape:inherit;border:solid 1px rgba(var(--primary), .06);z-index:10;position:absolute;inset:0}.shots-toolbar-effects,.timeline-widget-clip-item .options-ornament,.widget-tabs,.toaster-default,.toaster-error,.toaster-success,.toaster-warning{background:rgba(var(--panel-dim), .8);border-radius:100px;align-items:center;width:max-content;padding:2px;display:flex;position:relative}.shots-toolbar-effects button .active-indicator,.timeline-widget-clip-item .options-ornament button .active-indicator,.widget-tabs button .active-indicator,.toaster-default button .active-indicator,.toaster-error button .active-indicator,.toaster-success button .active-indicator,.toaster-warning button .active-indicator{background:rgba(var(--primary), .1)!important}.shots-effect{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%) 50% 100%/200% no-repeat!important;animation:2s linear infinite alternate gradient!important}.shots-text-effect{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);-moz-text-fill-color:#0000;background-position:50% 100%;background-repeat:no-repeat;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite alternate gradient}.hoverlight{transition:background-color .2s}.hoverlight:active{background:rgba(var(--primary), .12)}.glass-panel{background:rgba(var(--modal), .7)!important}button,.button{color:rgba(var(--primary), 1);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:max-content;box-shadow:none;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:0;text-decoration:none;transition:all .2s;display:flex;position:relative}button span,.button span{color:inherit}button>svg,.button>svg{width:20px;height:20px;color:inherit}button.default-button.huge-button,.button.default-button.huge-button{padding:14px 16px}button.default-button.large-button,.button.default-button.large-button{padding:10px 12px}button.default-button.medium-button,.button.default-button.medium-button{padding:8px 10px}button.default-button.small-button,.button.default-button.small-button{gap:6px;padding:7px 10px}button.default-button.small-button span,.button.default-button.small-button span{line-height:18px!important}button.default-button.small-button svg,.button.default-button.small-button svg{width:18px;height:18px}button.default-button.tiny-button,.button.default-button.tiny-button{gap:4px;padding:6px 9px}button.default-button.tiny-button span,.button.default-button.tiny-button span{line-height:16px!important}button.default-button.tiny-button svg,.button.default-button.tiny-button svg{width:16px;height:16px}@media only screen and (min-width:0) and (max-width:800px){button.default-button.huge-button,.button.default-button.huge-button{padding:16px}button.default-button.large-button,.button.default-button.large-button{padding:14px}button.default-button.medium-button,.button.default-button.medium-button{padding:10px}}button.icon-button.huge-button,.button.icon-button.huge-button{padding:14px}button.icon-button.large-button,.button.icon-button.large-button{padding:10px}button.icon-button.medium-button,.button.icon-button.medium-button{padding:8px}button.icon-button.small-button,.button.icon-button.small-button{padding:7px}button.icon-button.small-button svg,.button.icon-button.small-button svg{width:18px;height:18px}button.icon-button.tiny-button,.button.icon-button.tiny-button{padding:6px}button.icon-button.tiny-button svg,.button.icon-button.tiny-button svg{width:16px;height:16px}@media only screen and (min-width:0) and (max-width:800px){button.icon-button.huge-button,.button.icon-button.huge-button{padding:16px}button.icon-button.large-button,.button.icon-button.large-button{padding:14px}button.icon-button.medium-button,.button.icon-button.medium-button{padding:10px}}button.huge-button,.button.huge-button{border-radius:14px}button.large-button,.button.large-button{border-radius:12px}button.medium-button,.button.medium-button{border-radius:10px}button.small-button,.button.small-button,button.tiny-button,.button.tiny-button{border-radius:9px}button.true-round,.button.true-round{border-radius:100px}button .round,.button .round{border-radius:100px!important}@media only screen and (min-width:0) and (max-width:800px){button:active,.button:active{transform:scale(1.04);filter:brightness(150%)!important}}@media only screen and (min-width:1200px){button.highlight-hover:hover,.button.highlight-hover:hover{background:rgba(var(--primary), .06)}}button.primary-button,.button.primary-button{background:rgba(var(--primary), 1);color:rgba(var(--secondary), 1)}button.secondary-button,.button.secondary-button{background:rgba(var(--primary), .06)}@media only screen and (min-width:1200px){button.secondary-button.highlight-hover:hover,.button.secondary-button.highlight-hover:hover{background:rgba(var(--primary), .12)}}button.danger-button,.button.danger-button{background:rgba(var(--primary), .06);color:rgba(var(--danger), 1)}@media only screen and (min-width:1200px){button.danger-button:hover,.button.danger-button:hover{background:rgba(var(--primary), .12)}}button:disabled,.button:disabled{opacity:.3;pointer-events:none}button.true-active,.button.true-active{z-index:1}button .active-indicator,.button .active-indicator{background:rgba(var(--primary), .12);border-radius:inherit;z-index:-1;pointer-events:none;position:absolute;inset:0}input,textarea{box-shadow:none;background:0 0;border:none;outline:none}.ui-text-input{--icon-size:20px;--font:normal 16px/20px "Inter", sans-serif;--padding:8px;--border-radius:10px;--outline-color:transparent;--background:rgba(var(--primary), .08);--color:rgba(var(--primary), 1);--placeholder-color:rgba(var(--primary), .4);--focus-outline-color:rgba(var(--primary), .3);color:var(--color);border-radius:var(--border-radius);background:var(--background);transition:all .25s;position:relative}.ui-text-input input{width:100%;font:var(--font);color:inherit;outline:1px solid var(--outline-color);outline-offset:-1px;padding:var(--padding) calc(var(--padding)*1.5);border-radius:inherit;corner-shape:inherit;transition:inherit}.ui-text-input input::placeholder{color:var(--placeholder-color)}.ui-text-input input:focus,.ui-text-input input:active{outline-color:var(--focus-outline-color)}.ui-text-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-text-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-text-input input[type=number]{-moz-appearance:textfield}.ui-text-input textarea{width:100%;font:var(--font);color:inherit;outline:1px solid var(--outline-color);outline-offset:-1px;padding:var(--padding) calc(var(--padding)*1.5);border-radius:inherit;corner-shape:inherit;transition:inherit}.ui-text-input textarea::placeholder{color:var(--placeholder-color)}.ui-text-input textarea:focus,.ui-text-input textarea:active{outline-color:var(--focus-outline-color)}.ui-text-input textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-text-input textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-text-input textarea[type=number]{-moz-appearance:textfield}.ui-text-input .icon-wrap{pointer-events:none;padding:var(--padding);position:absolute;top:0;left:0}.ui-text-input .icon-wrap svg{width:var(--icon-size);height:var(--icon-size);color:var(--placeholder-color)}.ui-text-input.has-icon input{padding-left:calc(var(--padding)*2 + var(--icon-size))}.ui-text-input.disabled{pointer-events:none;opacity:.5}.ui-text-input.size-tiny{--padding:5px;--border-radius:8px;--font:normal 14.5px/18px "Inter", sans-serif}.ui-text-input.size-small{--padding:6px;--border-radius:9px}.ui-text-input.size-medium{--padding:8px;--border-radius:10px}.ui-text-input.size-large{--padding:10px;--border-radius:12px}.ui-text-input.size-huge{--padding:14px;--border-radius:14px}.ui-text-input.variant-default{--background:rgba(var(--primary), .08)}.ui-text-input.variant-transparent{--background:none;--focus-outline-color:transparent}.select{color:rgba(var(--primary), 1);border:1px solid rgba(var(--primary), .12);appearance:none;background:rgba(var(--primary), .06) url("data:image/svg+xml;utf8,<svg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.666 4.803c0 .292-.252.53-.565.53a.59.59 0 0 1-.411-.166L3.996 2.588 1.31 5.167a.606.606 0 0 1-.411.166c-.314 0-.566-.238-.566-.53a.48.48 0 0 1 .159-.368l3.052-2.908a.632.632 0 0 1 .911 0l3.049 2.908a.496.496 0 0 1 .162.368ZM.334 11.197c0-.291.252-.53.565-.53a.59.59 0 0 1 .411.167l2.694 2.578 2.686-2.579a.606.606 0 0 1 .411-.166c.314 0 .566.239.566.53a.48.48 0 0 1-.159.368l-3.052 2.908a.632.632 0 0 1-.911 0L.496 11.565a.496.496 0 0 1-.162-.368Z' fill='gray'/></svg>") no-repeat;background-position:right 12px top 50%;background-repeat:no-repeat;border-radius:10px;padding:10px 12px;transition:all .2s;position:relative}.select::placeholder{color:rgba(var(--primary), .36)}.select:focus,.select:active{outline:none}.dropdown{z-index:800;position:relative}.dropdown .button-wrapper{z-index:50;cursor:pointer;position:relative}.dropdown .button-wrapper>*{pointer-events:none}.dropdown .drop-menu{z-index:100;flex-direction:column;display:flex;position:absolute}@media only screen and (min-width:800px){.dropdown .drop-menu{outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;background:rgba(var(--modal), 1);border-radius:16px;padding:6px;box-shadow:0 12px 24px #00000052}}@media only screen and (min-width:0) and (max-width:800px){.dropdown{z-index:100}.dropdown .drop-menu{background:rgba(var(--background), 1);outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:20px;gap:4px;padding:8px;box-shadow:0 4px 44px #0000001a}.dropdown .drop-menu .danger{background:rgba(var(--danger), .06)}}.tip{opacity:1;position:relative;overflow:visible}.tip .tooltip{background:rgba(var(--panel), 1);outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;width:max-content;color:rgba(var(--primary), 1);text-align:center;z-index:900;visibility:hidden;opacity:0;letter-spacing:-.2px;border-radius:20px;align-items:center;gap:8px;padding:5px 11px;font:500 14px/18px Inter,sans-serif;transition:opacity .2s;display:flex;position:absolute;box-shadow:0 4px 8px #0000001a}@media only screen and (min-width:0) and (max-width:800px){.tip .tooltip{letter-spacing:0;font:14.5px/20px Inter,sans-serif;display:none}}.tip .tooltip .keys{align-items:center;gap:4px;display:flex}.tip .tooltip .keys span{text-transform:capitalize;color:#000;aspect-ratio:1;background:#ffffffb3;border-radius:4px;place-items:center;width:16px;font:600 13px/13px Inter,sans-serif;display:grid;position:relative}.tip .tooltip .keys span:before{content:"";background:rgba(var(--primary), .36);z-index:-1;border-radius:5px;position:absolute;inset:-1px;transform:translateY(1px)}.tip:hover .tooltip{visibility:visible;opacity:1;transition-delay:.5s}.toaster-container{z-index:99999!important}@media only screen and (min-width:0) and (max-width:800px){.toaster-container{margin-top:calc(env(safe-area-inset-top,0) - 12px)}}.toaster-default,.toaster-error,.toaster-success,.toaster-warning{background:rgba(var(--sheet), .8)!important;border-radius:40px!important;height:48px!important;padding:0 16px!important;box-shadow:0 8px 20px #0003!important}.toaster-default>*,.toaster-error>*,.toaster-success>*,.toaster-warning>*{color:rgba(var(--primary), 1)!important}.toaster-default .icon,.toaster-error .icon,.toaster-success .icon,.toaster-warning .icon{width:24px;height:24px}.toaster-default .toast-content,.toaster-error .toast-content,.toaster-success .toast-content,.toaster-warning .toast-content{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.toaster-default .toast-caption,.toaster-error .toast-caption,.toaster-success .toast-caption,.toaster-warning .toast-caption{margin-top:-1.5px;margin-bottom:-2px;color:rgba(var(--primary), .6)!important}.toaster-success .icon{color:rgba(var(--success), 1)!important}.toaster-error .icon{color:rgba(var(--danger), 1)!important}.toaster-warning .icon,.toaster-warning .toast-title{color:rgba(var(--alert), 1)!important}:root{--squircle:superellipse(1.25)}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.mockup-picker-mobile-modal .picker-filters-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.panel-control-stack::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.v-stack .scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.slideshow-component .items-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.ui-sheet-view .ui-sheet-scroll-view::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-scroll-view::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.truncate,.timeline-widget-track-label .text span,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span,.shots-mobile-ui .mobile-control-switcher-button span,.panel-selector-btn-desktop .details p,.subscription-view .sub-card-drawer .sub-card-drawer-content .copy span,.app-menu .app-menu-tab-button>span,.draft-item .texts p,.folder-item .texts p{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.des{display:none}@media only screen and (min-width:1200px){.des{display:inherit}}.tab{display:none}@media only screen and (min-width:800px) and (max-width:1200px){.tab{display:inherit}}.mob{display:none}@media only screen and (min-width:0) and (max-width:800px){.mob{display:inherit}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.align-c{align-items:center}.justify-c{justify-content:center}.justify-e{justify-content:flex-end}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.modal-container{z-index:750;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media only screen and (min-width:0) and (max-width:800px){.modal-container{align-items:flex-end}}.modal-container-backdrop{z-index:-1;background:rgba(var(--body), .4);position:absolute;inset:0}.modal-sheet{background:rgba(var(--sheet), 1);corner-shape:var(--squircle);z-index:1;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 16px 32px #0000003d}@media only screen and (min-width:0) and (max-width:800px){.modal-sheet{max-width:100%!important}.modal-sheet.modal-type{margin-bottom:calc(8px + (env(safe-area-inset-bottom,16px)));width:calc(100vw - 16px)!important}.modal-sheet.sheet-type,.modal-sheet.full-sheet-type{box-shadow:none;border-radius:28px 28px 0 0;flex-direction:column;display:flex;width:100vw!important;max-height:calc(98vh - env(safe-area-inset-top,0))!important}.modal-sheet.sheet-type .modal-scroll-view .content-view,.modal-sheet.full-sheet-type .modal-scroll-view .content-view{padding-bottom:calc(16px + (env(safe-area-inset-bottom,16px)))}.modal-sheet.full-sheet-type{height:100%!important}.modal-sheet.fullscreen-type{box-shadow:none;background:rgba(var(--modal), 1);border-radius:0;width:100vw!important;height:100%!important;max-height:100vh!important}.modal-sheet.fullscreen-type .modal-title-bar{padding-top:calc(6px + env(safe-area-inset-top,16px));background:rgba(var(--modal), .8)}.modal-sheet.fullscreen-type .floating-close{top:env(safe-area-inset-top,16px)!important}.modal-sheet.fullscreen-type .modal-scroll-view .content-view{padding-top:calc(84px + (env(safe-area-inset-top,16px)))!important;padding-bottom:calc(16px + (env(safe-area-inset-bottom,16px)))!important}}.modal-head{z-index:10;transition:all .2s;position:absolute;top:0;left:0;right:0}.modal-head.modal-title-bar{justify-content:space-between;align-items:center;padding:12px 12px 12px 16px;display:flex}.modal-head.floating-close{top:14px;right:14px;left:unset;z-index:10;border-radius:50%;overflow:hidden}.modal-head.floating-close button{background:rgba(var(--primary), .12)}.modal-head.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-head.scrolled.modal-title-bar{background:rgba(var(--modal), .8)}.modal-head.scrolled.modal-title-bar:before{content:"";inset:0;top:unset;background:rgba(var(--primary), .06);height:1px;transition:inherit;position:absolute}.modal-scroll-view{-webkit-overflow-scrolling:touch;width:100%;height:max-content;max-height:100%;position:relative;overflow:hidden auto}.modal-scroll-view.full-height{flex:1;height:100%}.modal-scroll-view .content-view{flex-direction:column;gap:16px;height:max-content;padding:84px 16px 16px;display:flex}.popover{z-index:750;background:rgba(var(--panel), 1);border-radius:20px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px -10px #0006}@media only screen and (min-width:0) and (max-width:800px){.popover{width:unset!important;left:6px!important;right:6px!important;top:calc(4px + env(safe-area-inset-top,16px))!important;bottom:unset!important}}.slide-over{z-index:750;background:rgba(var(--panel), 1);border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 0 8px #000000fc}.ui-sheet-view{z-index:750;position:fixed;inset:0}.ui-sheet-view .ui-sheet-backdrop{z-index:-1;background:#00000052;position:absolute;inset:0}.ui-sheet-view .ui-sheet-scroll-view{z-index:1;overscroll-behavior:none;scroll-snap-type:y mandatory;flex-direction:column-reverse;display:flex;position:absolute;inset:0;overflow:hidden auto}.ui-sheet-view .ui-sheet-dummy,.ui-sheet-view .ui-sheet-container{scroll-snap-align:end;width:100%;height:100%;min-height:100%}.ui-sheet-view .ui-sheet-dummy{order:2}.ui-sheet-view .ui-sheet-material{width:100%;height:100%;position:relative}.ui-sheet-view .ui-sheet-container{order:1;justify-content:center;align-items:center;height:max-content;min-height:max-content;display:flex;position:relative}.ui-sheet-view .ui-sheet-content{background:rgba(var(--sheet), 1);position:relative;overflow:hidden}.ui-sheet-view .ui-sheet-container.sheet-type{justify-content:center;align-items:center;display:flex}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-view .ui-sheet-container.sheet-type{align-items:flex-end}}.ui-sheet-view .ui-sheet-container.sheet-type .ui-sheet-content{border-radius:32px 32px 0 0}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-view .ui-sheet-container.sheet-type .ui-sheet-content{width:100%!important;max-width:100%!important}}.ui-sheet-view .ui-sheet-container.full-sheet-type{justify-content:center;align-items:center;display:flex}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-view .ui-sheet-container.full-sheet-type{align-items:flex-end}}.ui-sheet-view .ui-sheet-container.full-sheet-type .ui-sheet-content{border-radius:32px 32px 0 0}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-view .ui-sheet-container.full-sheet-type .ui-sheet-content{width:100%!important;max-width:100%!important;height:calc(100dvh - 12px - env(safe-area-inset-top,0))!important;max-height:calc(100dvh - 12px - env(safe-area-inset-top,0))!important}}.ui-sheet-navbar{z-index:10;gap:12px;transition:all .2s;display:flex;position:absolute}.ui-sheet-navbar>button{background:rgba(var(--panel-active), .4)}.ui-sheet-navbar .leading,.ui-sheet-navbar .center,.ui-sheet-navbar .trailing{align-items:center;gap:inherit;display:flex}.ui-sheet-navbar .leading.leading,.ui-sheet-navbar .center.leading,.ui-sheet-navbar .trailing.leading{flex:1;justify-content:flex-start}.ui-sheet-navbar .leading.trailing,.ui-sheet-navbar .center.trailing,.ui-sheet-navbar .trailing.trailing{flex:1;justify-content:flex-end}.ui-sheet-navbar:before{content:"";background:rgba(var(--panel), .7);z-index:-1;pointer-events:none;display:none;position:absolute;inset:0 0 -12px;-webkit-mask-image:linear-gradient(#000 33%,#00000080 66%,#0000 100%);mask-image:linear-gradient(#000 33%,#00000080 66%,#0000 100%)}.ui-sheet-navbar.show-scroll-overlay:before{display:initial}.ui-sheet-navbar.default-mode{justify-content:space-between;align-items:center;padding:14px 14px 14px 18px;display:flex;top:0;left:0;right:0}.ui-sheet-navbar.default-mode.has-leading-button{justify-content:space-between;padding:14px}.ui-sheet-navbar.floating-mode{top:14px;right:14px}.ui-sheet-navbar.floating-mode.has-leading-button{right:unset;left:14px}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-navbar.floating-mode{top:calc(14px + env(safe-area-inset-top,0))}}.ui-sheet-navbar.floating-mode.show-scroll-overlay{padding:14px;top:0;left:0;right:0}@media only screen and (min-width:0) and (max-width:800px){.ui-sheet-navbar.floating-mode.show-scroll-overlay{padding-top:calc(14px + env(safe-area-inset-top,0))!important}}.ui-menu{z-index:800;corner-shape:var(--squircle);background:rgba(var(--panel), .9);border-radius:20px;position:fixed;overflow:hidden}@media only screen and (min-width:0) and (max-width:800px){.ui-menu{background:rgba(var(--panel), .8);border-radius:28px}}.ui-menu-divider{background:rgba(var(--primary), .06);width:100%;max-width:calc(100% - 16px);min-height:1px;max-height:1px;margin:0 auto}.ui-menu-label{color:rgba(var(--primary), .6);letter-spacing:-.2px;margin:8px 8px 0;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.ui-menu-label{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.ui-menu-button{width:100%}.ui-menu-button .texts{flex-direction:column;flex:1;gap:4px;display:flex}.ui-menu-button.is-pinned{overflow:hidden;flex-direction:column!important;gap:4px!important}.ui-menu-button.is-pinned .texts span{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.ui-menu-button.is-pinned .texts span{letter-spacing:0;font:12px/16px Inter,sans-serif}}.ui-menu-button.is-pinned .active-indicator{background:rgba(var(--primary), .06)!important}@media only screen and (min-width:1200px){.ui-menu-button:hover{background:rgba(var(--primary), .06)}}.view-loader{place-items:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.slider-component{--height:30px;--radius:8px;--rail-radius:6px;--thumb-ver-margin:6px;--thumb-right-margin:10px;--thumb-width:2px;--labels-padding:12px;height:var(--height);border-radius:var(--radius);touch-action:none;display:flex;position:relative}.slider-component .track{background:rgba(var(--panel-dim), 1);color:rgba(var(--panel-active), 1);border-radius:inherit;cursor:pointer;flex-grow:1;height:100%}.slider-component .track .rail{background:rgba(var(--panel-active), .5);border-radius:inherit;touch-action:pan-x;will-change:transform;height:100%;transition:filter .2s;position:absolute;box-shadow:0 1.5px 6px -3px #0006}.slider-component .thumb{height:calc(var(--height) - var(--thumb-ver-margin)*2);width:var(--thumb-width);margin:var(--thumb-ver-margin) 0;margin-right:var(--thumb-right-margin);border-radius:var(--thumb-width);background:rgba(var(--primary), .36);cursor:pointer;outline:none;transition:background .2s;display:block}.slider-component .labels{z-index:1;padding:0 var(--labels-padding);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.slider-component .labels span{color:rgba(var(--primary), .6)}.slider-component .labels svg{width:16px;height:16px;margin-left:calc(0px - var(--labels-padding)*.4);color:rgba(var(--primary), .36)}@media only screen and (min-width:1200px){.slider-component:hover .reset-icon{visibility:visible;opacity:1}.slider-component:hover .thumb{background:rgba(var(--primary), .6)}.slider-component:hover .labels span{color:rgba(var(--primary), 1)}}.slider-component.is-at-start .thumb{transition:transform .3s;transform:translate(10px)}.slider-component.hide-rail{--thumb-ver-margin:2px;--thumb-right-margin:0;--thumb-width:7px}.slider-component.hide-rail .track .rail{display:none}.slider-component.hide-rail .thumb{background:rgba(var(--panel-active), 1);border-radius:2.5px;box-shadow:0 1px 3px #00000026;transform:none!important}.slider-component.true-disabled{pointer-events:none;opacity:.5}.slider-component .reset-icon{width:10px;height:inherit;border-radius:inherit;color:rgba(var(--primary), .36);cursor:pointer;visibility:hidden;opacity:0;background:red;justify-content:center;align-items:center;display:flex;position:absolute;right:-11px}.slider-component .reset-icon svg{width:10px;height:10px}.slider-component .reset-icon:hover{background:rgba(var(--primary), .06);color:rgba(var(--primary), 1)}@media only screen and (min-width:0) and (max-width:800px){.slider-component .reset-icon{display:none}.slider-component{--height:40px;--radius:12px;--rail-radius:6px;--thumb-ver-margin:8px;--thumb-right-margin:12px;--thumb-width:3px;--labels-padding:12px}.slider-component .labels span{color:rgba(var(--primary), .6)}.slider-component .track .rail{background:rgba(var(--panel-active), 1)}.slider-component.hide-rail{--thumb-ver-margin:3px;--thumb-width:10px}.slider-component.hide-rail .thumb{border-radius:4px}}.ui-slider{--height:30px;--track-height:6px;--thumb-height:18px;--thumb-width:28px;--labels-padding:12px;height:var(--height);align-items:center;gap:16px;display:flex}.ui-slider .icon-wrapper .icon{width:20px;height:20px;fill:rgba(var(--primary), .6)}.ui-slider>form{height:inherit;flex:1}.ui-slider-component{height:inherit;touch-action:none;align-items:center;display:flex;position:relative}.ui-slider-component:active .thumb{transform:scale(1.2)}.ui-slider-component .track{height:var(--track-height);border-radius:var(--track-height);cursor:pointer;background:rgba(var(--primary), .06);flex-grow:1}.ui-slider-component .track .range{height:var(--track-height);border-radius:inherit;touch-action:pan-x;will-change:transform;background:rgba(var(--primary), .6);transition:filter .2s;position:absolute;box-shadow:0 1.5px 6px -3px #0006}.ui-slider-component .thumb{width:var(--thumb-width);height:var(--thumb-height);margin:var(--thumb-ver-margin) 0;margin-right:var(--thumb-right-margin);background:rgba(var(--primary), 1);cursor:pointer;border-radius:50px;outline:none;transition:all .2s;display:block;box-shadow:0 1px 3px #0003}.ui-slider-component .labels{z-index:1;padding:0 var(--labels-padding);pointer-events:none;justify-content:space-between;align-items:center;display:none;position:absolute;inset:0}.ui-slider-component .labels span{color:rgba(var(--primary), .6)}.ui-slider-component .labels svg{width:16px;height:16px;margin-left:calc(0px - var(--labels-padding)*.4)}.ui-slider-component.hide-rail .range{display:none}.ui-slider-component.true-disabled{pointer-events:none;opacity:.5}.progress-bar-wrapper{aspect-ratio:1;width:max-content;position:relative}.progress-bar-wrapper .complete-indicator{background:rgba(var(--primary), 1);border-radius:50%;padding:18%;transition:all .3s;position:absolute;inset:0}.progress-bar-wrapper .complete-indicator svg{aspect-ratio:1;width:100%;color:rgba(var(--secondary), 1)}.progress-bar-wrapper .number-text{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.progress-bar-wrapper .number-text span{color:rgba(var(--primary), 1);scale:80%}.progress-bar-wrapper .progress-bar{border-radius:50%}.progress-bar-wrapper .progress-bar.is-loader{animation:1s linear infinite spin}.progress-bar-wrapper .progress-bar .trail{stroke:rgba(var(--secondary), .3)}.progress-bar-wrapper .progress-bar .path{stroke:rgba(var(--secondary), 1);transition:all .4s}.progress-bar-wrapper.default-accent .complete-indicator{background:rgba(var(--primary), 1)}.progress-bar-wrapper.default-accent .progress-bar .trail{stroke:rgba(var(--primary), .2)}.progress-bar-wrapper.default-accent .progress-bar .path{stroke:rgba(var(--primary), 1)}.progress-bar-wrapper.alert-accent .complete-indicator{background:rgba(var(--alert), 1)}.progress-bar-wrapper.alert-accent .progress-bar .trail{stroke:rgba(var(--alert), .2)}.progress-bar-wrapper.alert-accent .progress-bar .path{stroke:rgba(var(--alert), 1)}.progress-bar-wrapper.info-accent .complete-indicator{background:rgba(var(--info), 1)}.progress-bar-wrapper.info-accent .progress-bar .trail{stroke:rgba(var(--info), .2)}.progress-bar-wrapper.info-accent .progress-bar .path{stroke:rgba(var(--info), 1)}@keyframes is-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slideshow-component{width:100%;position:relative}.slideshow-component .items-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;height:max-content;position:relative;overflow:auto hidden;container-type:inline-size}.slideshow-component .items-scroll .all-items{align-items:center;gap:10px;width:max-content;height:100%;display:flex}.slideshow-component .items-scroll .all-items .slideshow-item{flex-shrink:0;height:max-content}.slideshow-component .items-scroll .all-items .slideshow-item.is-list{scroll-snap-align:start;width:max-content}.slideshow-component .items-scroll .all-items .slideshow-item.is-full-width{scroll-snap-align:center;width:100cqw;min-width:100cqw}.slideshow-component .slideshow-indicators{z-index:3;pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;bottom:0;left:0;right:0}.slideshow-component .slideshow-indicators span{aspect-ratio:1;background:rgba(var(--primary), .12);border-radius:50%;width:5px}.slideshow-component .slideshow-indicators span.is-active{background:rgba(var(--primary), .6)}.slideshow-component .nav-buttons.inline-mode{justify-content:center;gap:10px;display:flex}.slideshow-component .nav-buttons.inline-mode>*{background:rgba(var(--primary), .12)!important}.slideshow-component .nav-buttons.overlay-mode{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.slideshow-component .nav-buttons.overlay-mode>*{pointer-events:all;background:rgba(var(--secondary), .6)!important}.shots-mobile-ui.app-main{transition:background .5s;padding-top:env(safe-area-inset-top,0)!important}body{background:rgba(var(--body), 1);color:rgba(var(--primary), 1)}.app-main{background:rgba(var(--background), 1);width:100vw;height:100vh;position:relative}.app-main .app-layout{flex-direction:column;gap:3px;width:100%;height:100%;padding:6px;display:flex;position:relative}.app-main .live-avatar-overlay{z-index:995;pointer-events:none;position:fixed;inset:0}.app-main .live-overlay-badge{position:absolute;transform:translate(calc(6px - 100%),-50%)}.app-main:after{content:"";background:linear-gradient(90deg, rgba(var(--body), 1) 0%, transparent 25%),linear-gradient(90deg, rgba(var(--body), .7) 0%, rgba(var(--body), .7) 100%);background:rgba(var(--panel), .75);z-index:1000;border-radius:inherit;opacity:0;pointer-events:none;transition:all .5s ease-out;position:absolute;inset:0}.app-main.app-menu-open{border-radius:26px}.app-main.app-menu-open:after{opacity:1}@media only screen and (min-width:800px){.app-main .sidebar .control-panel{height:100%}}@media only screen and (min-height:0) and (max-height:800px){.app-main .sidebar{height:calc(100vh - 12px)!important}}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px){.app-main .timeline-component{width:calc(100vw - 458px);margin-left:223px}.app-main .timeline-component .timeline-controls{left:0;right:0}}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px) and (max-width:1200px){.app-main .timeline-component{width:calc(100vw - 235px);margin-left:223px}.app-main .timeline-component .timeline-controls{left:0;right:0}}.app-main-panels{flex:1;align-items:stretch;gap:3px;height:20%;display:flex}.sidebar{flex-direction:column;gap:3px;min-width:220px;max-width:220px;display:flex;position:relative}.control-panel{background:rgba(var(--panel), 1);z-index:1;border-radius:20px;width:100%;position:relative;overflow:hidden}.control-panel.overlay-control-panel{z-index:20;position:absolute;inset:0}.is-mobile-control-sheet-open{background:rgba(var(--panel-dim), 1)!important}.is-mobile-control-sheet-open .panel-controls-stack{opacity:0}.control-panel:after,.timeline-component:after,.navbar:after{z-index:20!important}.canvas{background:radial-gradient(circle at 50% -30%, rgba(var(--background), 1) 60%, rgba(var(--panel), 1) 100%),radial-gradient(circle at 50% -15%, rgba(var(--background), 1) 50%, rgba(var(--panel), 1) 100%);border-radius:20px}.canvas:after{-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.playground-display-blobs{z-index:0;pointer-events:none;align-items:center;max-width:720px;margin:0 auto;transition:all .6s;display:flex;inset:0;position:absolute!important}.playground-display-blobs:after{opacity:.2;z-index:10;mix-blend-mode:overlay;background-image:url(/noise.svg);background-repeat:repeat;position:fixed;inset:0}.playground-display-blobs .blobs-layout{aspect-ratio:1;opacity:.6;flex-flow:wrap;justify-content:center;align-items:center;width:100%;min-height:max-content;transition:all .6s;display:flex}.playground-display-blobs .blob{aspect-ratio:1;opacity:.8;-webkit-filter:blur(40px)saturate(120%);background:radial-gradient(circle,#fff6 0%,#0000 70%);border-radius:50%;flex-basis:50%;animation:10s ease-in-out infinite alternate blobMotion}.playground-display-blobs.is-generating .blobs-layout{opacity:1;animation:5s ease-in-out infinite alternate containerMotion}.playground-display-blobs.is-generating .blob{animation-duration:5s!important}.playground-display-blobs .red{background:radial-gradient(circle, rgba(var(--danger), 1) 0%, transparent 70%);transform:scale(1)translate(10%,15%)}.playground-display-blobs .blue{background:radial-gradient(circle, rgba(var(--info), 1) 0%, transparent 70%);animation-delay:4s;transform:scale(1)translateY(-15%)}.playground-display-blobs .yellow{background:radial-gradient(circle, rgba(var(--alert), 1) 0%, transparent 70%);animation-delay:2s;transform:scale(1)translate(-10%,15%)}@keyframes blobMotion{25%{opacity:1;transform:scale(1.7)translate(10%,10%)}50%{opacity:.8;transform:scale(1.2)translate(10%,10%)}75%{opacity:1;transform:scale(1.5)translate(-10%,-10%)}to{opacity:.8;transform:scale(.9)translate(-20%,-20%)}}@keyframes containerMotion{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magic-prompt-component{position:absolute;overflow:hidden}.magic-prompt-component .view-mini{cursor:pointer;justify-content:center;align-items:center;display:flex}.magic-prompt-component .view-mini svg{width:22px;height:22px}.magic-prompt-component .view-expand{flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;padding:14px;display:flex}.magic-prompt-component .view-expand .icon-image{width:120px}.magic-prompt-component .view-expand .texts{text-align:center;flex-direction:column;gap:6px;display:flex}.magic-prompt-component .view-expand .buttons{gap:10px;width:100%;margin-top:4px;display:flex}.magic-prompt-component .view-expand .buttons button{flex:1}.layout-panel-wrapper{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.layout-panel-header{z-index:10;background:rgba(var(--panel), 1);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.layout-mode-tabs{justify-content:space-between;padding:8px;display:flex}.layout-mode-tabs .tabs{flex:1;align-items:center;gap:4px;display:flex}.layout-mode-tabs .tabs button{letter-spacing:0;flex:1;gap:6px;padding:6px;font:500 17px/24px Inter,sans-serif;font-size:16px!important}@media only screen and (min-width:0) and (max-width:800px){.layout-mode-tabs .tabs button{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.layout-device-switcher{align-items:center;gap:8px;padding:0 10px 8px;display:flex}.layout-device-switcher .switch{flex:1;gap:4px;display:flex}.layout-panel-scroll-view{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;justify-content:flex-start;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:auto hidden}.layout-panel-scroll-view::-webkit-scrollbar{display:none}.layout-panel-scroll-view #\32 dControls{scroll-snap-align:start}.layout-panel-scroll-view #realisticControls{scroll-snap-align:end}.layout-panel-fragment{width:220px;min-width:220px;max-width:220px;height:100%;position:relative;overflow:hidden}.realistic-mockups-panel{width:100%;height:100%}.realistic-mockups-panel .v-stack,.realistic-mockups-panel .v-stack .scroll{height:100%}.realistic-category-filters{gap:4px;margin-bottom:8px;display:flex}.realistic-category-option{min-width:0;color:rgba(var(--primary), .6);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.realistic-category-option .realistic-category-icon{justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.realistic-category-option .realistic-category-icon svg{width:100%;height:100%}.realistic-category-option:hover:not(.active){color:rgba(var(--primary), 1);background:#ffffff0d}.realistic-category-option.active{color:rgba(var(--primary), 1);background:rgba(var(--primary), .12)}.realistic-vibe-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:64px;height:64px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.realistic-vibe-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.realistic-vibe-item .gradient-preview{border-radius:6px;width:100%;height:100%}.realistic-vibe-item:hover{transform:scale(1.05)}.realistic-vibe-item.is-selected{border-color:rgba(var(--primary), 1)}.realistic-vibe-item.is-loading{background:rgba(var(--primary), .12);position:relative;overflow:hidden}.realistic-vibe-item.is-loading:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s infinite realistic-shimmer;position:absolute;inset:0}.prompt-input-box{align-items:flex-end;gap:8px;width:100%;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.prompt-input-box .prompt-input-field{resize:none;min-width:0;color:rgba(var(--primary), 1);background:0 0;border:none;outline:none;flex:1;align-self:center;padding:0}.prompt-input-box .prompt-input-field::placeholder{color:rgba(var(--primary), .36)}.prompt-input-box .prompt-input-field:disabled{opacity:.5;cursor:not-allowed}.prompt-input-box .prompt-input-left,.prompt-input-box .prompt-input-right{flex-shrink:0;align-items:center;display:flex}.prompt-input-inline{background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:8px;margin-top:10px;padding:8px 10px;transition:border-color .2s}.prompt-input-inline:focus-within{border-color:rgba(var(--primary), .12)}.prompt-input-inline .prompt-input-field{padding:2px 0}.prompt-input-floating{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#18181ad9;border:1px solid #ffffff14;border-radius:14px;padding:8px 8px 8px 14px;box-shadow:0 8px 24px #00000059}.prompt-input-floating.is-expanded{border-color:#ffffff2e;box-shadow:0 12px 32px #00000073}.prompt-input-floating .prompt-input-field{max-height:80px;padding:8px 0;overflow-y:auto}.text-placement-grid{aspect-ratio:1;background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:12px;width:100%;padding:8px}.text-placement-cell{cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;height:100%;padding:8px;transition:background .2s;display:flex}.text-placement-cell[data-placement^=top-]{align-items:flex-start}.text-placement-cell[data-placement^=middle-]{align-items:center}.text-placement-cell[data-placement^=bottom-]{align-items:flex-end}.text-placement-cell[data-placement$=-left]{justify-content:flex-start}.text-placement-cell[data-placement$=-center]{justify-content:center}.text-placement-cell[data-placement$=-right]{justify-content:flex-end}.text-placement-cell[data-placement=center]{justify-content:center;align-items:center}.text-placement-cell:hover{background:rgba(var(--primary), .06)}.text-placement-cell.is-selected{background:rgba(var(--primary), .12)}.text-placement-content{flex-direction:column;gap:6px;display:flex}.text-placement-cell[data-placement$=-left] .text-placement-content{align-items:flex-start}.text-placement-cell[data-placement$=-center] .text-placement-content{align-items:center}.text-placement-cell[data-placement$=-right] .text-placement-content{align-items:flex-end}.text-placement-cell[data-placement=center] .text-placement-content{align-items:center}.text-placement-cell[data-placement^=top-] .text-placement-content .text-placement-aa{order:0}.text-placement-cell[data-placement^=top-] .text-placement-content .bar-headline{order:1}.text-placement-cell[data-placement^=top-] .text-placement-content .bar-sub{order:2}.text-placement-cell[data-placement^=middle-] .text-placement-content .bar-headline,.text-placement-cell[data-placement=center] .text-placement-content .bar-headline{order:0}.text-placement-cell[data-placement^=middle-] .text-placement-content .text-placement-aa,.text-placement-cell[data-placement=center] .text-placement-content .text-placement-aa{order:1}.text-placement-cell[data-placement^=middle-] .text-placement-content .bar-sub,.text-placement-cell[data-placement=center] .text-placement-content .bar-sub{order:2}.text-placement-cell[data-placement^=bottom-] .text-placement-content .bar-headline{order:0}.text-placement-cell[data-placement^=bottom-] .text-placement-content .bar-sub{order:1}.text-placement-cell[data-placement^=bottom-] .text-placement-content .text-placement-aa{order:2}.text-placement-aa{color:rgba(var(--primary), .36);font-size:22px;font-weight:600;line-height:1;transition:color .2s}.text-placement-cell.is-selected .text-placement-aa{color:rgba(var(--primary), 1)}.bar{border-radius:999px;transition:background .2s;display:block}.bar.bar-headline{background:rgba(var(--primary), .36);width:28px;height:4px}.bar.bar-sub{background:rgba(var(--primary), .12);width:14px;height:3px}.text-placement-cell.is-selected .bar.bar-headline{background:rgba(var(--primary), 1)}.text-placement-cell.is-selected .bar.bar-sub{background:rgba(var(--primary), .6)}.custom-reference-button-wrapper{background:linear-gradient(transparent 0%, rgba(var(--panel), 1) 80%);z-index:10;padding:28px 8px 8px;position:absolute;bottom:0;left:0;right:0}.realistic-resolution-selector{justify-content:center;gap:4px;margin-bottom:8px;display:flex}.realistic-resolution-option{color:rgba(var(--primary), .6);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .15s}.realistic-resolution-option:hover:not(:disabled){color:rgba(var(--primary), 1);background:#ffffff14}.realistic-resolution-option.active{color:rgba(var(--primary), 1);background:rgba(var(--primary), .12)}.realistic-resolution-option:disabled{opacity:.5;cursor:not-allowed}.realistic-model-selector{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.realistic-credit-cost{text-align:center;margin-bottom:8px;display:block}.realistic-generate-button-wrapper{border-radius:12px;position:relative;overflow:hidden}.realistic-generate-button-wrapper .realistic-generate-gradient-border{opacity:0;background:linear-gradient(90deg, rgba(var(--primary), 1), #a855f7, #ec4899, #f97316, rgba(var(--primary), 1));background-size:300% 100%;border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.realistic-generate-button-wrapper button{z-index:1;width:calc(100% - 4px);margin:2px;position:relative}.realistic-generate-button-wrapper.is-generating .realistic-generate-gradient-border{opacity:1;animation:2s linear infinite realistic-gradient-flow}@keyframes realistic-gradient-flow{0%{background-position:0%}to{background-position:300%}}.realistic-generated-preview{flex-direction:column;gap:8px;display:flex}.realistic-generated-preview.is-loading .realistic-preview-placeholder{aspect-ratio:4/3;background:rgba(var(--primary), .12);border-radius:12px;width:100%;position:relative;overflow:hidden}.realistic-loading-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s infinite realistic-shimmer;position:absolute;inset:0}@keyframes realistic-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.realistic-preview-image-wrapper{background:rgba(var(--primary), .12);border-radius:12px;width:100%;position:relative;overflow:hidden}.realistic-preview-image-wrapper img{width:100%;height:auto;display:block}.realistic-preview-image-wrapper .realistic-preview-close{cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.realistic-preview-image-wrapper .realistic-preview-close svg{color:#fff;width:14px;height:14px}.realistic-preview-image-wrapper .realistic-preview-close:hover{background:#000c}.realistic-preview-actions{gap:8px;display:flex}.realistic-mode-background{width:100%;height:100%;position:relative}.realistic-mode-background .realistic-checkerboard{opacity:.5;background-image:linear-gradient(45deg,#8080801f 25%,#0000 25%),linear-gradient(-45deg,#8080801f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#8080801f 75%),linear-gradient(-45deg,#0000 75%,#8080801f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.realistic-layouts-panel{background:rgba(var(--panel), 1);scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;width:100%;height:100%;overflow-y:auto}.realistic-layouts-panel::-webkit-scrollbar{display:none}.magic-gradients-list{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.magic-gradients-list::-webkit-scrollbar{display:none}.magic-gradient-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:64px;height:64px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.magic-gradient-item .magic-gradient-preview{border-radius:6px;width:100%;height:100%}.magic-gradient-item:hover{transform:scale(1.05)}.magic-gradient-item.is-selected{border-color:rgba(var(--primary), 1)}.magic-gradients-empty{text-align:center;background:rgba(var(--primary), .12);border-radius:8px;padding:16px}.magic-gradients-loading{gap:8px;display:flex;overflow:hidden}.magic-gradients-loading .magic-gradient-shimmer{background:rgba(var(--primary), .12);border-radius:8px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.magic-gradients-loading .magic-gradient-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s infinite realistic-shimmer;position:absolute;inset:0}.realistic-mode-disabled{padding:16px}.realistic-export-main .realistic-gradient-border{border-radius:inherit;opacity:0;background:linear-gradient(90deg, rgba(var(--primary), 1), #a855f7, #ec4899, #f97316, rgba(var(--primary), 1));pointer-events:none;background-size:300% 100%;transition:opacity .3s;position:absolute;inset:0}.realistic-export-main.generating-state{pointer-events:none;overflow:hidden;background:0 0!important;outline:none!important;padding:0!important}.realistic-export-main.generating-state .realistic-gradient-border{opacity:1;animation:2s linear infinite realistic-gradient-flow}.realistic-export-main.generating-state .export-button-safe-area{z-index:1;background:#000;border-radius:12px;margin:2px;padding:8px 10px;position:relative}.realistic-export-main .display-preview img{-o-object-fit:contain;object-fit:contain;outline-offset:-1px;border-radius:10px;outline:1px solid #ffffff1a;width:100%;transform:rotate(-2deg)}.magic-mock-picker-dropdown .drop-menu .picker-filters-wrapper{background:0 0;padding:12px 12px 8px;position:relative}.magic-mock-picker-dropdown .drop-menu .mockups-list{padding-top:0}.magic-mock-picker-dropdown .drop-menu .mock-item .preview{background:rgba(var(--panel-dim), 1)}.magic-mock-picker-dropdown .drop-menu .mock-item .preview img{-o-object-fit:contain;object-fit:contain}.magic-mock-picker-dropdown .drop-menu .mock-item .preview{aspect-ratio:1}.magic-picker-mode-toggle{background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:100px;gap:2px;width:fit-content;margin:0 16px 8px;padding:3px;display:inline-flex}.magic-picker-mode-toggle .mode-tab{all:unset;cursor:pointer;color:rgba(var(--primary), .6);border-radius:100px;padding:4px 12px;transition:background .2s,color .2s}.magic-picker-mode-toggle .mode-tab:hover{color:rgba(var(--primary), 1)}.magic-picker-mode-toggle .mode-tab.is-active{background:rgba(var(--panel-active), 1);color:rgba(var(--primary), 1)}.mock-item.active{outline:1.5px solid rgba(var(--primary), .5);outline-offset:2px}.realistic-references-clear-pack{all:unset;cursor:pointer;background:rgba(var(--primary), .06);border-radius:8px;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 8px;transition:background .2s,color .2s;display:inline-flex}.realistic-references-clear-pack:hover{background:rgba(var(--primary), .12);color:rgba(var(--primary), 1)}.panel.magic-left-panel .panel-selector{top:8px}.panel.magic-left-panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view .panel-controls-stack{padding-top:76px}.magic-ambient-tint{pointer-events:none;z-index:1;transition:opacity .4s,background-image .4s,filter .4s;position:absolute;inset:0}.magic-ambient-vibe{opacity:.12;filter:blur(60px)saturate(.85)}.magic-ambient-gradient{opacity:.14;filter:blur(55px)saturate(.9)}.magic-ambient-scenes{mix-blend-mode:screen;filter:blur(30px)}.magic-canvas{border:1px solid #0000;width:100%;height:100%;position:relative}.magic-canvas>.canvas-safe-area{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.magic-canvas .preview-frame{border-radius:14px;display:flex;position:relative}.magic-canvas .preview-frame:after{content:"";z-index:5;border:solid 1px rgba(var(--primary), .06);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.magic-canvas .preview-frame:hover .panel-resize-handle{visibility:visible;opacity:1}@media only screen and (min-width:1920px){.magic-canvas{padding:20px 88px 88px}}@media only screen and (min-width:1200px) and (max-width:1920px){.magic-canvas{padding:6px 16px 66px}}@media only screen and (min-width:800px) and (max-width:1200px){.magic-canvas{padding:6px 16px 66px}}.magic-canvas .magic-background{position:absolute;inset:0;overflow:hidden}.magic-canvas .magic-frame{background:#ffffff0a;border:1px dashed #ffffff26;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.magic-canvas .magic-frame .magic-background{width:100%;height:100%;position:absolute;inset:0}.magic-canvas .magic-frame .display-container-single{z-index:1;width:100%;height:100%;position:relative}.magic-canvas .magic-screen-placeholder{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);width:100%;height:100%}.magic-canvas-column{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.magic-canvas-column>.magic-canvas,.magic-canvas-column>.canvas{flex:1;min-height:0}.magic-prompt-dock{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(720px,100% - 40px);display:flex;position:absolute;bottom:20px;left:50%;overflow:visible;transform:translate(-50%)}.magic-prompt-dock>*{pointer-events:auto}.recipe-formula{justify-content:center;align-items:flex-start;gap:56px;padding:16px 14px 6px;display:inline-flex;overflow:visible}.recipe-stack{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:all .2s;display:inline-flex;position:relative;overflow:visible}.recipe-stack:hover .recipe-stack-card:last-child{transform:translate(-50%,-5px)rotate(0)!important}.recipe-stack:hover .recipe-stack-card:nth-last-child(2){transform:translate(calc(-50% - 38px),7px)rotate(-16deg)!important}.recipe-stack:hover .recipe-stack-card:nth-last-child(3){transform:translate(calc(38px - 50%),7px)rotate(16deg)!important}.recipe-stack-cards{justify-content:center;align-items:center;min-width:48px;height:64px;display:flex;position:relative;overflow:visible}.recipe-stack-card{background:rgba(var(--panel-dim), 1);transform-origin:50% 90%;will-change:transform;border:1px solid #ffffff0a;border-radius:10px;height:64px;transition:all .26s cubic-bezier(.34,1.3,.64,1);position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 10px 24px #00000061,0 2px 6px #00000047,inset 0 1px #ffffff0a}.recipe-stack-card-gradient,.recipe-stack-card-color{width:48px}.recipe-stack-card-image{width:auto}.recipe-stack-card-placeholder{border-style:dashed;border-color:rgba(var(--primary), .12);width:48px;height:64px;box-shadow:none;background:0 0;border-radius:10px;position:relative;top:0;left:0;transform:none}.recipe-stack-image{pointer-events:none;width:auto;height:100%;display:block}.recipe-stack-fill{width:100%;height:100%;display:block}.recipe-stack-badge{z-index:10;background:rgba(var(--primary), 1);min-width:16px;height:16px;color:rgba(var(--background), 1);letter-spacing:0;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-weight:600;display:inline-flex;position:absolute;bottom:-4px;right:-4px}.recipe-stack-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center, var(--stack-glow,transparent) 0%, transparent 65%);opacity:.35;filter:blur(8px);border-radius:16px;position:absolute;inset:-8px -8px 18px}.recipe-stack-label{color:rgba(var(--primary), .6);letter-spacing:.2px;text-align:center;line-height:1}.recipe-stack-empty:hover .recipe-stack-card-placeholder{border-color:rgba(var(--primary), .6)}.recipe-separator{width:16px;height:64px;color:rgba(var(--primary), 1);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.recipe-separator svg{width:14px;height:14px;display:block}.recipe-separator-arrow svg{width:18px;height:14px}.recipe-prompt-card{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:0;transition:all .2s;display:inline-flex}.recipe-prompt-card .recipe-prompt-preview{background:rgba(var(--panel-dim), 1);width:104px;height:64px;color:rgba(var(--primary), .6);text-align:center;border:1px solid #ffffff0a;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-style:italic;display:flex;box-shadow:0 10px 24px #00000061,0 2px 6px #00000047,inset 0 1px #ffffff0a}.recipe-prompt-card:hover .recipe-prompt-preview{color:rgba(var(--primary), 1);border-color:#ffffff14}.magic-prompt-icon{width:20px;height:36px;color:rgba(var(--primary), .6);flex-shrink:0;justify-content:center;align-items:center;display:flex}.magic-prompt-icon svg{width:16px;height:16px}.magic-prompt-clear,.magic-prompt-submit{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,transform .1s;display:inline-flex}.magic-prompt-clear svg,.magic-prompt-submit svg{width:14px;height:14px}.magic-prompt-clear:disabled,.magic-prompt-submit:disabled{cursor:not-allowed;opacity:.35}.magic-prompt-clear:active:not(:disabled),.magic-prompt-submit:active:not(:disabled){transform:scale(.95)}.magic-prompt-clear{color:#ffffff73;background:0 0}.magic-prompt-clear:hover{color:#fffc;background:#ffffff14}.magic-prompt-submit{color:#ffffff8c;background:#ffffff1a}.magic-prompt-submit.is-ready{color:#111;background:#fff}.magic-prompt-submit:hover:not(:disabled){background:#fff3}.magic-prompt-submit:hover:not(:disabled).is-ready{background:#f0f0f0}.magic-dropzone{cursor:pointer;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.magic-dropzone .magic-dropped-image,.magic-dropzone .magic-dropped-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.magic-dropzone .magic-dropzone-empty .title{font-size:14px;font-weight:600}.magic-dropzone .magic-dropzone-overlay{pointer-events:none;background:#508cff40;border:2px dashed #78aaffcc;position:absolute;inset:0}.magic-dropzone .magic-upload-progress{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.magic-dropzone .magic-upload-progress .magic-upload-label{opacity:.9;font-size:12px;font-weight:500}.magic-mock-picker-dropdown .mockups-list{padding-top:12px!important}.magic-mock-picker-dropdown .magic-mock-picker-icon-fallback{width:100%;height:100%;color:rgba(var(--primary), .6);place-items:center;display:grid}.magic-mock-picker-dropdown .magic-mock-picker-icon-fallback svg{width:48px;height:48px}.comms-menu-toolbar{z-index:800;padding:0;bottom:10.8px;left:10.8px;position:fixed!important}.comms-menu-toolbar button{color:rgba(var(--primary), .6)}.desktop-templates-button{overflow:hidden;justify-content:flex-start!important}.desktop-templates-button img{pointer-events:none;width:auto;height:36px;position:absolute;top:4px;right:4px}.desktop-templates-button span{-webkit-mask-image:linear-gradient(90deg,#000 30%,#0000 100%);mask-image:linear-gradient(90deg,#000 30%,#0000 100%)}.command-bar-left,.command-bar-right{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px}.command-bar-left.command-bar-left,.command-bar-right.command-bar-left{left:12px}.command-bar-left.command-bar-right,.command-bar-right.command-bar-right{right:12px}.magic-lane-toggle.is-lane-off>svg{opacity:.3}.magic-lane-toggle .magic-pill-dot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.badge{border-radius:100px;max-width:max-content;padding:3px 10px}.badge-small{border-radius:100px;max-width:max-content;padding:2px 6px}.view-empty-state svg{color:rgba(var(--primary), .36);width:44px;height:44px}.sale-button{color:#fff;background-color:#0000;background-image:linear-gradient(#fa0b0bd9 0%,#00000069 80%),linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:300%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.sale-button:hover{background-color:#0000;background-image:linear-gradient(#fa0b0bd9 0%,#00000069 80%),linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:300%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.plus-badge-wrapper{cursor:pointer;z-index:10;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}.plus-badge-wrapper .plus-badge{z-index:10;width:16px;max-width:max-content;height:16px;padding:1px;line-height:0;position:relative}.plus-badge-wrapper .plus-badge:before{content:"";z-index:-1;background:radial-gradient(circle, rgba(var(--panel-dim), 1) 0%, transparent 70%);filter:blur(2px);border-radius:50%;position:absolute;inset:-150%}.plus-badge-wrapper .plus-badge svg{color:#0000;background:linear-gradient(130deg,#ff6b39 30%,#ff1472 45%,#84f 75%);width:100%;height:100%;-webkit-mask-image:url(https://beta.shots.so/icon/plus-bold.svg);mask-image:url(https://beta.shots.so/icon/plus-bold.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plus-badge-wrapper .pro-badge{z-index:10;filter:drop-shadow(0 0 4px #fff9);background:#ffffffb3;border-radius:5px;outline:.5px solid #0000004d;padding:1px;line-height:0;overflow:hidden}.plus-badge-wrapper .pro-badge span{color:#0000;background:linear-gradient(130deg,#ff6432 30%,#ff0065 45%,#7b2eff 75%);-moz-text-fill-color:#0000;background-position:100% 100%;background-repeat:no-repeat;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-top:-2px;margin-left:-1px;font:italic 700 11.5px/15px Inter,sans-serif}.plus-upgrade-modal{border-radius:32px}.plus-upgrade-modal .dim,.plus-upgrade-modal .content .sub-button svg,.plus-upgrade-modal .content .login-back svg{opacity:.4}.plus-upgrade-modal:after{content:"";pointer-events:none;border-radius:inherit;border:solid 1px rgba(var(--primary), .06);z-index:2;position:absolute;inset:0}.plus-upgrade-modal .modal-head button{color:#fff;background:#00000026}.plus-upgrade-modal .cover{z-index:-1;position:absolute;inset:0}.plus-upgrade-modal .cover video,.plus-upgrade-modal .cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:60%}.plus-upgrade-modal .cover .overlay{z-index:1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 40%,#000 60%);mask-image:linear-gradient(#0000 40%,#000 60%)}.plus-upgrade-modal .cover .overlay:after{content:"";z-index:1;background:linear-gradient(80.18deg,#d1ccdd 0%,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53 100%);position:absolute;inset:0}.plus-upgrade-modal .cover .overlay:before{content:"";z-index:2;background:linear-gradient(rgba(var(--panel), 1) 30%, transparent 100%);position:absolute;inset:0}.plus-upgrade-modal .content{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;height:100%;padding:16px;display:flex}.plus-upgrade-modal .content .incentives{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:4px;width:95%;margin-bottom:12px;display:flex}.plus-upgrade-modal .content .incentives button{color:rgba(var(--primary), .6);gap:5px;padding:4px 8px}.plus-upgrade-modal .content .incentives button svg{width:20px;height:20px}.plus-upgrade-modal .content .login-back svg{width:18px;height:18px;margin-left:-4px}.plus-upgrade-modal .content .sub-button{gap:2px}.plus-upgrade-modal .content .sub-button svg{width:18px;height:18px}.plus-upgrade-modal .content .main-button{color:#000;z-index:10;outline-offset:-1px;cursor:pointer;background:#ffffffb3;outline:1px solid #ffffff4d;overflow:hidden}.plus-upgrade-modal .content .main-button:after{content:"";z-index:-1;background:linear-gradient(#fff9 0%,#0000 80%);position:absolute;inset:-1px}.plus-upgrade-modal .content .main-button span{font-size:16px}.plus-upgrade-modal .content .main-button svg{animation:1s infinite alternate see-plans-arrow;transform:translate(2px)}@keyframes see-plans-arrow{to{transform:translate(-2px)}}.offer-component{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.offer-component.light-theme{--offer-primary:0, 0, 0;--offer-secondary:255, 255, 255}.offer-component.dark-theme{--offer-primary:255, 255, 255;--offer-secondary:0, 0, 0}.offer-component .cover-image{width:100%}.offer-component .cover-image img{-o-object-fit:cover;object-fit:cover;width:100%;-webkit-mask-image:linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(#000 65%,#0000 100%)}.offer-component .content{z-index:1;flex-direction:column;gap:20px;padding:0 32px 20px;display:flex}.offer-component .content :not(.offer-component-primary-btn,.offer-component-secondary-btn){color:rgba(var(--offer-primary), .9)}.offer-component .bottom{z-index:1;flex-direction:column;gap:20px;margin-top:auto;padding:20px 32px;display:flex;position:sticky;bottom:0}.offer-component .bottom:before{content:"";z-index:-1;background:rgba(var(--offer-secondary), .4);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 20px);mask-image:linear-gradient(#0000 0,#000 20px)}.offer-component .icon{margin-top:-32px}.offer-component .copy{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.offer-component .copy>*{text-wrap:balance}.offer-component .buttons{flex-direction:column;align-items:center;gap:10px;display:flex}.offer-component .buttons .offer-component-primary-btn{background:rgba(var(--offer-primary), 1);outline:solid 1px rgba(var(--offer-secondary), .1);outline-offset:-1px}.offer-component .buttons .offer-component-primary-btn span{color:rgba(var(--offer-secondary), 1)}.offer-component .buttons .offer-component-secondary-btn span{color:rgba(var(--offer-primary), 1)}.offer-component .footer-text{text-align:center;flex-direction:column;align-items:center;margin-top:-10px;display:flex}.offer-component .footer-text span{text-wrap:balance;color:rgba(var(--offer-primary), 1)}.offer-component .plans{grid-template-columns:1fr;gap:12px;display:grid}.offer-component .plan-select{background:rgba(var(--offer-primary), .06);outline:solid 1px rgba(var(--offer-primary), .08);outline-offset:-1px;cursor:pointer;border-radius:20px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.offer-component .plan-select .price{align-items:center;gap:4px;margin-bottom:-4px;display:flex}.offer-component .plan-select .tags{align-items:center;gap:8px;margin-bottom:4px;display:flex}.offer-component .plan-select .recom{align-items:center;gap:4px;display:flex}.offer-component .plan-select .recom svg{color:#ff2a2a;width:16px;height:16px}.offer-component .plan-select .radio-check{outline:solid 1.5px rgba(var(--offer-primary), .4);border-radius:20px;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:12px;right:12px}.offer-component .plan-select .radio-check svg{width:12px;height:12px}.offer-component .plan-select.is-active{outline:solid 2px rgba(var(--offer-primary), 1)}.offer-component .plan-select.is-active .radio-check{background:rgba(var(--offer-primary), 1);outline:none}.offer-component .backdrop{z-index:-1;position:absolute;inset:0;background-position:bottom!important;background-repeat:no-repeat!important;background-size:100% 1000%!important}.offer-component .backdrop:before{content:"";z-index:1;-webkit-backdrop-filter:blur(80px)saturate(120%);backdrop-filter:blur(80px)saturate(120%);position:absolute;inset:0}.scrolling-showcase{width:calc(100% + 32px);margin:0 -16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);container-type:inline-size}.scrolling-showcase .items-list{width:max-content;margin-left:100cqw;animation-name:scroll-animation;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.scrolling-showcase .items-list>*{width:auto;min-width:100px;max-width:120px}@keyframes scroll-animation{to{transform:translate(calc(-100% - 100cqw))}}.plus-to-pro-incentives{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plus-to-pro-incentives>*{width:100%!important}.feature-item-small{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.feature-item-small svg{width:32px;height:32px;margin-bottom:4px}.feature-item-small p{text-wrap:balance;letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.feature-item-small p{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.feature-item-small span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif;color:rgba(var(--performance), 1)!important}@media only screen and (min-width:0) and (max-width:800px){.feature-item-small span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.feature-item-small2{align-items:center;gap:10px;padding:6px 6px 6px 20px;display:flex}.feature-item-small2 .texts{flex-direction:column;flex:1;gap:4px;display:flex}.feature-item-small2 svg{width:32px;height:32px}.feature-item-small2 p{text-wrap:balance;letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.feature-item-small2 p{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.feature-item-small2 span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif;color:rgba(var(--performance), 1)!important}@media only screen and (min-width:0) and (max-width:800px){.feature-item-small2 span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.sale-component{cursor:pointer;border-radius:inherit;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.sale-component.light-theme{--offer-primary:0, 0, 0;--offer-secondary:255, 255, 255}.sale-component.dark-theme{--offer-primary:255, 255, 255;--offer-secondary:0, 0, 0}.sale-component .cover-image{z-index:2;width:100%;-webkit-mask-image:linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(#000 65%,#0000 100%)}.sale-component .cover-image img{-o-object-fit:cover;object-fit:cover;width:100%}.sale-component .content{z-index:1;flex-direction:column;align-items:center;gap:20px;padding:0 24px 24px;display:flex}.sale-component .content :not(.offer-component-primary-btn){color:rgba(var(--offer-primary), .9)}.sale-component .copy{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.sale-component .copy>*{text-wrap:balance;width:95%}.sale-component .offer-component-primary-btn{outline-offset:-1px;background:rgba(var(--offer-primary), .9)!important;outline:solid 1px rgba(var(--offer-secondary), .1)!important}.sale-component .offer-component-primary-btn span{color:rgba(var(--offer-secondary), 1)!important}.sale-component .footer-text{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:-6px;display:flex}.sale-component .footer-text span{text-wrap:balance}.sale-component .backdrop{position:absolute;inset:0;background-position:bottom!important;background-repeat:no-repeat!important;background-size:100% 1000%!important}.sale-component .backdrop:before{content:"";z-index:1;-webkit-backdrop-filter:blur(80px)saturate(120%);backdrop-filter:blur(80px)saturate(120%);position:absolute;inset:0}.sale-showcase{border-radius:20px;gap:4px;width:max-content;margin:0 auto;padding:6px 12px}.countdown-component{width:max-content;max-width:max-content;display:flex}.countdown-component.secondary-style .time{background:rgba(var(--primary), .06)}.countdown-component .col{text-align:center;flex-direction:column;align-items:center;display:flex}.countdown-component .col .time{border-radius:20px;justify-content:center;align-items:center;display:flex}.countdown-component .col p{opacity:.5;margin:-4px auto 0}.sale-commandbar-button{overflow:visible!important}.sale-commandbar-button .sale-commandbar-badge{color:#fff;white-space:nowrap;border-radius:100px;padding:2px 8px;display:grid}.sale-commandbar-button .sale-commandbar-badge>span{grid-area:1/1;align-items:center;transition:opacity .25s,transform .25s;display:flex}.sale-commandbar-button .sale-commandbar-badge>span:first-child{opacity:1;transform:translateY(0)}.sale-commandbar-button .sale-commandbar-badge>span:last-child{opacity:0;transform:translateY(6px)}.sale-commandbar-button:hover .sale-commandbar-badge>span:first-child{opacity:0;transform:translateY(-6px)}.sale-commandbar-button:hover .sale-commandbar-badge>span:last-child{opacity:1;transform:translateY(0)}.templates-btn img{pointer-events:none;width:auto;height:34px;margin-right:4px}.templates-btn>svg{width:16px;height:16px;color:rgba(var(--primary), .6)}.templates-btn span{background:linear-gradient(80.18deg,#fff 0%,#f85bb6 80%,#fe678a 90% 100%);background:linear-gradient(90deg, rgba(var(--primary), 1), rgba(var(--primary), .36));-moz-text-fill-color:#0000;background-repeat:no-repeat;background-size:cover;-webkit-background-clip:text;background-clip:text}.templates-btn-mobile{width:40px;height:40px;padding:0!important}.templates-btn-mobile img{pointer-events:none;width:auto;height:34px}.v-stack{width:100%;height:100%;overflow:hidden}.v-stack .scroll{width:100%;height:100%;overflow:hidden auto}.v-stack .scroll .v-stack-content{flex-direction:column;width:100%;height:max-content;display:flex}.user-avatar{background:rgba(var(--panel-active), 1);border-radius:50%;position:relative;overflow:hidden}.user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-avatar .placeholder{place-content:center;width:100%;height:100%;display:grid}.user-avatar .placeholder span{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.user-avatar .placeholder span{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.tag{background:rgba(var(--primary), 1);color:rgba(var(--secondary), 1);border-radius:8px;max-width:max-content;padding:2px 6px}.tag.tag-small{border-radius:5px;padding:2px 4px;font-weight:500}.inline-panel-alert{border-radius:12px;align-items:flex-start;gap:6px;padding:8px 12px 8px 8px;display:flex}.inline-panel-alert>svg{width:24px;height:24px}.inline-panel-alert .copy{flex-direction:column;flex:1;gap:2px;padding:2px 0;display:flex}.inline-panel-alert .copy>p{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.inline-panel-alert .copy>p{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.inline-panel-alert .copy>span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.inline-panel-alert .copy>span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.inline-panel-alert .copy>:first-child{font-weight:500!important}.inline-panel-alert .copy>:nth-child(2):not(button){opacity:.7}.inline-panel-alert .copy button{width:100%;margin-top:6px}.inline-panel-alert.default-variant{background:rgba(var(--primary), .06)}.inline-panel-alert.default-variant svg{color:rgba(var(--primary), .6)}.inline-panel-alert.info-variant{background:rgba(var(--info), .1)}.inline-panel-alert.info-variant svg,.inline-panel-alert.info-variant button span{color:rgba(var(--info), 1)}.inline-panel-alert.warning-variant{background:rgba(var(--alert), .1)}.inline-panel-alert.warning-variant svg,.inline-panel-alert.warning-variant button span{color:rgba(var(--alert), 1)}.inline-panel-alert.danger-variant{background:rgba(var(--danger), .1)}.inline-panel-alert.danger-variant svg,.inline-panel-alert.danger-variant button span{color:rgba(var(--danger), 1)}.inline-panel-alert.success-variant{background:rgba(var(--success), .1)}.inline-panel-alert.success-variant svg,.inline-panel-alert.success-variant button span{color:rgba(var(--success), 1)}.app-stage-tag{letter-spacing:.4px;color:rgba(var(--secondary), 1);border-radius:20px;padding:2px 7px;font:600 12px/16px Inter,sans-serif}.app-stage-tag.beta{background:rgba(var(--primary), .36)}.app-stage-tag.alpha{background:rgba(var(--info), 1)}.loading-screen{background:rgba(var(--background), 1);z-index:2147483647;place-items:center;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0}.loading-screen .loading-favicon img{width:80px;height:80px}.whats-new-button{z-index:1;gap:4px}.whats-new-button:before{content:"";background:rgba(var(--background), 1);z-index:0;border-radius:9px;transition:inherit;position:absolute;inset:1px}.whats-new-button .gradient-effect{aspect-ratio:1;z-index:-1;background:linear-gradient(80.18deg,#d1ccdd 0%,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53 100%);width:105%;animation:2s linear infinite gradientEffect;position:absolute}.whats-new-button>*{z-index:1}.whats-new-button>svg{width:14px;height:14px;animation:2s infinite arrow}.whats-new-button:hover:before{opacity:.3}@keyframes gradientEffect{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arrow{50%{transform:translate(3px)}}.performance-mode-button svg{transition:inherit}.performance-mode-button.is-active{color:rgba(var(--performance), 1)}.performance-mode-button.is-active svg{transform:rotate(90deg)}.mobile-command-menu{border-radius:100px}.mobile-command-menu .buttons{padding:6px;display:flex}.mobile-command-menu button{width:100%;flex-direction:column!important}.mobile-command-menu button svg{width:24px;height:24px}.mobile-command-menu button span{color:rgba(var(--primary), .36)}.alert-modal{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.alert-modal:before{content:"";z-index:-1;position:absolute;inset:0}.alert-modal .icon{margin-top:8px}.alert-modal .icon svg{width:36px;height:36px}.alert-modal .texts{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 12px;display:flex}.alert-modal .texts p{width:90%}.alert-modal .buttons{gap:10px;width:100%;margin-top:8px;display:flex}.alert-modal .buttons button{flex:1}.alert-modal.danger-type .icon>svg{color:rgba(var(--danger), 1)}.alert-modal.danger-type:before{background:linear-gradient(rgba(var(--danger), .1), transparent)}.alert-modal.danger-type .confirm-button{background:rgba(var(--danger), 1);color:rgba(var(--primary), 1)}.alert-modal.warning-type .icon>svg{color:rgba(var(--alert), 1)}.alert-modal.warning-type:before{background:linear-gradient(rgba(var(--alert), .1), transparent)}.alert-modal.warning-type .confirm-button{background:rgba(var(--alert), 1);color:rgba(var(--primary), 1)}.alert-modal.success-type .icon>svg{color:rgba(var(--success), 1)}.alert-modal.success-type:before{background:linear-gradient(rgba(var(--success), .1), transparent)}.alert-modal.success-type .confirm-button{background:rgba(var(--success), 1);color:rgba(var(--primary), 1)}.alert-modal.info-type .icon>svg{color:rgba(var(--info), 1)}.alert-modal.info-type:before{background:linear-gradient(rgba(var(--info), .1), transparent)}.alert-modal.info-type .confirm-button{background:rgba(var(--info), 1);color:rgba(var(--primary), 1)}.about{text-align:center;align-items:center}.about .members-list{gap:32px;display:flex}.about .members-list .member{flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;display:flex}.about .members-list .member:hover button{color:#45a1ee}.about .members-list .member:hover>span{opacity:.5}.about .members-list .member>span{color:rgba(var(--primary), 1);opacity:.3;font:500 36px/36px Comforter Brush,cursive}.about .members-list .member button{color:rgba(var(--primary), .36)}.switch{--radius:12px;--gap:3px;--button-padding:8px 0;--label-button-padding:4px;--icon-button-padding:4px;--button-gap:6px;--icon-size:20px;background:rgba(var(--panel-dim), 1);border-radius:var(--radius);padding:var(--gap);gap:var(--gap);display:flex;overflow:hidden}.switch.disabled{pointer-events:none;opacity:.5}.switch .switch-button{align-items:center;gap:var(--button-gap);width:100%;padding:var(--button-padding);border-radius:calc(var(--radius) - var(--gap));flex-direction:column;display:flex;position:relative;overflow:visible;background:0 0!important}.switch .switch-button .switch-button-active-indicator{background:rgba(var(--panel-active), .5);border-radius:inherit;position:absolute;inset:0;box-shadow:0 3px 6px -3px #0000003d}.switch .switch-button p{color:rgba(var(--primary), 1);z-index:1;opacity:.5;letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.switch .switch-button p{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.switch .switch-button .visual{z-index:1;place-items:center;display:grid}.switch .switch-button .visual .icon-wrapper{width:var(--icon-size);height:var(--icon-size);justify-content:center;display:flex;position:relative}.switch .switch-button .visual .icon-wrapper>svg{width:inherit;height:inherit;opacity:.5}.switch .switch-button .visual .image-wrapper{border-radius:6px;width:24px;height:24px}.switch .switch-button .visual .image-wrapper img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.switch .switch-button.label-only{padding:var(--label-button-padding)}.switch .switch-button.label-only p{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.switch .switch-button.label-only p{letter-spacing:0;font:12px/16px Inter,sans-serif}}.switch .switch-button.icon-only{padding:var(--icon-button-padding)}.switch .switch-button.has-image{padding:14px 0 6px}.switch .switch-button.has-image .switch-button-active-indicator{display:none}.switch .switch-button.has-image .image-wrapper{opacity:.4}.switch .switch-button.is-active p,.switch .switch-button.is-active .icon-wrapper svg,.switch .switch-button.is-active .image-wrapper{opacity:1}@media only screen and (min-width:0) and (max-width:800px){.switch{--radius:14px;--gap:3px;--button-padding:8px 0;--label-button-padding:8px 0;--icon-button-padding:8px 0;--button-gap:8px;--icon-size:24px}}.switch-component{align-items:center;display:flex}.switch-component.disabled{opacity:.5;pointer-events:none}.switch-component.secondary-variant{background:rgba(var(--panel-dim), 1);border-radius:12px;padding:8px 8px 8px 12px}.switch-component.has-label{justify-content:space-between;width:100%}.switch-component.has-label .copy{flex-direction:column;display:flex}.switch-component .switcher{background:rgba(var(--primary), .06);cursor:pointer;border-radius:40px;width:44px;height:26px;position:relative}.switch-component .switcher .nudge{background:rgba(var(--primary), 1);border-radius:40px;width:22px;height:22px;position:absolute;top:2px}.switch-component.is-active .switcher{background:rgba(var(--panel-active), 1)}.dev-utils{z-index:100;width:max-content;display:flex;position:relative}.dev-utils .panel-data{position:relative}.dev-utils .panel-data button:hover~.panel-data-view{visibility:visible}.dev-utils .panel-data .panel-data-view{visibility:hidden;flex-direction:column;gap:6px;width:280px;padding:8px;display:flex;position:absolute;top:44px;right:-10px}.dev-utils .panel-data .panel-data-view section{flex-direction:column;gap:4px;display:flex}.dev-utils .panel-data .panel-data-view h5{margin:4px 4px 0;transform:scale(.94)}.dev-utils .panel-data .data-view{background:rgba(var(--primary), .06);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.export-demo{z-index:99;min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;position:fixed;top:0;left:0;overflow:scroll}.style-item{cursor:pointer;text-align:center;flex-direction:column;gap:0;width:100%}.style-item .thumbnail{width:100%;position:relative}.style-item .thumbnail .image-wrapper{aspect-ratio:4/3;background:rgba(var(--panel-dim), 1);width:100%;height:100%;overflow:hidden}.style-item .thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.text-font-picker.variant-8 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-elements.variant-1 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(3),.text-elements.variant-1 .text-item:nth-child(3),.text-font-picker.variant-2 .text-item:nth-child(2),.text-elements.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:first-child,.text-elements.variant-3 .text-item:first-child,.text-font-picker.variant-3 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(3),.text-elements.variant-3 .text-item:nth-child(3),.text-font-picker.variant-4 .text-item:nth-child(2),.text-elements.variant-4 .text-item:nth-child(2){display:initial}.text-font-picker.variant-4 .text-item:nth-child(3),.text-elements.variant-4 .text-item:nth-child(3){display:initial;font-weight:500!important}.text-font-picker.variant-5 .text-item:first-child,.text-elements.variant-5 .text-item:first-child,.text-font-picker.variant-5 .text-item:nth-child(2),.text-elements.variant-5 .text-item:nth-child(2){display:initial}.text-font-picker.variant-6 .text-item:first-child,.text-elements.variant-6 .text-item:first-child{display:initial;margin-bottom:.6em!important;font-weight:500!important}.text-font-picker.variant-6 .text-item:first-child:after,.text-elements.variant-6 .text-item:first-child:after{content:"";z-index:-1;background:red;border-radius:.6em;position:absolute;inset:-.2em}.text-font-picker.variant-6 .text-item:nth-child(2),.text-elements.variant-6 .text-item:nth-child(2){display:initial}.auth-flow{width:100%;height:100%;position:relative;overflow:hidden}.auth-flow .auth-view{flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:100%;height:100%;padding:32px;display:flex;position:relative}.auth-flow .auth-view>:not(.backdrop){width:100%;max-width:340px}.auth-flow .backdrop{z-index:-1;border-radius:inherit;background:linear-gradient(80.18deg,#d1ccdd 0%,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53 100%);position:absolute;inset:0;overflow:hidden}.auth-flow .backdrop:after{content:"";background:linear-gradient(rgba(var(--background), 1) 0%, rgba(var(--background), .2) 100%),linear-gradient(rgba(var(--background), 1) 0%, rgba(var(--background), .2) 100%);background:linear-gradient(rgba(var(--background), 1) 30%, transparent 100%),linear-gradient(rgba(var(--background), 1) 30%, transparent 100%);position:absolute;inset:0}.auth-flow .reset-password-option{justify-content:space-between;align-items:center;padding-left:8px;display:flex}.auth-flow .head{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.auth-flow .head .logo{width:64px}.auth-flow .head>svg{width:48px;height:48px}.auth-flow .head>span{text-wrap:pretty;width:80%}.auth-flow .inputs{flex-direction:column;gap:14px;display:flex}.auth-flow .inputs input{text-align:center;border-radius:14px;width:100%;padding:12px}.auth-flow .buttons{flex-direction:column;justify-content:flex-end;gap:14px;display:flex}.auth-flow .buttons .alternate-option{align-items:center;gap:10px;display:flex}.auth-flow .buttons .alternate-option:before,.auth-flow .buttons .alternate-option:after{content:"";background:rgba(var(--primary), .12);flex:1;height:1px}.auth-flow .terms-and-privacy{text-align:center;color:rgba(var(--primary), .6)}.auth-flow .terms-and-privacy a{color:rgba(var(--primary), 1)}.sub-card-backdrop,.sub-card-blur{border-radius:inherit;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%) 0 0/200% 100%;position:absolute;inset:0;overflow:hidden}.sub-card-backdrop.sub-card-blur,.sub-card-blur.sub-card-blur{filter:blur(12px);z-index:-1;inset:12px 6px 0}.sub-card-backdrop:before,.sub-card-blur:before{content:"";border-radius:inherit;background:radial-gradient(#0000 50%,#ffffffb3 100%);width:200%;position:absolute;inset:0 0 0 -100%}.sub-card-backdrop:after,.sub-card-blur:after{content:"";border-radius:inherit;mix-blend-mode:overlay;opacity:.3;outline-offset:-1.5px;background:url(https://assets.shots.so/canvas/noise2.svg) 0 0/200%;outline:1.5px solid #fff6;position:absolute;inset:0}.sub-card-backdrop.free-plan:before,.sub-card-blur.free-plan:before{background:linear-gradient(135deg,#ff5722,#2b2b2b);left:0%}.sub-card-backdrop.plus-plan,.sub-card-blur.plus-plan{background-position:0}.sub-card-backdrop.pro-plan,.sub-card-blur.pro-plan{background-position:100%}.subscription-view .subscription-card{z-index:2}.subscription-view .subscription-card-old{aspect-ratio:4/5;outline:solid 1.5px rgba(var(--primary), .12);outline-offset:-1.5px;color:#fff;box-sizing:border-box;border-radius:24px;width:100%;max-width:100%;padding:20px;position:relative}.subscription-view .subscription-card-old .card-content{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.subscription-view .subscription-card-old .card-content .top{justify-content:space-between;align-items:flex-start;display:flex}.subscription-view .subscription-card-old .card-content .top .shots-logo{width:48px}.subscription-view .subscription-card-old .card-content .bottom{flex-direction:column;gap:10px;display:flex}.subscription-view .subscription-card-old .card-content .bottom .plan-details{justify-content:space-between;align-items:flex-end;display:flex}.subscription-view .subscription-card-old .card-content .bottom .plan-details>div{flex-direction:column;gap:4px;display:flex}.subscription-view .subscription-card-old .card-content .bottom .plan-details>div .h1{font-size:36px}.subscription-view .subscription-card-old .card-content .bottom .plan-details .plan-price{align-items:center;gap:4px;display:flex}.subscription-view .subscription-card-old .card-content .bottom .cycle-details{border-top:solid 1px rgba(var(--primary), .12);justify-content:space-between;padding-top:10px;display:flex}.subscription-view .subscription-card-old .card-content .bottom .cycle-details span{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscription-view .subscription-card-old .card-content .bottom .cycle-details span{letter-spacing:0;font:12px/16px Inter,sans-serif}}.subscription-view .sub-card-drawer{color:#000;background:#fff;border-radius:0 0 24px 24px;width:100%;margin-top:-48px;padding-top:24px;overflow:hidden}.subscription-view .sub-card-drawer span,.subscription-view .sub-card-drawer svg{color:#000}.subscription-view .sub-card-drawer .sub-card-drawer-content{align-items:center;gap:8px;padding:16px;display:flex}.subscription-view .sub-card-drawer .sub-card-drawer-content button{background:#00000014}.subscription-view .sub-card-drawer .sub-card-drawer-content>svg{width:24px;height:24px}.subscription-view .sub-card-drawer .sub-card-drawer-content .copy{flex-direction:column;flex:1;display:flex}.subscription-view .sub-card-drawer .sub-card-drawer-content.is-cancelling>svg{color:rgba(var(--danger), 1)}.subscription-view .sub-card-drawer .sub-card-drawer-content.is-switching>svg{color:rgba(var(--info), 1)}.subscription-card{aspect-ratio:4/5;outline:solid 1.5em rgba(var(--primary), .12);outline-offset:-1.5em;color:#fff;box-sizing:border-box;border-radius:24em;width:100%;max-width:100%;padding:20em;font-size:1px;position:relative}.subscription-card .expired-overlay{z-index:1;border-radius:inherit;-webkit-backdrop-filter:grayscale()blur(1.2px);backdrop-filter:grayscale()blur(1.2px);background:#c8c8c866;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.subscription-card .expired-overlay span{letter-spacing:.1em;color:#0006;text-transform:uppercase;font:600 40em/100% Inter,sans-serif;rotate:-52deg}.subscription-card .card-content{z-index:1;flex-direction:column;justify-content:space-between;gap:32px;width:100%;height:100%;display:flex;position:relative}.subscription-card .card-content .top{justify-content:space-between;align-items:flex-start;display:flex}.subscription-card .card-content .top .plan-title{flex-direction:column;gap:10em;display:flex}.subscription-card .card-content .top .plan-title .shots-title{letter-spacing:-.02em;font:500 15em/100% Inter,sans-serif}.subscription-card .card-content .top .plan-title .plan-type{letter-spacing:-.04em;text-transform:uppercase;font:600 48em/100% Inter,sans-serif}.subscription-card .card-content .top .plan-title .plan-cycle{letter-spacing:-.02em;text-transform:capitalize;font:600 24em/100% Inter,sans-serif}.subscription-card .card-content .top .badge{outline-offset:-1em;outline:1em solid #fff;padding:6em 8em}.subscription-card .card-content .top .badge span{letter-spacing:.08em;text-transform:uppercase;font:600 11em/100% Inter,sans-serif}.subscription-card .card-content .bottom{justify-content:space-between;align-items:flex-end;gap:10em;display:flex}.subscription-card .card-content .bottom .plan-details{flex-direction:column;display:flex}.subscription-card .card-content .bottom .plan-details .cycle-details{gap:4em;display:flex}.subscription-card .card-content .bottom .plan-details .cycle-details span{letter-spacing:-.01em;text-transform:capitalize;font:12.5em/150% Inter,sans-serif}.subscription-card .card-content .bottom .shots-logo{width:44em}.version-checker-wrapper{z-index:800;justify-content:center;margin:0 auto;display:flex;position:fixed;top:6px;left:232px;right:232px}@media only screen and (min-width:0) and (max-width:800px){.version-checker-wrapper{margin:0;margin-top:env(safe-area-inset-top,0);padding:4px;position:fixed;top:0!important;left:0!important;right:0!important}.version-checker-wrapper:before{content:"";background:rgba(var(--background), 1);z-index:-1;opacity:.8;height:60px;position:absolute;inset:0}}.app-version-checker{background:linear-gradient(#00000026,#00000026),linear-gradient(140deg,#ff6432 12.8%,#ff0065 43.52%,#7b2eff 84.34%);overflow:hidden}.app-version-checker .view-mini,.app-version-checker .view-expand{outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:inherit;color:#fff;align-items:center;display:flex}.app-version-checker .view-mini button,.app-version-checker .view-expand button{color:#000;background:#fff}.app-version-checker .view-mini{gap:8px;padding:10px 16px}.app-version-checker .view-mini svg{width:18px;height:18px}.app-version-checker .view-expand{flex-direction:column;gap:16px;padding:10px}.app-version-checker .view-expand .texts{text-align:center;flex-direction:column;gap:4px;margin-top:4px;display:flex}.shortcuts-popover .shortcut-group{flex-direction:column;display:flex}.shortcuts-popover .shortcut-group .shortcut-group-title{margin-bottom:8px}.shortcuts-popover .shortcut-item{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.shortcuts-popover .shortcut-item:not(:last-child){border-bottom:solid 1px rgba(var(--primary), .06)}.shortcuts-popover .shortcut-item .keys{align-items:center;gap:6px;display:flex}.shortcuts-popover .shortcut-item .keys span{letter-spacing:-.5px;background:rgba(var(--primary), 1);width:max-content;min-width:20px;height:20px;color:rgba(var(--secondary), 1);border-radius:5px;place-items:center;padding:0 2px;font:500 14px/14px Inter,sans-serif;display:grid;position:relative}.shortcuts-popover .shortcut-item .keys span:before{content:"";background:rgba(var(--primary), .36);z-index:-1;border-radius:6px;position:absolute;inset:-1px;transform:translateY(1px)}.start-new-component{background:rgba(var(--panel), 1);position:absolute;overflow:hidden}.start-new-component .view-mini{cursor:pointer;justify-content:center;align-items:center;display:flex}.start-new-component .view-mini svg{width:22px;height:22px}.start-new-component .view-expand{flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;padding:14px;display:flex}.start-new-component .view-expand .icon-image{width:120px}.start-new-component .view-expand .texts{text-align:center;flex-direction:column;gap:6px;display:flex}.start-new-component .view-expand .buttons{gap:10px;width:100%;margin-top:4px;display:flex}.start-new-component .view-expand .buttons button{flex:1}.app-about{text-align:center;align-items:center}.app-about .members-list{gap:32px;display:flex}.app-about .members-list .member{flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;display:flex}.app-about .members-list .member:hover button{color:#45a1ee}.app-about .members-list .member:hover>span{opacity:.5}.app-about .members-list .member>span{color:rgba(var(--primary), 1);opacity:.3;font:500 36px/36px Comforter Brush,cursive}.app-about .members-list .member button{color:rgba(var(--primary), .36)}.banner-popover{border-radius:32px;flex-direction:column;gap:14px;display:flex;overflow:visible}.banner-popover .close-button{background:rgba(var(--primary), .06);margin:0 auto;position:absolute;bottom:-48px;left:0;right:0}.banner-popover .close-button:not(:hover){color:rgba(var(--primary), .6)}.banner-popover .content{border-radius:inherit;align-items:center;gap:16px;padding:12px 14px 14px;display:flex}.banner-popover .content.full-clickable{cursor:pointer}.banner-popover .content.full-clickable:hover{background:rgba(var(--primary), .06)}.banner-popover .content .icon-wrapper svg{width:32px;height:32px}.banner-popover .content .copy{flex-direction:column;flex:1;gap:4px;padding:4px 6px;display:flex}.banner-popover .content .image-wrapper{aspect-ratio:1;border-radius:16px;width:80px;min-width:80px;overflow:hidden}.banner-popover .content .image-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.banner-popover.large-variant .close-button{top:12px;right:12px;bottom:unset;left:unset}.banner-popover.large-variant .cover{border-radius:inherit;z-index:-1;position:absolute;inset:0;overflow:hidden}.banner-popover.large-variant .cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.banner-popover.large-variant .content{flex-direction:column;gap:16px;margin-top:auto;padding:12px}.banner-popover.large-variant .content .icon-wrapper svg{width:32px;height:32px}.banner-popover.large-variant .content .copy{text-align:center;flex-direction:column;flex:auto;align-items:center;gap:8px;padding:8px;display:flex}.banner-popover.large-variant .content .copy h5{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.banner-popover.large-variant .content .copy h5{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.banner-popover.large-variant .content button{width:100%}.banner-popover.large-variant .content .image-wrapper{aspect-ratio:1;border-radius:16px;width:80px;min-width:80px;overflow:hidden}.banner-popover.large-variant .content .image-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.local-currency-banner{text-align:center;border-radius:inherit;flex-direction:column;align-items:center;gap:10px;width:100%;padding:16px 12px;display:flex}.local-currency-banner .header{line-height:80%}.local-currency-banner>p{border-radius:50px;align-items:center;gap:8px;margin:8px 0 16px;display:flex;padding:8px 16px!important}.local-currency-banner:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.local-currency-methods{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.local-currency-methods .method-item{flex-direction:column;align-items:center;gap:8px;display:flex}.local-currency-methods .method-item>div{aspect-ratio:16/10;background:#fff;border-radius:100px;width:100%;overflow:hidden}.local-currency-methods .method-item>div img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.local-currency-methods .method-item span{text-align:center;width:100%}.space-identity-icon-button .preview{background:rgba(var(--panel), 1)!important;border-radius:20px!important}.space-identity-icon-button svg{transform:scale(1.5)}.space-settings-content{flex-direction:column;height:100%;display:flex}.space-settings-identity{flex:1;min-height:0}.space-settings-danger{padding:0 24px 24px}.space-identity-color-icon{color:#fff;place-items:center;width:100%;height:100%;font-size:28px;font-weight:600;display:grid}.dropzone{pointer-events:all;width:max-content;height:max-content;position:relative}.dropzone .dropped-image{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;min-width:100%;min-height:100%;display:block}.dropzone .file-drop{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone .empty-state{flex-direction:column;justify-content:center;align-items:center;transition:inherit;display:flex;position:absolute;inset:0}.dropzone .empty-state svg{aspect-ratio:1}.dropzone .empty-state.dropping-state{background:rgba(var(--panel-dim), 1)}.dropzone .empty-state.dropping-state svg{width:8em;height:8em}.dropzone .empty-state.select-state{background:rgba(var(--panel-dim), .9)}.dropzone .empty-state.select-state .icon svg{width:7em}.dropzone .empty-state.start-state .icons{position:relative}.dropzone .empty-state.start-state .icons .icon{z-index:1;position:relative}.dropzone .empty-state.start-state .icons .icon svg{width:7em}.dropzone .empty-state.start-state .icons .image-icon,.dropzone .empty-state.start-state .icons .video-icon{z-index:0;position:absolute}.dropzone .empty-state.start-state .icons .image-icon svg,.dropzone .empty-state.start-state .icons .video-icon svg{width:9em;color:rgba(var(--primary), .36)}.dropzone .empty-state.start-state .icons .image-icon{bottom:40%;left:-80%;transform:scale(.9)rotate(-8deg);-webkit-mask-image:linear-gradient(#000 20%,#0000 88%);mask-image:linear-gradient(#000 20%,#0000 88%)}.dropzone .empty-state.start-state .icons .video-icon{bottom:40%;right:-80%;transform:rotate(8deg);-webkit-mask-image:linear-gradient(#000 20%,#0000 70%);mask-image:linear-gradient(#000 20%,#0000 70%)}.dropzone .empty-state .title{letter-spacing:-.02em;color:rgba(var(--primary), .36);margin:.5em 0 .6em;font:500 5em/100% Inter,sans-serif}.dropzone .empty-state .subtitle{letter-spacing:-.01em;color:rgba(var(--primary), .36);font:500 2.5em/100% Inter,sans-serif}.dropzone .mobile-empty-drop svg{color:rgba(var(--primary), .6);width:16em!important;height:16em!important}.dropzone.active-state:after{content:"";pointer-events:none;background:#64646400;animation:.6s infinite alternate highlight;position:absolute;inset:0}@keyframes highlight{to{background:#6464644d}}.btn-dropzone{aspect-ratio:5/4;background:rgba(var(--panel-dim), 1);border:dashed 1px rgba(var(--primary), .36);border-radius:10px;width:100%;position:relative;overflow:hidden}@media only screen and (min-width:0) and (max-width:800px){.btn-dropzone{aspect-ratio:3/2}}.btn-dropzone.active-dropzone{border-color:rgba(var(--primary), 1)}.btn-dropzone .dropped-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.btn-dropzone .file-drop{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.btn-dropzone .file-drop:hover~.empty-drop .hovered{opacity:1;visibility:visible}.btn-dropzone .file-drop:hover~.empty-drop .default{opacity:0;visibility:hidden}.btn-dropzone .empty-drop,.btn-dropzone .active-drop{position:absolute;inset:0}.btn-dropzone .empty-drop .content,.btn-dropzone .active-drop .content{flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:inherit;display:flex;position:absolute;inset:0}.btn-dropzone .empty-drop{background:rgba(var(--background), .8)}.btn-dropzone .empty-drop svg{width:24px;height:24px}.btn-dropzone .empty-drop span{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.btn-dropzone .empty-drop span{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.btn-dropzone .empty-drop p{color:rgba(var(--primary), .6);letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.btn-dropzone .empty-drop p{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.btn-dropzone .empty-drop .hovered{opacity:0;visibility:hidden}.btn-dropzone .active-drop{background:rgba(var(--panel), 1)}.btn-dropzone .active-drop svg{width:32px;height:32px}.dropzone-edit-popover{box-shadow:none;background:0 0;overflow:visible;width:calc(100vw - 472px)!important;margin:0 auto!important;left:220px!important;right:220px!important}.dropzone-edit-popover:after{border:none}.dropzone-edit-popover:before{content:"";background:linear-gradient(0deg, transparent 0%, rgba(var(--background), 1) 80%),linear-gradient(0deg, transparent 0%, rgba(var(--background), 1) 80%);z-index:-1;pointer-events:none;position:absolute;inset:0 0 -80%}.dropzone-edit-popover .content{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.dropzone-edit-popover .content .media-list{align-items:center;gap:12px;display:flex}.dropzone-edit-popover .content .media-list .new-asset{aspect-ratio:1;background:rgba(var(--primary), .12);place-content:center;width:62px;margin:4px 12px;display:grid;position:relative}.dropzone-edit-popover .content .media-list .new-asset svg{width:28px;height:28px;color:rgba(var(--primary), .6)}.dropzone-edit-popover .content .media-list .new-asset>span{text-align:center;color:rgba(var(--primary), .6);pointer-events:none;margin:0 auto;position:absolute;bottom:-26px;left:0;right:0}.dropzone-edit-popover .content .media-list .media-item{cursor:pointer;border-radius:14px;padding:8px;position:relative}.dropzone-edit-popover .content .media-list .media-item.is-active .media-display img,.dropzone-edit-popover .content .media-list .media-item.is-active .media-display video{outline-offset:5px!important}.dropzone-edit-popover .content .media-list .media-item.is-landscape{aspect-ratio:5/4;width:100px;min-width:100px}.dropzone-edit-popover .content .media-list .media-item.is-portrait{aspect-ratio:3/4;width:76px;min-width:76px}.dropzone-edit-popover .content .media-list .media-item .remove-button{z-index:1;background:rgba(var(--modal), 1);color:rgba(var(--danger), 1);width:40px;margin:0 auto;position:absolute;top:-10px;left:0;right:0}.dropzone-edit-popover .content .media-list .media-item .media-safearea{width:100%;height:100%;position:relative}.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display{max-height:100%;margin:auto;position:absolute;inset:0}.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display img,.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display video{outline:solid 1px rgba(var(--primary), .12);outline-offset:-1px;border-radius:8px;width:100%;height:100%}.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display .media-upload-progress{z-index:1;background:rgba(var(--panel), .5);outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display .media-icon{z-index:1;pointer-events:none;width:20px;height:20px;margin:0 auto;position:absolute;bottom:-30px;left:0;right:0}.dropzone-edit-popover .content .media-list .media-item .media-safearea .media-display .media-icon svg{width:inherit;height:inherit;color:rgba(var(--primary), .6)}@media only screen and (min-width:1200px){.dropzone-edit-popover .content .media-list .media-item .remove-button{opacity:0;visibility:hidden}.dropzone-edit-popover .content .media-list .media-item:hover{transform:scale(1.1)translateY(8px)}.dropzone-edit-popover .content .media-list .media-item:hover .remove-button{opacity:1;visibility:visible}}.dropzone-edit-popover .content .buttons{justify-content:center;gap:8px;width:100%;display:flex}@media only screen and (min-width:800px) and (max-width:1200px){.dropzone-edit-popover{width:100vw!important;left:0!important;right:0!important}}.hovering-members-stack{z-index:1;align-items:center;display:flex}.hovering-members-stack .hovering-member-item{background:rgba(var(--modal), 1);outline:solid 1.5px rgba(var(--panel-dim), 1);border-radius:100px;place-items:center;display:grid}.widget-tab-live-anchor{flex:1;display:flex;position:relative}.panel-tab-live-members{z-index:5;pointer-events:none;position:absolute;top:-5px;right:-3px}.backpack-live-members{pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.panel-control{flex-direction:column;gap:8px;display:flex;position:relative}.panel-control .controls{flex-direction:column;gap:8px;transition:opacity .2s;display:flex}.panel-control.disabled .controls{pointer-events:none;opacity:.5}.panel-control .control-head{justify-content:space-between;align-items:center;display:flex}.panel-control .control-head .text{flex-direction:column;gap:2px;display:flex}.panel-control-mobile{background:linear-gradient(transparent 0%, rgba(var(--background), 1) 25%),linear-gradient(transparent 0%, rgba(var(--background), 1) 50%);flex-direction:column;gap:20px;padding:20px 20px 12px;display:flex;position:relative}.panel-control-segment-wrapper,.panel-control-segment-wrapper .segment-section{flex-direction:column;gap:20px;display:flex}.panel-control-segment-wrapper .segment-buttons{justify-content:center;display:flex}.panel-control-stack{width:calc(100% + 40px);margin:-20px;padding:20px;overflow-x:auto}.panel-control-stack .stack-content{gap:12px;width:max-content;display:flex}.panel-control-grid{width:100%;display:grid}.panel-control-grid>*{width:100%!important}.panel-control-grid.col-1{grid-template-columns:1fr;gap:8px}.panel-control-grid.col-2{grid-template-columns:1fr 1fr;gap:8px}.panel-control-grid.col-3{grid-template-columns:1fr 1fr 1fr;gap:8px}.panel-control-grid.col-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:7px}.panel-button{text-align:center;cursor:pointer;flex-direction:column;gap:0;width:100%;height:max-content;display:flex;position:relative}.panel-button .preview{background:rgba(var(--panel-dim), 1);outline-offset:2px;border-radius:11px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.panel-button .preview:after{content:"";corner-shape:inherit;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.panel-button .preview .image-wrapper{border-radius:inherit;corner-shape:inherit;width:100%;height:100%;overflow:hidden}.panel-button .preview .image-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.panel-button .preview .image-wrapper:after{content:"";border-radius:inherit;corner-shape:inherit;border:1px solid #64646426;position:absolute;inset:0}.panel-button .preview .icon{z-index:2;width:20px;height:20px;color:rgba(var(--primary), .8)!important}.panel-button .preview .icon svg{width:inherit;height:inherit}.panel-button>.label-wrapper{align-items:center;padding:4px 4px 0;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.panel-button>.label-wrapper .footnote{text-align:center;text-transform:capitalize;width:100%;color:rgba(var(--primary), .6)}.panel-button.has-label{padding-bottom:20px}.panel-button.true-active{cursor:default}.panel-button.true-active .footnote{color:rgba(var(--primary), .8)}.panel-button.disabled{opacity:.5;pointer-events:none}@media only screen and (min-width:1200px){.panel-button:hover .preview:after{background:rgba(var(--primary), .08)}.panel-button:hover .preview .image-wrapper:after{opacity:0}}@media only screen and (min-width:0) and (max-width:800px){.panel-button{width:76px}.panel-button .preview{border-radius:14px}}.panel-button-rich-preview{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.panel-button-rich-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.panel-button-rich-preview .label-wrapper{z-index:1;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-button-rich-preview .label-wrapper span{text-transform:capitalize;color:rgba(var(--primary), 1);letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif;font-weight:600!important}@media only screen and (min-width:0) and (max-width:800px){.panel-button-rich-preview .label-wrapper span{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.panel-button-rich-preview .label-wrapper p{text-transform:capitalize;color:rgba(var(--primary), .36);letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.panel-button-rich-preview .label-wrapper p{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.panel-button-rich-preview .label-wrapper .none-mode{background:linear-gradient(-35deg, rgba(var(--panel-dim), 1) 0%, transparent 75%);justify-content:flex-end;align-items:flex-end;padding:6px;display:flex;position:absolute;inset:0}.panel-button-rich-preview .label-wrapper .none-mode svg{color:#ffffff80;width:16px;height:16px}.panel-button-rich-preview.is-active .label-wrapper *{color:rgba(var(--primary), 1)!important}.pack-control-mobile .mesh-item,.pack-control-mobile .gradient-item,.pack-control-mobile .solid-item,.pack-control-mobile .image-item{--size:56px;--radius:14px;width:var(--size);height:var(--size);margin-right:-2px}.pack-control-mobile .mesh-item .display,.pack-control-mobile .gradient-item .display,.pack-control-mobile .solid-item .display,.pack-control-mobile .image-item .display{border-radius:var(--radius)!important}.pack-control-mobile .solid-item,.pack-control-mobile .gradient-item{--radius:12px;width:calc(var(--size)/1.4)}.is-mobile-controls-open .canvas{height:40%!important}.is-mobile-share-open .canvas{z-index:999999999!important}.is-mobile-share-open .canvas .preview-frame{overflow:hidden;transform:scale(.9)rotate(-2deg);border-radius:24px!important}.is-mobile-share-open .canvas .preview-frame:after{visibility:visible!important}.panel-add-buttons-toolbar{z-index:10;width:max-content;margin:0 auto;position:absolute;bottom:12px;left:12px;right:12px}.desktop-panel-tabs{z-index:100;flex-direction:column;padding:0 6px 16px;display:flex;position:absolute;top:48px;left:0;right:0}.mobile-panel-tabs{z-index:99;order:1;justify-content:space-between;align-items:center;width:100%;padding:6px 28px 28px;display:flex;position:relative;pointer-events:all!important}.shots-mobile-ui.app-main{flex-direction:column;gap:0;padding:0}.shots-mobile-ui .canvas{border:none;height:60%;margin-top:100px;padding:6px;transition:height .4s}.shots-mobile-ui .canvas .preview-frame{border-radius:16px;transition:transform 1s}.shots-mobile-ui .panel{z-index:10;background:0 0;border-radius:0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;pointer-events:none!important}.shots-mobile-ui .panel .panel-scroll-view{border-radius:0;order:0;align-items:flex-end;position:relative;overflow:hidden}.shots-mobile-ui .panel .panel-scroll-view .panel-fragment{width:100%;min-width:100%;max-width:100%;height:max-content;pointer-events:all!important}.shots-mobile-ui .panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view{height:max-content}.shots-mobile-ui .panel .panel-controls-stack{max-width:100%;height:100%;transition:opacity .25s;gap:0!important;padding:0!important}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher{overflow-x:auto}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack{gap:2px;width:max-content;padding:8px 20px;display:flex}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .divider{background:rgba(var(--primary), .08);min-width:1px;margin:12px 4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile{border-radius:14px;justify-content:flex-start;gap:8px;max-width:180px;height:60px;padding-left:10px;padding-right:8px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .preview{place-items:center;display:grid}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .preview img{-o-object-fit:cover;object-fit:cover;width:40px;height:48px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .mockup-icon{width:auto;height:44px;margin-right:4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex;overflow:hidden}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span{opacity:.5;text-transform:capitalize;color:inherit;letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile>svg{width:18px;height:18px;color:rgba(var(--primary), .36)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .frame-picker-preview{width:40px;height:40px;padding:4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .frame-picker-preview .frame-preview{width:100%;height:100%;position:relative}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .frame-picker-preview .frame-preview .current-frame-icon{background:rgba(var(--primary), .36);border:solid 1px rgba(var(--primary), 1);border-radius:3px;max-height:100%;margin:auto;transition:all .2s;position:absolute;inset:0}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .active-indicator{background:rgba(var(--primary), 1)!important}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile.true-active{color:rgba(var(--secondary), 1)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile.true-active .frame-picker-preview .frame-preview .current-frame-icon{filter:invert(100)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile:hover{background:0 0}.shots-mobile-ui .mobile-control-switcher-button{border-radius:14px!important;flex-direction:column!important;gap:4px!important;width:56px!important;height:60px!important;padding:2px!important}.shots-mobile-ui .mobile-control-switcher-button span{letter-spacing:0;text-transform:capitalize;font:500 10px/12px Inter,sans-serif}.shots-mobile-ui .mobile-control-switcher-button svg{width:30px;height:30px}.shots-mobile-ui .mobile-control-switcher-button .active-indicator{background:rgba(var(--primary), 1)!important}.shots-mobile-ui .mobile-control-switcher-button.true-active{color:rgba(var(--secondary), 1)}.shots-mobile-ui .mobile-control-switcher-button .is-changed{z-index:1;background:rgba(var(--primary), 1);pointer-events:none;border-radius:6px;width:4px;height:4px;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.shots-mobile-ui .mobile-backpack-item>span{order:2}.shots-mobile-ui .mobile-backpack-item .backpack-preview{width:36px;height:30px;margin-top:-2px;margin-bottom:2px;position:relative}.shots-mobile-ui .mobile-backpack-item .backpack-preview div{z-index:3;border-radius:5px;position:absolute;inset:0}.shots-mobile-ui .mobile-backpack-item .backpack-preview img{-o-object-fit:cover;object-fit:cover;z-index:3;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.shots-mobile-ui .mobile-backpack-item .backpack-preview div:nth-child(2),.shots-mobile-ui .mobile-backpack-item .backpack-preview img:nth-child(2){z-index:2;opacity:.5;transform:scaleX(1.04)rotate(-12deg)}.shots-mobile-ui .mobile-text-color{position:relative}.shots-mobile-ui .mobile-text-color .panel-control-grid{flex-direction:row!important;gap:12px!important}.panel{position:relative}.panel .panel-scroll-view{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;border-radius:20px;justify-content:space-between;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:auto hidden}.panel .panel-fragment{scroll-snap-align:start;scroll-snap-stop:always;width:220px;min-width:220px;max-width:220px;height:100%;position:relative;overflow:hidden}.panel-controls-stack{flex-direction:column;gap:20px;padding:54px 10px 26.6667px;display:flex}.panel-controls-stack.has-header{padding-top:108px}.panel-controls-stack.has-footer{padding-bottom:80px}.panel-controls-stack.gap-tight{gap:10px}.panel-selector{z-index:1000;background:linear-gradient(0deg, rgba(var(--panel), 0) 0%, rgba(var(--panel), 1) 80%),linear-gradient(0deg, rgba(var(--panel), 0) 0%, rgba(var(--panel), 1) 80%);border-radius:20px 20px 0 0;padding:10px 8px 20px;position:absolute;top:52px;left:0;right:0}.panel-selector-btn-desktop{background:rgba(var(--panel-dim), 1);border-radius:12px;align-items:center;gap:10px;width:100%;height:48px;padding:10px 12px;display:flex}.panel-selector-btn-desktop .mockup-icon{width:auto;height:32px}.panel-selector-btn-desktop .details{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex;overflow:hidden}.panel-selector-btn-desktop .details p{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.panel-selector-btn-desktop .details p{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.panel-selector-btn-desktop .details>span{color:rgba(var(--primary), .36);text-transform:capitalize;font:500 10px/14px Inter,sans-serif}.panel-selector-btn-desktop svg{width:12px;height:12px;color:rgba(var(--primary), .36)}.panel-empty-state{z-index:10;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;position:absolute;inset:0}.panel-empty-state.is-overlay{background:rgba(var(--panel), .9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-empty-state .image-wrapper{z-index:-1;width:calc(100% + 24px);margin:0 -12px -24px;position:relative}.panel-empty-state .image-wrapper img{width:100%;height:auto}.panel-empty-state .image-wrapper:after{content:"";background:linear-gradient(rgba(var(--panel), 1) 0%, transparent 25%, transparent 75%, rgba(var(--panel), 1) 100%);position:absolute;inset:0}.panel-empty-state>svg{width:36px}.panel-empty-state .texts{text-align:center;flex-direction:column;gap:4px;margin-bottom:8px;display:flex}@media only screen and (min-width:0) and (max-width:800px){.panel-empty-state{flex-direction:row;height:max-content;margin-top:auto;padding:12px 20px}.panel-empty-state .texts{text-align:left;flex:1}.panel-empty-state>svg{width:24px}.panel-empty-state button{width:max-content}}.slideshow-select-control{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.slideshow-select-control .slideshow-display{aspect-ratio:16/9;border-radius:12px;width:100%;position:relative;overflow:hidden}.slideshow-select-control .buttons-wrapper{pointer-events:none;z-index:2;justify-content:space-between;padding:3px;display:flex;position:absolute;inset:0}.slideshow-select-control .buttons-wrapper button{pointer-events:all}.slideshow-select-control .buttons-wrapper button:hover{background:rgba(var(--primary), .06)}.slideshow-select-control .items-scroll{z-index:1;scroll-snap-type:x mandatory;pointer-events:none;width:100%;height:100%;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%);container-type:inline-size}.slideshow-select-control .items-scroll .all-items{align-items:center;gap:10px;width:max-content;height:100%;display:flex}.slideshow-select-control .items-scroll .all-items .slideshow-select-item{scroll-snap-align:center;width:100cqw;min-width:100cqw;height:100%;position:relative}.slideshow-select-control .backdrop{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.slideshow-select-control .backdrop:after{content:"";z-index:1;border-radius:inherit;background:rgba(var(--panel), .5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;position:absolute;inset:0;overflow:hidden}.slideshow-select-control .backdrop img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.slideshow-select-control .items-length-indicators{pointer-events:none;justify-content:center;gap:5px;display:flex}.slideshow-select-control .items-length-indicators span{aspect-ratio:1;background:rgba(var(--primary), .12);border-radius:50%;width:5px}.slideshow-select-control .items-length-indicators span.is-active{background:rgba(var(--primary), .6)}.audio-preset-item,.audio-custom-item{align-items:center;gap:12px;display:flex}.audio-preset-item .panel-button,.audio-custom-item .panel-button{width:48px}.audio-preset-item .audio-preset-fill-button .preview,.audio-custom-item .audio-preset-fill-button .preview{background:rgba(var(--audio-accent), .1)}.audio-preset-item .audio-preset-fill-button .preview svg,.audio-custom-item .audio-preset-fill-button .preview svg{color:rgba(var(--audio-accent), 1)}.audio-preset-item .texts,.audio-custom-item .texts{flex-direction:column;flex:1;gap:2px;display:flex}.asset-drop-shell{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;position:relative}.asset-drop-shell .asset-drop-overlay{pointer-events:none;z-index:10;border:2px dashed rgba(var(--primary), .6);border-radius:16px;position:absolute;inset:6px}.asset-drop-shell.from-app-menu .asset-drop-overlay{background:rgba(var(--body), .8)}.asset-drop-shell.from-sheet .asset-drop-overlay{background:rgba(var(--panel), .8)}.export-button-placeholder{z-index:100;width:100%;height:48px;display:flex;position:relative}@media only screen and (min-width:0) and (max-width:800px){.export-button-placeholder{width:132px;height:48px}}.export-button-cta{z-index:1010;outline-offset:-1px;cursor:pointer;background:linear-gradient(80.18deg,#d1ccdd 0%,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53 100%);border-radius:14px;outline:1px solid #0000001f;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;inset:0;overflow:hidden}.export-button-cta:after{content:"";z-index:-1;background:linear-gradient(#fff9 0%,#0000 80%);position:absolute;inset:-1px}.export-button-cta>*{z-index:2;opacity:.9;color:#000}.export-button-cta span{font-size:16px}.export-button-cta svg{width:20px;height:20px}.export-button-cta.upgrade-cta svg{animation:1s infinite alternate upgrade-arrow;transform:translateY(2px)}@keyframes upgrade-arrow{to{transform:translateY(-2px)}}.export-button{width:100%;min-height:48px;color:#fff;z-index:10;background:#000;align-items:center;padding:0 10px;transition:background .2s;display:flex;position:absolute;top:0;right:0;overflow:hidden;outline:1.5px solid #ffffff14!important}.export-button.export-state{color:#000;cursor:pointer;background:#f0f0f0;outline:none}.export-button.expanded{flex-direction:column;width:124%;height:max-content;max-height:max-content;padding:18px}.export-button .export-button-safe-area{flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.export-button .export-state-compact,.export-button .rendering-state,.export-button .loading-state,.export-button .export-state{align-items:center;gap:8px;width:100%;padding-left:2px;display:flex}.export-button .export-state-compact>h6,.export-button .rendering-state>h6,.export-button .loading-state>h6,.export-button .export-state>h6{text-transform:capitalize;letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-compact>h6,.export-button .rendering-state>h6,.export-button .loading-state>h6,.export-button .export-state>h6{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.export-button .export-state-compact>span,.export-button .rendering-state>span,.export-button .loading-state>span,.export-button .export-state>span{color:#fff;letter-spacing:-.2px;flex:1;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-compact>span,.export-button .rendering-state>span,.export-button .loading-state>span,.export-button .export-state>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}.export-button .export-state-expanded,.export-button .error-state,.export-button .ready-state{flex-direction:column;gap:12px;width:100%;display:flex}.export-button .export-state-expanded>h6,.export-button .error-state>h6,.export-button .ready-state>h6{text-transform:capitalize;letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-expanded>h6,.export-button .error-state>h6,.export-button .ready-state>h6{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.export-button .export-state-expanded>span,.export-button .error-state>span,.export-button .ready-state>span{opacity:.6;color:#fff;letter-spacing:-.2px;flex:1;margin-top:-8px;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-expanded>span,.export-button .error-state>span,.export-button .ready-state>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}.export-button .export-state>span{color:#000}.export-button .export-state .icon{width:20px;height:20px}.export-button .export-state .icon svg{width:inherit;height:inherit}.export-button .rendering-state>span,.export-button .rendering-state>h6{color:#f8af40}.export-button .rendering-state>span{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.export-button .rendering-state>span{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.export-button .ready-state .close-button{color:#fff;background:#ffffff29;position:absolute;top:-5px;right:-5px}.export-button .ready-state .display-preview{width:88%;margin:10px auto 20px}.export-button .ready-state .display-preview image,.export-button .ready-state .display-preview img,.export-button .ready-state .display-preview video{-o-object-fit:contain;object-fit:contain;outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:10px;width:100%;transform:rotate(-2deg)}.export-button .ready-state .export-buttons{gap:8px;margin-bottom:4px;display:flex}.export-button .ready-state .export-buttons>button{flex:1;padding:10px 12px!important}.export-button .ready-state .export-buttons .copy-link-btn{color:#fff;background:#ffffff1a}.export-button .ready-state .export-buttons .download-btn{color:#000;background:#fff}.export-button .ready-state .export-buttons .download-btn.is-loading{color:#fff!important;background:#ffffff1a!important;justify-content:center!important}.export-button .error-state h6{color:#f33}.export-button .error-state svg{color:#f33;width:20px;height:20px;position:absolute;top:0;right:0}.export-button .error-state .dismiss-btn{color:#fff;background:#ffffff29}@media only screen and (min-width:0) and (max-width:800px){.export-button{width:calc(100vw - 24px);min-height:48px;padding:0 12px;outline-color:rgba(var(--primary), .06)!important;border-radius:24px!important}.export-button .export-button-safe-area{gap:24px}.export-button.expanded{width:calc(100vw - 24px);padding:24px}.export-button .export-state-compact,.export-button .export-state,.export-button .loading-state,.export-button .rendering-state{gap:8px}.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{text-transform:capitalize;letter-spacing:0;font:500 17px/24px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{opacity:.4;letter-spacing:-.2px;color:#fff;flex:1;font:12.5px/20px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-expanded,.export-button .ready-state,.export-button .error-state{flex-direction:column;gap:12px;width:100%;display:flex}.export-button .export-state-expanded>h6,.export-button .ready-state>h6,.export-button .error-state>h6{text-transform:capitalize;letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.export-button .export-state-expanded>h6,.export-button .ready-state>h6,.export-button .error-state>h6{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state-expanded>span,.export-button .ready-state>span,.export-button .error-state>span{opacity:.6;letter-spacing:-.2px;color:#fff;flex:1;margin-top:-8px;font:12.5px/20px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.export-button .export-state-expanded>span,.export-button .ready-state>span,.export-button .error-state>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.export-button.export-state{width:calc(100% - 40px);min-height:34px;padding:0 4px;top:6px;right:40px;border-radius:22px!important}.export-button .export-state{gap:4px}.export-button .export-state>h6{display:none}.export-button .export-state>span{color:#000;letter-spacing:-.2px;opacity:1;font:12.5px/20px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.export-button .export-state>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.export-button .export-state .icon{width:18px;height:18px}}.export-button .divider-line{background:#ffffff1a!important;margin-top:6px!important}.export-button .view-exports-button{color:#fff}.export-button .view-exports-button>svg{color:#fff6}.export-button .view-exports-button .view-exports-button-preview{width:32px;height:32px;margin-right:4px;position:relative}.export-button .view-exports-button .view-exports-button-preview div{outline-offset:-.5px;background:#414141;border-radius:7px;outline:.5px solid #ffffff1a;position:absolute;inset:0}.export-button .view-exports-button .view-exports-button-preview div:first-child{opacity:.7;transform:rotate(-9deg)translate(-4px,2px)}.export-button .view-exports-button .view-exports-button-preview div:nth-child(2){place-items:center;display:grid;transform:rotate(-3deg)translate(2px,-2px)}.export-button .view-exports-button .view-exports-button-preview div:nth-child(2) svg{color:#ffffff80;width:55%;height:55%}.mobile-share-sheet-container{background:rgba(var(--background), 1)}.mobile-share-sheet{padding:120px 16px calc(16px + (env(safe-area-inset-bottom,16px)));flex-direction:column;justify-content:flex-end;align-items:center;gap:32px;display:flex;background:0 0!important}.mobile-share-sheet .top-area{margin-top:env(safe-area-inset-top,0);height:52px;inset:0;bottom:unset;padding:8px 20px;position:absolute}.mobile-share-sheet .top-area .close-button{float:right}.mobile-share-sheet .texts{text-align:center;flex-direction:column;gap:12px;width:100%;display:flex}.mobile-share-sheet .loader-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:70%;height:48px;display:flex;transform:translateY(-16px)}.mobile-share-sheet .disclaimer{bottom:calc(8px + (env(safe-area-inset-bottom,8px)));z-index:10;position:absolute}.mobile-share-sheet .linear-loader{background:rgba(var(--primary), .12);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.mobile-share-sheet .linear-loader div{border-radius:inherit;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);width:200%;height:100%;animation:1s linear infinite linear-loader;position:absolute;left:-200%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}@keyframes linear-loader{to{left:100%}}.mobile-share-sheet .share-buttons{gap:12px;width:100%;display:flex}.mobile-share-sheet .share-buttons button{color:#000;background:#fff;flex:1;padding:16px 8px!important}.copy-button-wrapper,.export-settings-btn{z-index:100;color:#000;cursor:pointer;border-radius:14px;width:40px;height:48px;padding:4px;position:absolute;top:0}.copy-button-wrapper{right:36px}@media only screen and (min-width:1200px){.copy-button-wrapper:hover .copy-button{background:#0003}}.copy-button-wrapper .copy-button{color:rgba(var(--secondary), 1);pointer-events:none;background:#0000001a;border-radius:10px;width:100%;height:100%}.copy-button-wrapper .copy-button svg{color:#000;width:22px;height:22px}.export-settings-btn{right:0}.export-settings-btn:before{content:"";z-index:-1;pointer-events:none;background:#0000001a;border-radius:10px;transition:inherit;position:absolute;inset:4px}.export-settings-btn svg{width:22px;height:22px}.export-settings-btn .danger,.export-settings-btn .warning{width:18px;height:18px;position:absolute;bottom:4px;right:4px}.export-settings-btn .danger svg,.export-settings-btn .warning svg{width:inherit;height:inherit}.export-settings-btn .warning{color:rgba(var(--alert), 1)}.export-settings-btn .danger{color:rgba(var(--danger), 1)}@media only screen and (min-width:1200px){.export-settings-btn:hover:before{background:#0003}}@media only screen and (min-width:0) and (max-width:800px){.export-settings-btn{border-radius:22px;width:34px;height:34px}.export-settings-btn:before{display:none}.export-settings-btn svg{width:20px;height:20px}}.export-settings-drop .image-format button p{letter-spacing:1px;font-weight:500}@media only screen and (min-width:0) and (max-width:800px){.export-settings-drop{z-index:10;background:#fff;border-radius:50px;margin-top:6px}}.canvas{width:100%;height:100%;position:relative;overflow:hidden}.canvas.non-animated-mode{padding:12px 12px 88px}.canvas.animated-mode{padding:12px 12px 64px}.canvas.perf-mode,.canvas.perf-mode *{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.canvas>.canvas-safe-area{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.canvas .preview-frame{border-radius:14px;display:flex;position:relative}.canvas .preview-frame:after{content:"";z-index:5;border:solid 1px rgba(var(--primary), .06);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.frame{display:flex;position:relative;overflow:hidden;container:frame-container/size}.frame .frame-content{width:100%;height:100%}@container frame-container not (max-width:0){.frame .frame-content{font-size:calc(.666667cqw + .666667cqh)}}.frame .lens-scene-backdrop-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0!important}.frame .lens-scene-stage-base-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:8!important}.frame .shadow-scene-layer{width:100%;height:100%;z-index:var(--display-layer-z);pointer-events:none;position:absolute;top:0;left:0}.frame .shadow-scene-layer img{-o-object-fit:cover;object-fit:cover}.frame .shape-scene-object{pointer-events:none;width:30em;height:auto}.frame .blur-mask{z-index:3;pointer-events:none;display:none;position:absolute;inset:0}.frame .blur-mask:before{content:"";z-index:1;-webkit-backdrop-filter:blur(16em);backdrop-filter:blur(16em);position:absolute;inset:0}.frame-background-display{z-index:var(--display-layer-z);top:0;left:0;width:100%;height:100%;position:absolute;inset:0}.frame-background-display .frame-background{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.frame-effect-layer{z-index:var(--display-layer-z);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.frame-noise{mix-blend-mode:overlay;z-index:2;pointer-events:none;background-repeat:repeat;background-size:50%;position:absolute;inset:0}.frame-blur{z-index:1;pointer-events:none;position:absolute;inset:0}.frame-style{pointer-events:none;position:absolute;inset:0}.lens-scene-layer{width:100%;height:100%;z-index:var(--display-layer-z,12);pointer-events:none;position:absolute;top:0;left:0}.animation-preview-tag{pointer-events:none;top:40px;left:0;right:0;bottom:unset;z-index:10;width:max-content;color:rgba(var(--primary), 1);outline-offset:-1px;letter-spacing:-.2px;background:#ff342a;border-radius:20px;outline:1px solid #0003;align-items:center;gap:6px;margin:0 auto;padding:5px 11px;font:500 14px/18px Inter,sans-serif;display:flex;position:fixed;box-shadow:0 4px 8px #00000029}@media only screen and (min-width:0) and (max-width:800px){.animation-preview-tag{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.animation-preview-tag svg{width:20px;height:20px}.select-layer{cursor:pointer;-webkit-backdrop-filter:blur(4em);backdrop-filter:blur(4em);filter:contrast(80%);opacity:0;pointer-events:all;border:solid rgba(var(--primary), .36);background:#0000001a;border-radius:1.6em;position:absolute;inset:0}.select-layer:hover{opacity:1}.select-layer.mockup-select-layer{z-index:0}.select-layer.frame-select-layer{z-index:2}.select-layer.text-select-layer{z-index:0}.custom-watermark-display{z-index:var(--display-layer-z);pointer-events:none;position:absolute;inset:0}.custom-watermark-display .watermark-element{--image-display:none;--image-height:4em;--title-display:none;--title-size:2em;--subtitle-display:none;--subtitle-size:1.5em;position:relative}.custom-watermark-display .watermark-element .image-placeholder{display:var(--image-display);height:var(--image-height);min-height:var(--image-height);position:relative}.custom-watermark-display .watermark-element .image-placeholder img{height:var(--image-height);-o-object-fit:contain;object-fit:contain;border-radius:.8em;width:auto}.custom-watermark-display .watermark-element .image-placeholder.no-image{aspect-ratio:1;background:#64646480;border-radius:1.2em;padding:1em}.custom-watermark-display .watermark-element .image-placeholder.no-image svg{width:100%;height:100%;color:rgba(var(--primary), .36)}.custom-watermark-display .watermark-element .title-text{display:var(--title-display);font-size:var(--title-size);letter-spacing:-.01em;font-family:Inter,sans-serif;font-weight:500;line-height:100%}.custom-watermark-display .watermark-element .subtitle-text{display:var(--subtitle-display);font-size:var(--subtitle-size);letter-spacing:-.01em;font-family:Inter,sans-serif;font-weight:500;line-height:100%}.custom-watermark-display .watermark-none{--title-display:initial;--title-size:2em;align-items:center;gap:1em;display:flex}.custom-watermark-display .watermark-none span,.custom-watermark-display .watermark-none svg{color:rgba(var(--primary), .6)}.custom-watermark-display .watermark-none svg{width:3em;height:3em}.custom-watermark-display .watermark-layout-1{--image-display:initial;--title-display:initial;--image-height:4em;--title-size:2em;--subtitle-display:initial;--subtitle-size:1.4em;align-items:center;gap:1em;display:flex}.custom-watermark-display .watermark-layout-1 .texts-wrapper{flex-direction:column;align-items:flex-start;gap:.7em;display:flex}.custom-watermark-display .watermark-layout-2{--image-display:block;--image-height:5em}.custom-watermark-display .watermark-layout-3{--title-display:initial;--title-size:2em;--subtitle-display:initial;--subtitle-size:1.5em}.custom-watermark-display .watermark-layout-3 .texts-wrapper{flex-direction:column;align-items:center;gap:.8em;display:flex}.custom-watermark-display .watermark-style-default.watermark-light{color:#fff!important}.custom-watermark-display .watermark-style-default.watermark-dark{color:#000!important}.custom-watermark-display .watermark-style-1 .texts-wrapper{color:#fff!important}.custom-watermark-display .watermark-style-1:before{content:"";z-index:-1;filter:blur(3em);background:#0009;border-radius:30%;position:absolute;inset:-15%}.custom-watermark-display .watermark-style-2{padding:1em 2em}.custom-watermark-display .watermark-style-2:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(5em)saturate(150%);backdrop-filter:blur(5em)saturate(150%);outline-offset:-.15em;background:#6464644d;border-radius:5em;outline:.15em solid #b4b4b44d;position:absolute;inset:0}.custom-watermark-display .watermark-style-2.watermark-layout-2{padding:1em}.custom-watermark-display .watermark-style-2.watermark-layout-2:before{border-radius:2em}.custom-watermark-display .watermark-style-2.watermark-layout-3{padding:1.5em}.custom-watermark-display .watermark-style-2.watermark-light{color:#fff!important}.custom-watermark-display .watermark-style-2.watermark-light:before{background:#6464644d;outline-color:#b4b4b44d}.custom-watermark-display .watermark-style-2.watermark-dark{color:#fff!important}.custom-watermark-display .watermark-style-2.watermark-dark:before{background:#1e1e1e4d;outline-color:#7878784d}.custom-watermark-display .watermark-style-3{outline-offset:-.25em;background:#fff;border-radius:1.8em;outline:.25em solid #0003;padding:1em}.custom-watermark-display .watermark-style-3.watermark-layout-3{padding:1.5em}.custom-watermark-display .watermark-style-3.watermark-light{background:#fff;color:#000!important}.custom-watermark-display .watermark-style-3.watermark-dark{background:#000;outline-color:#ffffff1f;color:#fff!important}.widget-module{z-index:var(--display-layer-z,auto);position:relative}.widget-module .widget-active-indicator{content:"";pointer-events:auto;corner-shape:var(--squircle);outline-offset:-3px;opacity:0;border-radius:3em;outline:3px solid #0000;transition:all .2s;position:absolute;inset:2em}@keyframes outline-active{0%{outline-color:#6464641a}to{outline-color:#64646466}}.widget-module .widget-active-indicator:not(.is-active){cursor:pointer;z-index:1;background:#6464644d}.widget-module .widget-active-indicator:not(.is-active):hover{opacity:1}.widget-module .widget-active-indicator.is-active{cursor:default;opacity:1;z-index:-1;animation:.8s ease-out infinite alternate outline-active}body.is-dragging-files .widget-module .widget-active-indicator:not(.is-active),.canvas .mockup-widget,.canvas .text-widget{pointer-events:none}.canvas .text-widget-elements-wrapper{height:max-content}.canvas .text-element{position:relative}.canvas .text-element:hover:before{opacity:1}.canvas .text-element:before{content:"";corner-shape:var(--squircle);z-index:-1;pointer-events:none;opacity:0;border:3px solid #64646480;border-radius:24px;transition:opacity .2s;position:absolute;inset:-16px -20px}.layout-panel-bottom-controls{z-index:10;flex-direction:column;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.has-animation-pose-switch .animation-pose-switch{z-index:30;align-items:center;display:flex;position:absolute;top:54px;left:12px}.has-animation-pose-switch .animation-pose-tabs{--radius:10px;--gap:2px;--label-button-padding:3px 10px;width:fit-content;box-shadow:0 6px 16px -10px #000000a6}.has-animation-pose-switch .animation-pose-tabs .switch-button{justify-content:center;min-width:52px}.has-animation-pose-switch .animation-pose-tabs .switch-button p{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.has-animation-pose-switch .animation-pose-tabs .switch-button p{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.has-animation-pose-switch .layouts-panel-controls-top .transform-controls-wrapper{padding-top:44px}.layout-item{cursor:pointer;position:relative;overflow:hidden}.layout-item.layout-item-3d .device-asset{display:none!important}.layout-item.text-layout-item>.frame{transform:scale(1.8)}.layout-item .layout-frame *{pointer-events:none!important}.layout-item .layout-frame .empty-drop *{visibility:hidden;display:none}.layout-item>.tag{z-index:10;position:absolute;bottom:6px;left:6px}.layout-preset-controls .layout-item{background:rgba(var(--primary), .06);border-radius:12px}.animation-transition-control>:first-child{flex:1}.mockup-layout-3d-alert-graphic{pointer-events:none;align-items:center;gap:12px;margin-top:12px;display:flex}.mockup-layout-3d-alert-graphic>svg{color:rgba(var(--primary), .5);width:20px;height:20px;margin-bottom:20px}.layouts-panel-controls-top{z-index:20;position:absolute;top:48px;left:0;right:0}.layouts-panel-controls-top:before,.layouts-panel-controls-top:after{content:"";z-index:-1;pointer-events:none;position:absolute;top:0;left:0;right:0}.layouts-panel-controls-top:before{min-height:48px;top:-48px}.layouts-panel-controls-top:after{height:100px}.layouts-panel-controls-top.minimized-backdrop:before{background:rgba(var(--panel), .75)}.layouts-panel-controls-top.minimized-backdrop:after{background:linear-gradient(rgba(var(--panel), .75) 30%, transparent 100%)}.layouts-panel-controls-top.expanded-backdrop:before{background:rgba(var(--panel), .75);min-height:calc(38px + 100%)}.layouts-panel-controls-top.expanded-backdrop:after{background:linear-gradient(rgba(var(--panel), .75), transparent);height:40px;top:calc(100% - 10px)}.layouts-panel-controls-top .transform-controls-wrapper{pointer-events:none;flex-direction:column;gap:8px;height:max-content;padding:10px;display:flex;position:relative;overflow:hidden}.layouts-panel-controls-top .transform-controls-wrapper .position-controls{pointer-events:all;gap:inherit;flex-direction:column;display:flex}.layouts-panel-controls-top .transform-controls-wrapper .position-controls .position-pad-safearea{background:rgba(var(--panel-dim), 1);border-radius:14px;flex-direction:column;align-items:center;display:flex;position:relative}.layouts-panel-controls-top .transform-controls-wrapper .position-controls .position-pad-safearea>*{width:100%}.layouts-panel-controls-top .transform-controls-wrapper .position-controls .slider-component{outline:2px solid #0000}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls{filter:drop-shadow(0 10px 10px #0009)}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls>*{pointer-events:none}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .zoom-tilt-switch{opacity:0}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .position-pad-safearea{border-radius:28px;transform:translateY(-30px)}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .position-pad-safearea .drag-pad-wrapper{border-radius:28px}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .position-pad-safearea .drag-pad-wrapper .drag-pad{outline:solid 2px rgba(var(--primary), .12);outline-offset:2px;border-radius:24px}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .position-pad-safearea .drag-pad-wrapper .drag-pad .drag-handle:after{transform:scale(1.8)!important}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .position-pad-safearea .drag-pad-wrapper .viewfinder-div{opacity:0}.layouts-panel-controls-top .transform-controls-wrapper .position-controls.minimized-transform-controls .slider-component{--radius:12px;outline:solid 2px rgba(var(--primary), .12);outline-offset:-2px;transform:translateY(-30px)}.navbar{z-index:100;background:rgba(var(--panel), 1);border-radius:14px;justify-content:space-between;align-items:center;height:48px;padding:4px;display:flex;position:relative}.navbar .app-menu-button{gap:2px!important;padding:0!important}.navbar .app-menu-button .space-icon{width:32px;height:32px;margin-right:4px}.navbar .app-menu-button>svg{width:16px;height:16px;color:rgba(var(--primary), .6)}.navbar .mobile-menu-button{height:40px;gap:2px!important;padding:0 4px!important}.navbar .mobile-menu-button .logo{pointer-events:none;width:auto;height:34px}.navbar .mobile-menu-button .chevron-icon{width:18px;height:18px;color:rgba(var(--primary), .6)}.navbar .left,.navbar .center,.navbar .right{align-items:center;gap:6px;display:flex}@media only screen and (min-width:0) and (max-width:800px){.navbar{margin-top:env(safe-area-inset-top,0);height:52px;box-shadow:none;background:0 0;border-radius:0;padding:0 20px;position:fixed;top:0;left:0;right:0}.navbar .left,.navbar .center,.navbar .right{align-items:center;gap:12px;display:flex}.navbar .left{flex:1;justify-content:flex-start}.navbar .right{flex:1;justify-content:flex-end}}.navbar-desktop{z-index:100;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:6px;left:6px;right:6px}.navbar-desktop .app-menu-button{height:32px;gap:0!important;padding:0 2px!important}.navbar-desktop .app-menu-button .space-icon{border-radius:10px;width:28px;height:28px;margin-left:3px}.navbar-desktop .app-menu-button .user-avatar{width:28px!important;height:28px!important}.navbar-desktop .file-options-button{flex:1;overflow:hidden;padding-right:6px!important}.navbar-desktop .file-options-button .name-wrapper{height:18px;position:absolute;left:6px;right:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}.navbar-desktop .file-options-button .name-wrapper span{text-align:left;min-width:max-content}.navbar-desktop .file-options-button svg{margin-left:auto}.navbar-desktop .navbar-live-members-toolbar{cursor:pointer;padding:5px}.navbar-live-members-trigger{display:flex}.navbar-live-member-row{letter-spacing:-.2px;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 8px;font:500 14px/18px Inter,sans-serif;display:flex}@media only screen and (min-width:0) and (max-width:800px){.navbar-live-member-row{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.mock-style-3d-tag{background:rgba(var(--panel-active), 1);max-width:max-content;color:rgba(var(--primary), 1);opacity:.4;z-index:1;background:0 0;border-radius:5px;position:absolute;bottom:4px;right:4px;padding:1px 3px!important;font-weight:600!important}.mock-assets-control{justify-content:space-evenly;gap:7px;display:flex}.mock-assets-control.items-1 .display-preview{max-width:45%}.mock-assets-control.items-2 .display-preview{max-width:90%}.mock-assets-control.items-3 .display-preview{width:100%}.mock-assets-control .device-item{text-align:center;cursor:pointer;background:rgba(var(--panel-dim), 1);border-radius:10px;flex-direction:column;align-items:center;gap:12px;width:100%;height:88px;padding:12px;display:flex;position:relative}.mock-assets-control .device-item.drop-active .drop-indicator{display:grid!important}.mock-assets-control .device-item.drop-active .display-preview{pointer-events:none}.mock-assets-control .device-item .drop-indicator{z-index:1;background:rgba(var(--panel-dim), 1);border-radius:inherit;border:dashed 1.5px rgba(var(--primary), 1);pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.mock-assets-control .device-item .drop-indicator svg{width:24px;height:24px}.mock-assets-control .device-item .display-preview{width:100%;height:100%}.mock-assets-control .device-item .display-preview .safe-area{width:100%;height:100%;position:relative}.mock-assets-control .device-item .display-preview .safe-area .device-screen{max-height:100%;margin:auto;position:absolute;inset:0;overflow:hidden}.mock-assets-control .device-item .display-preview .safe-area .device-screen img,.mock-assets-control .device-item .display-preview .safe-area .device-screen video{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus{place-items:center;display:grid;position:absolute;inset:0}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state svg,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus svg{width:18px}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state{background:rgba(var(--panel-active), 1)}.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus{z-index:1;opacity:0;background:#6464644d}.mock-assets-control .device-item:hover .overlay-plus{opacity:1!important}.mock-assets-control .device-item:hover>span{color:rgba(var(--primary), 1)!important}.mock-controls-transform-hint{aspect-ratio:2;border-radius:12px;width:100%;position:relative;overflow:hidden}.mock-controls-transform-hint .copy{background:linear-gradient(70deg, rgba(var(--panel-dim), 1), transparent 50%),linear-gradient(70deg, rgba(var(--panel-dim), 1), transparent 50%);color:rgba(var(--primary), .36);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.mock-controls-transform-hint video,.mock-controls-transform-hint img{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom center;object-position:bottom center;width:100%;height:100%}.mockup-layout-popover .bottom-head{inset:0;top:unset;z-index:1;background:linear-gradient(180deg, rgba(var(--panel), 0) 0%, rgba(var(--panel), 1) 70%);padding:15px 5px 5px;position:absolute}.mock-browser-window-button .window-preview{width:90%;height:60%;position:relative}.mock-browser-window-button .window-preview>div{background:rgba(var(--primary), .36);border-radius:3px;max-height:100%;margin:auto;position:absolute;inset:20%}@media only screen and (min-width:0) and (max-width:800px){.mock-browser-window-button{width:60px!important}}.mock-browser-icon-button .preview-image{z-index:0;position:absolute;inset:0}.mock-browser-icon-button .preview-image:before{content:"";background:rgba(var(--panel-dim), .5);position:absolute;inset:0}.mock-browser-icon-button .preview-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.mock-browser-icon-button svg{z-index:1}.drag-pad-wrapper{background:rgba(var(--panel-dim), 1);border-radius:14px;position:relative;overflow:hidden}.drag-pad-wrapper .drag-pad .drag-handle:after{background:#ffffffb3!important}.drag-pad-wrapper .drag-pad.is-dragging .drag-handle:after{outline:solid 1px rgba(var(--info), 1);outline-offset:-1px}.drag-pad-wrapper .pad-preview{z-index:0;position:absolute;inset:0}.drag-pad-wrapper .pad-preview .layout-item{background:rgba(var(--panel-dim), 1)}.drag-pad-wrapper .pad-preview .layout-item .mock-style-3d-tag,.drag-pad-wrapper .pad-preview .layout-item .frame-effect-layer,.drag-pad-wrapper .pad-preview .layout-item .lens-scene-layer,.drag-pad-wrapper .pad-preview .layout-item .lens-scene-backdrop-layer{display:none!important}.drag-pad-wrapper .drag-grid-tile{opacity:0}.drag-pad-wrapper:hover .drag-grid-tile{opacity:1}.drag-pad-wrapper.zoom-pad .pad-preview .layout-item{filter:brightness(50%)}.drag-pad-wrapper .viewfinder-div,.drag-pad-wrapper .ghost-viewfinder{pointer-events:none;border-radius:14px}.drag-pad-wrapper .default-viewfinder{pointer-events:none;-webkit-backdrop-filter:brightness(200%);backdrop-filter:brightness(200%);background:#64646433;border:1px solid #64646433}.drag-pad-wrapper .ghost-viewfinder{filter:invert(100);border:1.5px solid #64646466}.drag-pad-wrapper .drag-hint{opacity:0;color:#646464;text-align:center;pointer-events:none;z-index:10;letter-spacing:-.2px;font:11px/14px Inter,sans-serif;position:absolute;bottom:10px;left:8px;right:8px}@media only screen and (min-width:0) and (max-width:800px){.drag-pad-wrapper .drag-hint{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.drag-pad-wrapper .drag-hint .hint-key{color:inherit;border-radius:3px;outline:1px solid #646464;margin:0 2px;padding:0 1.5px}.drag-pad-wrapper:hover .drag-hint{opacity:1}.drag-pad{position:relative}.drag-pad .cursor-indicator{background:#ffffff80;border-radius:50%;width:10px;height:10px}.drag-pad .drag-handle{cursor:grab;z-index:2;position:absolute}.drag-pad .drag-handle:after{content:"";aspect-ratio:1;background:rgba(var(--panel-active), 1);border-radius:50%;margin:auto;position:absolute;inset:0;transform:scale(1.1)}.drag-pad .drag-handle:hover:after{transform:scale(1.1)}.drag-pad .drag-handle:active{transition:none!important}.drag-pad .drag-handle.active-handle:after{outline:solid 1px rgba(var(--info), 1);outline-offset:-1px}.drag-pad .axis-lock{z-index:1;opacity:0;background:#c8c8c8ac;border-radius:12px;position:absolute}.drag-pad .axis-lock.x-axis-lock,.drag-pad .axis-lock.y-axis-lock{opacity:1}.drag-pad.drag-disable{pointer-events:none;opacity:.5}.drag-pad.is-dragging,.drag-pad.is-dragging .drag-handle{cursor:grabbing!important}.drag-grid-tile{border-radius:inherit;height:100%;display:flex;position:relative;overflow:hidden}.drag-grid-tile .preset-col{flex-direction:column;flex:1;display:flex}.drag-grid-tile .preset-button{cursor:pointer;flex:1;place-items:center;display:grid}.drag-grid-tile .preset-button .tile{background:rgba(var(--primary), .12);width:6px;height:6px;transform:scale(.5);border-radius:50%!important}@media only screen and (min-width:1200px){.drag-grid-tile .preset-button:hover .tile{transform:scale(1.5)}}.mockup-details{outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.mockup-details .row{justify-content:space-between;align-items:center;display:flex}.mockup-details .row span{color:rgba(var(--primary), .36)}.mockup-details .row p{color:rgba(var(--primary), .6)}@media only screen and (min-width:0) and (max-width:800px){.mockup-details{border-radius:12px;gap:8px;padding:16px}}.webm-format{align-items:center;gap:4px;display:inline-flex}.webm-format .info-icon{cursor:help;color:rgba(var(--alert), 1);align-items:center;display:inline-flex;position:relative}.webm-format .info-icon svg{width:14px;height:14px}.webm-format .info-icon .tooltip{display:none}.webm-format .info-icon:hover .tooltip{display:block}.rotate-pad,.rotate-pad .pad{background:rgba(var(--panel-dim), 1);border-radius:50%}.rotate-pad .tick-item{background:rgba(var(--primary), .36)}.rotate-pad .handle{background:rgba(var(--primary), .6)}.rotate-pad .handle-circle{background:rgba(var(--panel-dim), 1);outline:solid 2px rgba(var(--panel-active), 1)}.magic-presets-section{flex-direction:column;gap:8px;margin-bottom:2px;display:flex}.magic-presets-section .magic-pallet-row{gap:6px;padding:0 4px 2px;display:flex}.magic-presets-panel{background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative;overflow:hidden}.magic-presets-panel .magic-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff08 45%,#ffffff0f 50%,#ffffff08 55%,#0000 60%) 0 0/200% 100%;animation:1.2s ease-in-out .3s both magic-shimmer;position:absolute;inset:0}.magic-presets-panel .magic-top-row{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.magic-presets-panel .magic-thumb{border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.magic-presets-panel .magic-thumb .magic-thumb-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.magic-presets-panel .magic-info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.magic-presets-panel .magic-sublabel{color:rgba(var(--primary), .6);opacity:.6}.magic-presets-panel .magic-label{align-items:center;gap:4px;font-weight:600;display:flex}.magic-presets-panel .magic-label svg{width:12px;height:12px;color:rgba(var(--primary), .6);flex-shrink:0}.magic-presets-panel .magic-label span{white-space:nowrap}.magic-presets-panel .magic-count{opacity:.3;flex-shrink:0}.magic-presets-panel .magic-nav-arrows{flex-shrink:0;gap:0;display:flex}.magic-presets-panel .magic-arrow{all:unset;cursor:pointer;width:24px;height:24px;color:rgba(var(--primary), .6);border-radius:6px;justify-content:center;align-items:center;display:flex}.magic-presets-panel .magic-arrow svg{width:12px;height:12px}.magic-presets-panel .magic-arrow:hover{background:rgba(var(--primary), .06);color:rgba(var(--primary), 1)}.magic-presets-panel .magic-arrow:active{transform:scale(.92)}.magic-presets-panel.magic-presets-empty{opacity:.45}.magic-presets-panel.magic-presets-empty .magic-thumb-placeholder{background:rgba(var(--primary), .06);justify-content:center;align-items:center;display:flex}.magic-presets-panel.magic-presets-empty .magic-thumb-placeholder svg{width:14px;height:14px;color:rgba(var(--primary), .36)}.magic-presets-panel.magic-presets-empty .magic-arrow{pointer-events:none}.magic-presets-panel .magic-progress-track{z-index:1;background:rgba(var(--primary), .06);border-radius:2px;height:3px;position:relative;overflow:hidden}.magic-presets-panel .magic-progress-fill{border-radius:2px;height:100%}@keyframes magic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.magic-generating-card{background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.generating-visual{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.magic-gen-thumb{border-radius:3px;flex-shrink:0;position:relative;overflow:hidden}.magic-gen-thumb .magic-gen-thumb-img{width:auto;max-width:48px;height:auto;max-height:36px;display:block}.magic-gen-thumb.magic-active-thumb .magic-gen-thumb-img{max-width:40px;max-height:32px}.generating-label{color:rgba(var(--primary), .6);z-index:2;align-items:center;gap:3px;display:flex}.generating-label svg{width:10px;height:10px}.magic-anim-aurora .aurora-blob{filter:blur(14px);opacity:0;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.magic-anim-aurora .aurora-blob-1{width:40px;height:40px;animation:2.6s ease-in-out both aurora-drift-1;top:5px;left:20%}.magic-anim-aurora .aurora-blob-2{width:35px;height:35px;animation:2.6s ease-in-out .2s both aurora-drift-2;top:15px;right:20%}.magic-anim-aurora .aurora-blob-3{width:38px;height:38px;animation:2.6s ease-in-out .4s both aurora-drift-3;bottom:5px;left:35%}@keyframes aurora-drift-1{0%{opacity:0;transform:translate(0)scale(.8)}20%{opacity:.35}to{opacity:.25;transform:translate(20px,15px)scale(1.3)}}@keyframes aurora-drift-2{0%{opacity:0;transform:translate(0)scale(.7)}25%{opacity:.3}to{opacity:.2;transform:translate(-15px,10px)scale(1.4)}}@keyframes aurora-drift-3{0%{opacity:0;transform:translate(0)scale(.9)}20%{opacity:.3}to{opacity:.2;transform:translate(10px,-12px)scale(1.2)}}.magic-anim-magnetic .magnetic-dots-container{pointer-events:none;z-index:3;position:absolute;inset:0}.magic-anim-magnetic .magnetic-dot{opacity:0;border-radius:50%;width:5px;height:5px;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;position:absolute}.magic-anim-magnetic .magnetic-dot-1{animation:2.6s forwards mag-pull-1;top:8px;left:15px}.magic-anim-magnetic .magnetic-dot-2{animation:2.6s .1s forwards mag-pull-2;top:8px;right:15px}.magic-anim-magnetic .magnetic-dot-3{animation:2.6s .2s forwards mag-pull-3;bottom:10px;left:25px}.magic-anim-magnetic .magnetic-dot-4{animation:2.6s .15s forwards mag-pull-4;bottom:10px;right:25px}.magic-anim-magnetic .magnetic-dot-5{animation:2.6s .25s forwards mag-pull-5;top:50%;right:10px}.magic-anim-magnetic .magnetic-dot-6{animation:2.6s 50ms forwards mag-pull-6;top:50%;left:10px}.magic-anim-magnetic .magnetic-absorb-glow{border-radius:inherit;opacity:0;filter:blur(8px);z-index:-1;animation:1.2s ease-out 1.8s both mag-absorb;position:absolute;inset:-4px}@keyframes mag-pull-1{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(65px,25px)scale(.5)}to{opacity:0;transform:translate(65px,25px)scale(0)}}@keyframes mag-pull-2{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(-65px,25px)scale(.5)}to{opacity:0;transform:translate(-65px,25px)scale(0)}}@keyframes mag-pull-3{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(50px,-20px)scale(.5)}to{opacity:0;transform:translate(50px,-20px)scale(0)}}@keyframes mag-pull-4{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(-50px,-20px)scale(.5)}to{opacity:0;transform:translate(-50px,-20px)scale(0)}}@keyframes mag-pull-5{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(-75px)scale(.5)}to{opacity:0;transform:translate(-75px)scale(0)}}@keyframes mag-pull-6{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:.9}80%{opacity:.5;transform:translate(75px)scale(.5)}to{opacity:0;transform:translate(75px)scale(0)}}@keyframes mag-absorb{0%{opacity:0;transform:scale(.8)}30%{opacity:.4;transform:scale(1.15)}60%{opacity:.25;transform:scale(1.05)}to{opacity:.15;transform:scale(1)}}.frame-layout-control .layout-item{width:108px}.frame-shapes-scene-pack-button .preview img{transform:scale(.8)}.slide-transition-panel-button .preview:before{content:"";background:rgba(var(--panel-dim), .8);border-radius:inherit;z-index:1;position:absolute;inset:0}.slide-transition-panel-button.preview-playing .preview:before,.slide-transition-panel-button.preview-playing .icon{opacity:0}.frame-shapes-scene-picker-button .preview{height:40px;position:relative;aspect-ratio:unset!important}.frame-shapes-scene-picker-button .preview:before{content:"";z-index:0;background:linear-gradient(90deg, transparent 0%, rgba(var(--panel-dim), 1) 70%),linear-gradient(90deg, transparent 0%, rgba(var(--panel-dim), 1) 70%);width:40px;position:absolute;top:0;bottom:0;right:0}.frame-shapes-scene-picker-button .preview svg{width:14px;height:14px;color:rgba(var(--primary), 1);z-index:1;position:absolute;right:12px}.frame-shapes-scene-picker-button .rich-preview{align-items:center;gap:6px;max-width:100%;padding-left:8px;padding-right:15px;display:flex;overflow:hidden}.frame-shapes-scene-picker-button .rich-preview img{width:28px}.frame-shapes-scene-popover .active-shape{padding:0 10px}.frame-shapes-scene-popover .active-shape .list{border-bottom:solid 1px rgba(var(--primary), .06);align-items:center;gap:6px;padding:10px 0;display:flex}@media only screen and (min-width:0) and (max-width:800px){.frame-shapes-scene-popover .active-shape .list{border:none;width:max-content;margin:0 auto}}.frame-shapes-scene-layout-preview{pointer-events:none;z-index:1;width:100%;height:100%;position:relative;overflow:hidden;container:scene-layout-preview-container/size}.frame-shapes-scene-layout-preview .display{place-items:center;width:100%;height:100%;display:grid}@container scene-layout-preview-container not (max-width:0){.frame-shapes-scene-layout-preview .display{font-size:calc(.444444cqw + .444444cqh)}}.frame-shapes-scene-layout-preview .display .preview-wrapper{aspect-ratio:5/4;height:55%;position:relative}.frame-shapes-scene-layout-preview .display .preview-wrapper .item-card{background:linear-gradient(135deg, rgba(var(--panel-active), 1), rgba(var(--panel), 1));outline:solid 1em rgba(var(--primary), .06);outline-offset:-1px;border-radius:7em;position:absolute;inset:0}.frame-shapes-scene-layout-preview .display .preview-wrapper .shape-scene-object{width:30em;height:auto}.frame-background-effects-panel-button-preview{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.frame-background-effects-panel-button-preview .noise-preview{mix-blend-mode:overlay;z-index:2;background-repeat:repeat;position:absolute;inset:0;background-size:600%!important}.frame-background-effects-panel-button-preview .blur-preview{z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.custom-back-btn .icon{width:24px!important;height:24px!important;color:rgba(var(--primary), 1)!important}.custom-back-btn .color-picker-preview{outline:solid 1px rgba(var(--primary), .12);outline-offset:-1px;border-radius:50%;width:24px;height:24px}.custom-back-btn .image-picker-preview{outline:solid 1px rgba(var(--primary), .12);outline-offset:-1px;border-radius:6px;width:60%;height:60%;overflow:hidden}.custom-back-btn .image-picker-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media only screen and (min-width:0) and (max-width:800px){.custom-back-btn>.preview{aspect-ratio:4/3!important}}.custom-color-recent{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.custom-color-recent li{aspect-ratio:1;cursor:pointer;border-radius:50%;width:100%}.custom-image-recent{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.custom-image-recent li{aspect-ratio:3/2;cursor:pointer;border-radius:8px;overflow:hidden}.custom-image-recent li img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.magic-backs-title{z-index:1;align-items:center;gap:4px;display:flex}.magic-backs-title svg{width:14px;height:14px}.magic-backs-empty-state{z-index:0;position:relative}.magic-backs-empty-state .empty-state{margin-top:-28px;display:flex}.magic-backs-empty-state .empty-state .footnote{color:rgba(var(--primary), .6);flex:1;margin-top:26px;font-size:10px}.magic-backs-empty-state .empty-state .previews{flex-direction:column;padding:0 0 10px 8px;display:flex}.magic-backs-empty-state .empty-state .previews .preview-image{aspect-ratio:4/3;background:rgba(var(--panel-dim), 1);-o-object-fit:cover;object-fit:cover;outline:solid 1px rgba(var(--background), .8);outline-offset:-1px;border-radius:8px;width:56px;box-shadow:0 2px 4px #0009}.magic-backs-empty-state .empty-state .previews .preview-image:first-child{margin-top:-4px;transform:rotate(-5deg)translate(-5px)}.magic-backs-empty-state .empty-state .previews .preview-image:nth-child(2){margin-top:-18px;transform:rotate(5deg)}@media only screen and (min-width:1200px){.magic-backs-empty-state .empty-state .previews:hover .preview-image:first-child{transform:rotate(-7deg)translate(-20px,-5px)scale(1.2)}.magic-backs-empty-state .empty-state .previews:hover .preview-image:nth-child(2){transform:rotate(7deg)translate(5px,5px)scale(1.2)}}@media only screen and (min-width:0) and (max-width:800px){.magic-backs-empty-state .empty-state{flex-direction:column-reverse;align-items:center;gap:16px;margin-top:0;padding-bottom:8px}.magic-backs-empty-state .empty-state .footnote{letter-spacing:-.2px;text-align:center;margin-top:0;font:500 14px/18px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.magic-backs-empty-state .empty-state .footnote{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.magic-backs-empty-state .empty-state .previews{flex-direction:row;align-items:center;padding:0;display:flex}.magic-backs-empty-state .empty-state .previews .preview-image{border-radius:12px;width:80px}.magic-backs-empty-state .empty-state .previews .preview-image:first-child{transform:rotate(-7deg)translate(10px,-10px)}.magic-backs-empty-state .empty-state .previews .preview-image:nth-child(2){transform:rotate(7deg)translate(-10px,10px)}}.magic-backs-empty-state .loading-state{text-align:center;flex-direction:column;gap:4px;display:flex}.magic-backs-empty-state .loading-state .h6{text-wrap:balance}.magic-backs-empty-state .loading-state .graphic{justify-content:center;align-items:center;gap:16px;height:80px;display:flex}.magic-backs-empty-state .loading-state .graphic .loading-item{position:relative}.magic-backs-empty-state .loading-state .graphic .loading-item img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:rgba(var(--panel), 1);border-radius:8px;width:56px;box-shadow:0 2px 4px #0009}.magic-backs-empty-state .loading-state .graphic .loading-item .pallet{border-radius:4px;width:56px;height:16px;display:flex;position:absolute;bottom:-4px;left:8px;overflow:hidden;transform:rotate(-8deg);box-shadow:0 2px 4px #0009}.magic-backs-empty-state .loading-state .graphic .loading-item .pallet div{flex:1;height:100%}.magic-backs-empty-state .loading-state .graphic .loading-item .effect{z-index:-1;border-radius:10px;position:absolute;inset:-2px;overflow:hidden}.magic-backs-empty-state .loading-state .graphic .loading-item .effect div{background:conic-gradient(from 180deg at 50% 50%, rgba(var(--panel), 1) 0deg, #fffc 180deg, rgba(var(--panel), 1) 360deg);background:conic-gradient(from 180deg at 50% 50.28%, transparent -133.13deg, transparent 131.25deg, rgba(var(--primary), 1) 178.12deg, transparent 226.87deg, transparent 491.25deg);animation:1s linear infinite generateAnim;position:absolute;inset:-40%}@keyframes generateAnim{to{transform:rotate(360deg)}}.magic-backs-empty-state .visual{z-index:-1;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:-24px;display:grid;position:relative}.magic-backs-empty-state .visual div{aspect-ratio:4/3;background:rgba(var(--primary), .06);border-radius:8px}.magic-backs-empty-state .visual:before{content:"";background:linear-gradient(180deg, rgba(var(--panel), 1) 0%, transparent 100%);z-index:1;position:absolute;inset:0}@media only screen and (min-width:0) and (max-width:800px){.magic-backs-empty-state .visual{display:none;overflow:hidden}.magic-backs-empty-state .visual div{aspect-ratio:2/3;min-width:52px}.magic-backs-empty-state .visual:before{background:linear-gradient(-90deg, rgba(var(--background), 1) 0%, transparent 40%),linear-gradient(90deg, rgba(var(--background), 1) 0%, transparent 40%)}}.magic-backs-empty-state.is-empty .visual{position:absolute;bottom:0;left:0;right:0}.magic-backs-empty-state.is-loading .visual div{background:rgba(var(--primary), .12);border-color:rgba(var(--primary), .12);opacity:0;animation:.8s linear infinite alternate visualAnim}.magic-backs-empty-state.is-loading .visual div:first-child{animation-delay:.1s}.magic-backs-empty-state.is-loading .visual div:nth-child(2){animation-delay:.2s}.magic-backs-empty-state.is-loading .visual div:nth-child(3){animation-delay:.3s}.magic-backs-empty-state.is-loading .visual div:nth-child(4){animation-delay:.4s}.magic-backs-empty-state.is-loading .visual div:nth-child(5){animation-delay:.5s}.magic-backs-empty-state.is-loading .visual div:nth-child(6){animation-delay:.6s}.magic-backs-empty-state.is-loading .visual div:nth-child(7){animation-delay:.7s}.magic-backs-empty-state.is-loading .visual div:nth-child(8){animation-delay:.8s}@keyframes visualAnim{to{opacity:1}}.unsplash-control-modal .v-stack{height:100%;transform:translate(0,0)}.unsplash-control-modal .unsplash-control .search-bar{padding:16px}.unsplash-control-popover .v-stack{height:100%;transform:translate(0,0)}.unsplash-control-popover .unsplash-control .search-bar{padding:12px}.unsplash-control{flex-direction:column;gap:12px;height:100%;display:flex;position:relative}.unsplash-control .search-bar{z-index:10;background:linear-gradient(rgba(var(--panel), 1) 50%, transparent 100%),linear-gradient(rgba(var(--panel), 1) 50%, transparent 100%);gap:4px;display:flex;position:fixed;top:0;left:0;right:0}.unsplash-control .search-bar .ui-text-input{flex:1}.unsplash-control .initial-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.unsplash-control .initial-state>svg{width:50%;color:rgba(var(--primary), .12);margin:32px 0}.unsplash-control .initial-state .suggest-buttons{flex-flow:wrap;justify-content:center;gap:8px;display:flex}.mesh-display{border-radius:inherit;width:100%;height:100%;overflow:hidden}.mesh-display:after{content:"";z-index:1;-webkit-backdrop-filter:blur(6em);backdrop-filter:blur(6em);will-change:backdrop-filter;border-radius:inherit;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.mesh-display>div{width:100%;height:100%}.background-item{cursor:pointer;width:100%;position:relative;overflow:visible}.background-item:hover{background:0 0}.background-item:hover .link-label{visibility:visible;opacity:1}.background-item .link-label{inset:3px;top:unset;z-index:1;text-align:left;background:rgba(var(--background), .8);color:rgba(var(--primary), 1);visibility:hidden;opacity:0;border-radius:4px;padding:2px 4px;font-size:8px;position:absolute}.background-item .display{width:100%;height:100%;position:relative;overflow:hidden}.background-item .display>div{width:100%;height:100%}.background-item .display>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.background-item .display:after{content:"";box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .12);border-radius:inherit;z-index:3;position:absolute;inset:0}.background-item .shuffle-button{z-index:10;background:rgba(var(--secondary), .3);width:100%;position:absolute;inset:0}.magic-unsplash-display{position:absolute;inset:0;overflow:hidden}.magic-unsplash-display img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:scale(1.1)}.magic-unsplash-display:after{content:"";background:inherit;z-index:1;-webkit-backdrop-filter:blur(10em);backdrop-filter:blur(10em);will-change:backdrop-filter;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.magic-image-display{position:absolute;inset:0;overflow:hidden}.magic-image-display img{-o-object-fit:cover;object-fit:cover;filter:blur(10em);width:100%;height:100%;transform:scale(1.2)}.magic-image-display:after{content:"";background:inherit;z-index:1;opacity:.5;position:absolute;inset:0}.magic-image-display.style-1:after{display:none}.magic-image-display.style-2:after{mix-blend-mode:overlay;opacity:.5}.magic-pallet-customize{flex-direction:column;gap:6px;margin-bottom:8px;display:flex;position:relative}.magic-pallet-customize>span{text-align:center;color:rgba(var(--primary), .36);letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.magic-pallet-customize>span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.magic-pallet-customize .pallet-colors{background:rgba(var(--panel-dim), 1);border-radius:8px;gap:3px;padding:3px;display:flex}.magic-pallet-customize .pallet-colors .pallet-color-item{cursor:pointer;border-radius:5px;flex:1;height:28px;position:relative;overflow:hidden}@media only screen and (min-width:1200px){.magic-pallet-customize .pallet-colors .pallet-color-item:hover .icon-overlay{background:#0000004d}.magic-pallet-customize .pallet-colors .pallet-color-item:hover .icon-overlay svg{opacity:1}}.magic-pallet-customize .pallet-colors .pallet-color-item:active .icon-overlay svg{transition:inherit;transform:scale(.7)}.magic-pallet-customize .pallet-colors .pallet-color-item .color-layer,.magic-pallet-customize .pallet-colors .pallet-color-item .icon-overlay,.magic-pallet-customize .pallet-colors .pallet-color-item:after{transition:inherit;position:absolute;inset:0}.magic-pallet-customize .pallet-colors .pallet-color-item .color-layer{z-index:0}.magic-pallet-customize .pallet-colors .pallet-color-item .icon-overlay{z-index:1;place-items:center;display:grid}.magic-pallet-customize .pallet-colors .pallet-color-item .icon-overlay svg{color:#ffffffb3;opacity:0;width:15px;height:15px}.magic-pallet-customize .pallet-colors .pallet-color-item:after{content:"";box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .12);border-radius:inherit;z-index:3}.magic-pallet-customize .pallet-colors .pallet-color-item.pallet-color-disabled{transform:scaleY(.8)scaleX(.9)}.magic-pallet-customize .pallet-colors .pallet-color-item.pallet-color-disabled .color-layer{opacity:.4}.magic-pallet-customize .pallet-colors .pallet-color-item.pallet-color-disabled .icon-overlay{background:rgba(var(--primary), .06)}.magic-pallet-customize .pallet-colors .pallet-color-item.pallet-color-disabled .icon-overlay svg{transform:rotate(-135deg)}.magic-pallet-customize .pallet-colors .pallet-color-item.pallet-color-disabled:active .icon-overlay svg{transition:inherit;transform:scale(.7)rotate(-135deg)}@media only screen and (min-width:0) and (max-width:800px){.magic-pallet-customize{border-bottom:solid 1px rgba(var(--primary), .06);padding-bottom:10px}.magic-pallet-customize .pallet-colors{border-radius:14px;gap:4px;padding:4px}.magic-pallet-customize .pallet-colors .pallet-color-item{border-radius:5px;height:32px}.magic-pallet-customize .pallet-colors .pallet-color-item:first-child{border-radius:10px 5px 5px 10px}.magic-pallet-customize .pallet-colors .pallet-color-item:last-child{border-radius:5px 10px 10px 5px}}.magic-media-picker{flex-wrap:wrap;flex:1;gap:4px;display:flex}@media only screen and (min-width:0) and (max-width:800px){.magic-media-picker{justify-content:center;padding-right:0}}.magic-media-picker .magic-media-item{transform-origin:0;cursor:pointer;border-radius:3px;min-width:max-content;padding:4px;position:relative}@media only screen and (min-width:1200px){.magic-media-picker .magic-media-item:hover{z-index:5;transform:scale(2.2)}.magic-media-picker .magic-media-item:hover .colors-wrapper{outline-offset:1.5px;box-shadow:0 0 12px 6px rgba(var(--panel-dim), 1);outline-width:1px!important}.magic-media-picker .magic-media-item:hover .src-image{visibility:visible;opacity:1}}.magic-media-picker .magic-media-item .video-wrapper{border-radius:inherit;width:40px;height:10px;transition:inherit;display:flex;position:relative;overflow:hidden}.magic-media-picker .magic-media-item .video-wrapper:after{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(4px)saturate(200%);backdrop-filter:blur(4px)saturate(200%);box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .12);position:absolute;inset:0}.magic-media-picker .magic-media-item .colors-wrapper{border-radius:inherit;transition:inherit;display:flex;position:relative;overflow:hidden}.magic-media-picker .magic-media-item .colors-wrapper:after{content:"";border-radius:inherit;box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .12);position:absolute;inset:0}.magic-media-picker .magic-media-item .colors-wrapper .pallet-color{aspect-ratio:4/5;min-width:8px}.magic-media-picker .magic-media-item .src-image{visibility:hidden;opacity:0;pointer-events:none;z-index:1;border-radius:3px;width:28px;margin:0 auto;transition:inherit;position:absolute;bottom:110%;left:0;right:0;overflow:hidden}.magic-media-picker .magic-media-item .src-image img,.magic-media-picker .magic-media-item .src-image video{width:100%}.magic-media-picker .magic-media-item.compact{padding:0}@media only screen and (min-width:1200px){.magic-media-picker .magic-media-item.compact:hover{z-index:auto;transform:none}.magic-media-picker .magic-media-item.compact:hover .src-image{visibility:hidden;opacity:0}}.backpack{flex-direction:column;gap:6px;display:flex}.backpack .title{align-items:center;gap:6px;display:flex;position:relative}.backpack .credit-label{color:rgba(var(--primary), .36);align-items:center;gap:1px;margin-left:auto;display:flex}.backpack .credit-label span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.backpack .credit-label span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.backpack .credit-label svg{width:14px;height:14px}.backpack .backpack-colors-list{--aspect-ratio:5 / 4;--border-radius:10px}.backpack .backpack-colors-list>*{aspect-ratio:var(--aspect-ratio)!important}.backpack .backpack-colors-list .display{border-radius:var(--border-radius)}.backpack .backpack-colors-list .expand-button{aspect-ratio:var(--aspect-ratio);border-radius:var(--border-radius);cursor:pointer;place-items:center;transition:all .3s;display:grid;position:relative}.backpack .backpack-colors-list .expand-button svg{color:#ffffffb3;z-index:2;width:14px;height:14px;transition:inherit}.backpack .backpack-colors-list .expand-button .items-preview{transition:inherit;position:absolute;inset:0}.backpack .backpack-colors-list .expand-button .background-item{aspect-ratio:inherit;pointer-events:none;transition:inherit;position:absolute;inset:0}.backpack .backpack-colors-list .expand-button .background-item .plus-badge-wrapper{display:none!important}.backpack .backpack-colors-list .expand-button .background-item .display{outline:none!important}.backpack .backpack-colors-list .expand-button .background-item .display:before{content:"";border-radius:inherit;z-index:1;background:#14141466;position:absolute;inset:0}.backpack .backpack-colors-list .expand-button .background-item:first-child{transform:scale(.85)rotate(5deg)}.backpack .backpack-colors-list .expand-button .background-item:nth-child(2){z-index:-1;opacity:.4;transform:scale(.9)rotate(-8deg)}.backpack .backpack-colors-list .expand-button:hover .background-item:first-child{transform:scale(.9)rotate(10deg)}.backpack .backpack-colors-list .expand-button:hover .background-item:nth-child(2){z-index:-1;opacity:.4;transform:scale(.95)rotate(-14deg)}.backpack .backpack-colors-list .expand-button.is-expanded{background:rgba(var(--panel-dim), 1)}.backpack .backpack-colors-list .expand-button.is-expanded svg{transform:rotate(180deg)}.backpack .backpack-colors-list .expand-button.is-expanded .items-preview{opacity:0;transform:scale(.7)}.watermark-icon-button .preview-image{padding:8px;position:absolute;inset:0}.watermark-icon-button .preview-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.watermark-icon-button svg{z-index:1}.watermark-color-list{gap:8px;display:flex}.watermark-color-list .watermark-color-button{aspect-ratio:1;width:28px}.watermark-color-list .watermark-color-button .color-display{border-radius:inherit;outline-offset:-1px;outline:1px solid #6464644d;position:absolute;inset:0}.custom-watermark-layout-control .custom-watermark-display{z-index:1;place-items:center;width:100%;height:100%;font-size:.45em;display:grid}.watermark-content-control{gap:6px;display:flex}.watermark-content-control .watermark-icon-button{width:38px}.watermark-content-control .ui-text-input{flex:1}.watermark-panel-button .custom-watermark-display{place-items:center;font-size:.3em;display:grid}.watermark-position-display{position:absolute;inset:4px}.watermark-position-display div{aspect-ratio:1;z-index:1;background:rgba(var(--panel-active), 1);border-radius:7px;width:45%}.watermark-size-display{place-items:center;width:100%;height:100%;display:grid}.portrait-panel-button-preview{z-index:2;position:absolute;inset:0}.portrait-panel-button-preview.default-mode{background:#ddd}.portrait-panel-button-preview.default-mode .label-wrapper>*{color:#000!important}.portrait-panel-button-preview.stage-mode{background:#000}.portrait-panel-button-preview.stage-mode .label-wrapper>*{color:#fff!important}.portrait-panel-button-preview .preview-lens-effect{z-index:2;border-radius:inherit;position:absolute;inset:3px}.scene-popover-header{z-index:-1;align-items:flex-end;gap:6px;height:48px;display:flex;position:relative}.scene-popover-header svg{z-index:2;width:24px;height:24px}.scene-popover-header span{z-index:2;letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.scene-popover-header span{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.scene-popover-header img{-o-object-fit:cover;object-fit:cover;opacity:.7}.scene-popover-header:after{content:"";background:linear-gradient(0deg, rgba(var(--panel), 1) 10%, transparent 70%),linear-gradient(15deg, rgba(var(--panel), 1) 10%, transparent 70%);z-index:1}.scene-popover-header img,.scene-popover-header:after{width:calc(100% + 24px);height:calc(100% + 52px);position:absolute;top:-12px;left:-12px}.timeline-toolbar-wrapper{z-index:150;justify-content:center;width:100px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px) and (max-width:1200px){.timeline-toolbar-wrapper{left:229px}}.done-toolbar{z-index:151;justify-content:center;width:100px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.slide-toolbar-hover-area{border-radius:999px;justify-content:center;align-items:center;gap:9px;width:max-content;padding:18px;display:flex}.slide-toolbar-hover-area.not-animated{max-width:calc(100vw - 652px)}.slide-toolbar-hover-area.is-animated{max-width:calc(100vw - 220px)}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px){.slide-toolbar-hover-area.is-animated{max-width:calc(100vw - 458px)}}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px) and (max-width:1200px){.slide-toolbar-hover-area.is-animated{max-width:calc(100vw - 229px)}}.slides-toolbar{background:rgba(var(--panel-dim), 1);align-items:center;display:flex;position:relative;overflow:hidden}.widget-tabs{border-radius:100px;align-items:center;width:100%;padding:4px;display:flex}.widget-panel-header{align-items:center;width:100%;display:flex}.widget-panel-header .widget-info{flex:1;align-items:center;gap:6px;padding:6px 4px;display:flex}.widget-panel-header .widget-info svg{width:22px;height:22px}.widget-panel-header .widget-info .texts{flex-direction:column;display:flex}.widget-panel-header .widget-info .texts>p{color:rgba(var(--primary), .6);letter-spacing:-.2px;font:11px/14px Inter,sans-serif;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.widget-panel-header .widget-info .texts>p{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.widget-simple-button{flex-direction:column!important;gap:0!important;padding:4px!important}.widget-simple-button svg{width:22px;height:22px;transition:inherit}.widget-simple-button span{letter-spacing:-.2px;font:11px/14px Inter,sans-serif;transition:inherit;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.widget-simple-button span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.widget-simple-button .active-indicator{background:rgba(var(--primary), .12);margin:0 -2px}.widget-simple-button:not(.true-active) svg,.widget-simple-button:not(.true-active) span{color:rgba(var(--primary), .36)}.frame-widget-tab svg{color:rgba(var(--frame-accent), 1)}.mockup-widget-tab svg,.animation-widget-tab svg{color:rgba(var(--mockup-accent), 1)}.text-widget-tab svg{color:rgba(var(--text-accent), 1)}.audio-widget-tab svg{color:rgba(var(--audio-accent), 1)}.template-button{margin:0 10px;padding:4px!important}.widget-item{cursor:pointer;z-index:3;flex-direction:column;gap:4px;width:52px;height:44px;margin-bottom:-4px;padding:0 8px;display:flex;position:relative}.widget-item .preview{transform-origin:bottom;filter:drop-shadow(0 1.5px 4px #0000004d);flex:1;justify-content:center;align-items:center;transition:inherit;display:flex;overflow:hidden}.widget-item .preview img{-o-object-fit:contain;object-fit:contain;width:90%;height:90%}.widget-item>span{text-align:center;color:rgba(var(--primary), .36);letter-spacing:-.2px;font:11px/14px Inter,sans-serif;transition:inherit}@media only screen and (min-width:0) and (max-width:800px){.widget-item>span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.widget-item:not(.is-active) .preview{transform:scale(1.2)}.widget-item.is-active .preview{transform:scale(2)}.widget-item.is-active>span{color:rgba(var(--primary), 1)}.frame-widget-item-preview{aspect-ratio:4/3;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%) 50%/200%;border-radius:4px;height:75%}.text-widget-item-preview{aspect-ratio:4/5;background:rgba(var(--panel-active), 1);border-radius:4px;place-items:center;height:100%;display:grid}.text-widget-item-preview svg{width:60%;height:60%}body.is-reordering-slides,body.is-reordering-slides *{cursor:grabbing!important}body.is-reordering-slides .slide-item{will-change:transform}body.is-reordering-slides .slide-item .slide-item-menu-button{opacity:0;visibility:hidden}.new-slide-button{color:rgba(var(--primary), .6);background:rgba(var(--modal), .7);z-index:10;corner-shape:var(--squircle)!important;border-radius:14px!important}.templates-sheet{corner-shape:var(--squircle);background:rgba(var(--panel-dim), .9);border-radius:32px!important;margin:0 auto!important}.slide-item{cursor:pointer;corner-shape:var(--squircle);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.slide-item:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;corner-shape:inherit;outline:solid 1.5px rgba(var(--primary), .5);outline-offset:-1.5px;opacity:0;position:absolute;inset:0}.slide-item.is-active:after{opacity:1}.slide-item.is-active .slide-item-menu-button{opacity:1;visibility:visible}.slide-item .slide-item-preview-wrapper{border-radius:inherit;corner-shape:inherit;place-items:center;display:grid;overflow:hidden}.slide-item .slide-item-preview-wrapper:after{border-color:rgba(var(--primary), .1)}.slide-item .slide-item-preview-wrapper>.layout-item{position:absolute;border-radius:0!important}.slide-item .slide-item-menu-button{opacity:0;visibility:hidden;z-index:5;border-radius:inherit;corner-shape:inherit;background:rgba(var(--panel-dim), .3);position:absolute;inset:0}.create-animation-button{outline:solid 1px rgba(var(--panel-dim), 1);z-index:1;background:rgba(var(--modal), .7);height:44px;position:relative}.create-animation-button svg{transform:scale(1.1)}.create-animation-button svg,.create-animation-button span{z-index:2}.create-animation-button .gradient-effect-wrapper,.create-animation-button .light-backdrop{z-index:-1;border-radius:inherit;place-items:center;transition:inherit;display:grid;position:absolute;inset:0;overflow:hidden}.create-animation-button .gradient-effect-wrapper.light-backdrop,.create-animation-button .light-backdrop.light-backdrop{z-index:1;inset:-3px}.create-animation-button .gradient-effect-wrapper .gradient-effect,.create-animation-button .light-backdrop .gradient-effect{aspect-ratio:1;opacity:0;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);width:150%;transition:inherit;position:absolute}.create-animation-button .gradient-effect-wrapper .light-effect,.create-animation-button .light-backdrop .light-effect{aspect-ratio:1;background:linear-gradient(rgba(var(--secondary), .5) 0%, transparent 100%);opacity:0;width:105%;transition:inherit;position:absolute}.create-animation-button:hover,.create-animation-button.is-glowing{color:#fff}.create-animation-button:hover .light-effect,.create-animation-button:hover .gradient-effect,.create-animation-button.is-glowing .light-effect,.create-animation-button.is-glowing .gradient-effect{animation:1.5s linear infinite gradientEffect;opacity:1!important}.create-animation-button:hover svg,.create-animation-button.is-glowing svg{animation:1.5s infinite animationIcon}@keyframes animationIcon{50%{transform:scale(1.3)scaleX(1.1)}}.text-preset-preview{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.text-preset-preview .text-widget{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:20px!important;font-size:5px!important;top:0!important;left:0!important}.text-preset-preview .text-widget *{pointer-events:none!important}.text-element-item-button .preview{aspect-ratio:unset!important;min-height:max-content!important;max-height:max-content!important}.text-element-item-button.true-active .preview:after{background:0 0!important}.text-element-item-preview{width:100%;height:auto;position:relative;overflow:hidden;padding:12px!important}.text-element-item-preview .text-element-display{text-align:left;width:100%;height:auto;font-size:5px}.text-controls .text-variants .panel-button .preview{aspect-ratio:1}.text-controls .text-variants .panel-button .preview .texts-display{text-align:left;flex-direction:column;justify-content:center;gap:5px;padding:10px;display:flex;position:absolute;inset:0;overflow:hidden;font-size:.63px!important}.text-controls .text-variants .panel-button .preview .texts-display .hide{visibility:hidden}.text-controls .text-variants .panel-button .preview:before{content:"";background:linear-gradient(to left, rgba(var(--panel-dim), 1) 0%, transparent 40%);z-index:1;position:absolute;inset:0}.text-controls .text-styles .panel-button .preview{aspect-ratio:5/4}.text-controls .text-styles .panel-button .preview .texts-display{place-items:center;display:grid;position:absolute;inset:0}.text-controls .text-layout-controls{background:rgba(var(--panel-dim), 1);border-radius:8px;flex-direction:column;padding:4px;display:flex}.text-controls .text-layout-controls .control-group{display:flex}.text-controls .text-layout-controls .control-group .control-button{border-radius:6px;flex:1;align-items:flex-start;gap:4px;padding:6px;flex-direction:column!important}.text-controls .text-layout-controls .control-group .control-button:nth-child(2){align-items:center}.text-controls .text-layout-controls .control-group .control-button:nth-child(3){align-items:flex-end}.text-controls .text-layout-controls .control-group .control-button div{background:rgba(var(--primary), .36);border-radius:2px;order:2;width:12px;height:3px}.text-controls .text-layout-controls .control-group .control-button div:nth-child(2){width:24px}.text-controls .text-layout-controls .control-group .control-button span{order:1;line-height:16px}.text-controls .text-layout-controls .top,.text-controls .text-layout-controls .center,.text-controls .text-layout-controls .bottom{display:flex}.text-controls .text-layout-controls .top,.text-controls .text-layout-controls .bottom{padding:0 42px}.text-controls .text-layout-controls .top .control-group,.text-controls .text-layout-controls .bottom .control-group{flex:1}.text-controls .text-layout-controls .center{align-items:center}.text-controls .text-layout-controls .center .control-group{flex-direction:column}.text-controls .text-layout-controls .center .control-group:first-child .control-button{align-items:flex-start}.text-controls .text-layout-controls .center .control-group:nth-child(3) .control-button{align-items:flex-end}.text-controls .text-layout-controls .center .control-group .control-button{width:42px}.text-controls .text-layout-controls .center .control-group .control-button:nth-child(2) span{order:2}.text-controls .text-layout-controls .center .control-group .control-button:nth-child(3) span{order:3}.text-controls .text-layout-controls .center .mockup-icon{color:rgba(var(--primary), .1);flex:1;padding:0 12px}.text-controls .text-layout-controls .center .mockup-icon svg{width:100%;height:100%}.text-controls .text-layout-controls .bottom .control-button{flex-direction:column-reverse!important}.text-controls .adaptive-text-color-button{background:rgba(var(--primary), .06);aspect-ratio:16/9;width:100%;position:relative}.text-controls .adaptive-text-color-button .background-display{position:absolute;inset:0;transform:scale(2)}.text-controls .adaptive-text-color-button .background-display .frame-background-display{width:100%;height:100%;position:absolute;top:0;left:0}.text-controls .adaptive-text-color-button .background-display .frame-background-display .frame-background{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.text-controls .adaptive-text-color-button .texts-display{align-items:center;padding-left:12px;display:flex;position:absolute;inset:0;overflow:hidden}.text-controls .adaptive-text-color-button .texts-display div{text-transform:capitalize;font-weight:600}.backpack-colors-list{display:grid}.backpack-colors-list.text-magic-list{flex-wrap:wrap;gap:7px;display:flex}.backpack-colors-list.text-magic-list>*{flex-basis:calc(16.6667% - 5.83333px);order:6}.backpack-colors-list.text-magic-list>:first-child{order:0}.backpack-colors-list.text-magic-list>:nth-child(2){order:1}.backpack-colors-list.text-magic-list>:nth-child(3){order:2}.backpack-colors-list.text-magic-list>:nth-child(4){order:3}.backpack-colors-list.text-magic-list>:nth-child(5){order:4}.backpack-colors-list.text-magic-list .expand-btn{aspect-ratio:4/3;border-radius:9px;order:5!important}.backpack-colors-list.text-magic-list .text-color-item{aspect-ratio:1}.backpack-colors-list.text-magic-combo-list{flex-wrap:wrap;gap:7px;display:flex}.backpack-colors-list.text-magic-combo-list>*{flex-basis:calc(33.3333% - 4.66667px);order:3}.backpack-colors-list.text-magic-combo-list>:first-child{order:0}.backpack-colors-list.text-magic-combo-list>:nth-child(2){order:1}.backpack-colors-list.text-magic-combo-list .expand-btn{aspect-ratio:9/4;border-radius:9px;order:2!important}.backpack-colors-list.text-magic-combo-list .combo-item{aspect-ratio:9/4;border-radius:9px;gap:1.5px}.backpack-colors-list.text-magic-combo-list .combo-item .display{border-radius:1.5px}.backpack-colors-list.text-magic-combo-list .combo-item .display.display:first-child{border-radius:9px 1.5px 1.5px 9px}.backpack-colors-list.text-magic-combo-list .combo-item .display.display:last-child{border-radius:1.5px 9px 9px 1.5px}.backpack-colors-list.text-solid-list{grid-template-columns:repeat(6,1fr);gap:7px}.backpack-colors-list.text-solid-list .text-color-item{aspect-ratio:1}.backpack-colors-list.gradient-list{grid-template-columns:repeat(3,1fr);gap:7px}.backpack-colors-list.gradient-list .text-color-item{aspect-ratio:2}.backpack-colors-list.combo-list{grid-template-columns:repeat(3,1fr);gap:8px}.backpack-colors-list.combo-list .combo-item{aspect-ratio:9/4;border-radius:9px;gap:1.5px}.backpack-colors-list.combo-list .combo-item .display{border-radius:1.5px}.backpack-colors-list.combo-list .combo-item .display.display:first-child{border-radius:9px 1.5px 1.5px 9px}.backpack-colors-list.combo-list .combo-item .display.display:last-child{border-radius:1.5px 9px 9px 1.5px}.smart-solid-item,.smart-gradient-item,.gradient-item,.text-color-item,.combo-item{width:100%;position:relative}.smart-solid-item .label,.smart-gradient-item .label,.gradient-item .label,.text-color-item .label,.combo-item .label{z-index:1;font-size:9px;position:absolute;top:3px;left:5px}.smart-solid-item .display,.smart-gradient-item .display,.gradient-item .display,.text-color-item .display,.combo-item .display{width:100%;height:100%;position:relative;overflow:hidden}.smart-solid-item .display>div,.smart-gradient-item .display>div,.gradient-item .display>div,.text-color-item .display>div,.combo-item .display>div{width:100%;height:100%}.smart-solid-item .display:after,.smart-gradient-item .display:after,.gradient-item .display:after,.text-color-item .display:after,.combo-item .display:after{content:"";box-shadow:inset 0px 0px 0px 1px rgba(var(--primary), .12);border-radius:inherit;z-index:3;position:absolute;inset:0}.smart-solid-item.text-color-item .display,.smart-gradient-item.text-color-item .display,.gradient-item.text-color-item .display,.text-color-item.text-color-item .display,.combo-item.text-color-item .display{border-radius:9px}.text-font-picker .text-item,.text-elements .text-item{display:none;position:relative}.text-font-picker.variant-7 .text-item:first-child,.text-elements.variant-7 .text-item:first-child{display:initial;position:relative;margin-bottom:.6em!important}.text-font-picker.variant-7 .text-item:first-child:after,.text-elements.variant-7 .text-item:first-child:after{content:"";background-color:var(--dynamic-color);opacity:.225;z-index:-1;border-radius:25px;width:calc(100% + 1.3em);height:calc(100% + .5em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-font-picker.variant-7 .text-item:nth-child(2),.text-elements.variant-7 .text-item:nth-child(2){display:initial}.text-font-picker.variant-8 .text-item:first-child,.text-elements.variant-8 .text-item:first-child{display:initial;position:relative;margin-bottom:.6em!important}.text-font-picker.variant-8 .text-item:first-child:after,.text-elements.variant-8 .text-item:first-child:after{content:"";z-index:-1;border:.05em solid var(--dynamic-color);border-radius:25px;width:calc(100% + 1.3em);height:calc(100% + .5em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-font-picker.variant-8 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2){display:initial}.text-adaptive-exclusion{mix-blend-mode:exclusion}.text-adaptive-exclusion .text-item{color:#fff!important}.text-adaptive-blend{mix-blend-mode:luminosity;filter:brightness(3)contrast(200%)sepia(200%)contrast(90%)saturate(200%)}.text-adaptive-blend .text-item{color:#878787c9!important}.text-adaptive-burn{mix-blend-mode:color-burn;filter:brightness(2)contrast(200%)sepia(200%)contrast(90%)saturate(130%)}.text-adaptive-burn .text-item{color:#171717!important}.text-adaptive-overlay{mix-blend-mode:overlay}.text-adaptive-overlay .text-item{color:#2e2e2e!important}.text-adaptive-luminosity{mix-blend-mode:luminosity;filter:brightness(.4)contrast(200%)sepia()contrast(0%)}.text-adaptive-luminosity .text-item{color:gray!important}.text-adaptive-difference{mix-blend-mode:difference;filter:brightness(1.1)contrast(1.1)}.text-adaptive-difference .text-item{color:#a3a3a3!important}.text-adaptive-overlaylight{mix-blend-mode:overlay}.text-adaptive-overlaylight .text-item{color:#fff!important}.text-adaptive-overlaydark{mix-blend-mode:overlay}.text-adaptive-overlaydark .text-item{color:#000!important}.text-adaptive-difference2{mix-blend-mode:difference;filter:brightness(.1)contrast(.1)}.text-adaptive-difference2 .text-item{color:gray!important}.text-adaptive-difference3{mix-blend-mode:difference;filter:drop-shadow(0 1em 1em #960000)}.text-adaptive-difference3 .text-item{color:red!important}.text-adaptive-difference4{mix-blend-mode:difference;filter:blur(.05em)drop-shadow(0 0 1em #009600)}.text-adaptive-difference4 .text-item{color:green!important}.text-adaptive-difference5{mix-blend-mode:difference;filter:blur(.05em)drop-shadow(0 0 1em #009600)}.text-adaptive-difference5 .text-item{color:#ff0!important}.welcome-container{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-modal{--back-color:rgba(var(--panel), 1);border-radius:24px;width:calc(100vw - 16px);max-width:1000px;height:100%;max-height:calc(100vh - 16px);position:relative;overflow:hidden;box-shadow:0 16px 32px #0000003d;background:var(--back-color)!important}.welcome-modal:after{content:"";outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;pointer-events:none;border-radius:inherit;z-index:10;position:absolute;inset:0}.welcome-modal .v-stack{width:100%;height:100%}.welcome-modal section{flex-direction:column;gap:32px;width:100%;padding:32px;display:flex}.welcome-modal .desktop-features-section .cards{flex-flow:wrap;gap:16px;display:flex}.welcome-modal .small-cards-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media only screen and (min-width:0) and (max-width:800px){.welcome-modal{--back-color:rgba(var(--background), 1);box-shadow:none;width:100vw!important;max-width:unset!important;height:100%!important;max-height:unset!important;border-radius:0!important}.welcome-modal:after{display:none!important}.welcome-modal section{gap:32px;padding:16px}.welcome-modal .desktop-features-section,.welcome-modal .welcome-templates-section{display:none}}.welcome-section-header{flex-direction:column;gap:10px;margin-bottom:-8px;padding:64px 32px 0;display:flex}.welcome-section-header.align-left{text-align:left;align-items:flex-start}.welcome-section-header.align-center{text-align:center;align-items:center}.welcome-section-header .subtitle-div{align-items:center;gap:8px;display:flex}.welcome-section-header .subtitle-div svg{width:26px;height:26px}@media only screen and (min-width:0) and (max-width:800px){.welcome-section-header{margin:16px 0}.welcome-section-header p{letter-spacing:0;font:500 17px/24px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.welcome-section-header p{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.welcome-modal .cta-buttons .start-btn-placeholder{transform:translateY(-100px)}.welcome-modal.is-scrolled .cta-buttons .start-btn-placeholder{transform:translateY(0)}.welcome-modal .cta-buttons{z-index:10;inset:0;top:unset;text-align:center;background:linear-gradient(transparent 0%, var(--back-color) 90%),linear-gradient(transparent 0%, var(--back-color) 90%);pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:20px 20px 10px;display:flex;position:absolute}@media only screen and (min-width:0) and (max-width:800px){.welcome-modal .cta-buttons>p{max-width:300px}}.welcome-modal .cta-buttons>*{pointer-events:all}.welcome-modal .cta-buttons .credits{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.welcome-modal .cta-buttons .credits button:not(:hover),.welcome-modal .cta-buttons .credits>p:not(:hover){color:rgba(var(--primary), .36)}.welcome-modal .cta-buttons .start-btn-placeholder{margin-bottom:20px;transition:all .6s;position:relative}.welcome-start-btn{color:#fff;outline:solid 1px rgba(var(--primary), .12);outline-offset:-1px;letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.welcome-start-btn{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.welcome-templates-section{flex-direction:column;align-items:center;gap:12px;padding-left:0;padding-right:0;display:flex;position:relative}.welcome-templates-section .list{flex-wrap:wrap;justify-content:center;gap:12px;width:160%;display:flex;overflow:hidden}.welcome-templates-section .list .preview-image{border-radius:16px;height:180px;position:relative;overflow:hidden}.welcome-templates-section .list .preview-image>img{height:100%}.welcome-templates-section .btn-wrapper{z-index:1;background:linear-gradient(transparent, var(--back-color)),linear-gradient(transparent, var(--back-color));justify-content:center;align-items:flex-end;width:100%;height:180px;margin-top:-180px;display:flex}.welcome-hero{justify-content:flex-end;height:calc(100vh - 250px);margin-bottom:32px;padding:0;position:relative}@media only screen and (min-width:0) and (max-width:800px){.welcome-hero{height:calc(100vh - 300px)}}.welcome-hero .content{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:16px;display:flex}.welcome-hero .content .logo{align-items:center;gap:12px;display:flex}.welcome-hero .content .logo img{height:48px}.welcome-hero .content .logo span{letter-spacing:-1px;font:500 28px/38px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.welcome-hero .content .logo span{letter-spacing:-.9px;font:500 27px/34px Inter,sans-serif}}.welcome-hero .content h1{letter-spacing:-1.4px;font:500 56px/68px Inter,sans-serif}.welcome-hero .content p{color:rgba(var(--primary), .6);font:400 18px/28px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.welcome-hero .content{gap:12px}.welcome-hero .content .logo{gap:8px}.welcome-hero .content .logo img{height:36px}.welcome-hero .content .logo span{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.welcome-hero .content .logo span{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.welcome-hero .content h1{letter-spacing:-1px;font:500 34px/44px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.welcome-hero .content h1{letter-spacing:-1.1px;font:500 33px/40px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px){.welcome-hero .content p{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}}@media only screen and (min-width:0) and (max-width:800px) and (min-width:0) and (max-width:800px){.welcome-hero .content p{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.welcome-hero .media{position:absolute;inset:0}.welcome-hero .media:after{content:"";inset:0;top:unset;z-index:1;background:linear-gradient(transparent, var(--back-color)),linear-gradient(transparent, var(--back-color));height:60%;position:absolute}.welcome-hero .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.welcome-hero .media .slideshow{width:100%;height:100%;position:relative;overflow:hidden}.welcome-hero .media .slideshow .slide-image{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;width:100%;height:100%;animation:8s infinite fadeSlideshow;position:absolute}@keyframes fadeSlideshow{0%{opacity:0}10%{opacity:1}25%{opacity:1}35%{opacity:0}to{opacity:0}}.welcome-modal .feature-card{background:#000;border-radius:24px;height:600px;position:relative;overflow:hidden}.welcome-modal .feature-card.small-size{flex-basis:calc(36% - 8px)}.welcome-modal .feature-card.large-size{flex-basis:calc(64% - 8px)}.welcome-modal .feature-card.wide-size{height:unset;aspect-ratio:16/9;flex-basis:100%}.welcome-modal .feature-card .details{color:#fff;z-index:2;gap:8px;padding:28px}.welcome-modal .feature-card .details p{opacity:.7;max-width:400px}.welcome-modal .feature-card .details .incentives{flex-wrap:wrap;justify-content:center;gap:16px;width:max-content;max-width:400px;margin-top:4px;display:flex}.welcome-modal .feature-card .details .incentives>span{color:#fff;letter-spacing:-.2px;align-items:center;gap:4px;font:500 14px/18px Inter,sans-serif;display:flex}@media only screen and (min-width:0) and (max-width:800px){.welcome-modal .feature-card .details .incentives>span{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.welcome-modal .feature-card .details .incentives>span svg{width:18px;height:18px}.welcome-modal .feature-card .media-wrapper{z-index:1;width:100%;height:100%;display:flex;position:relative}.welcome-modal .feature-card .media-wrapper .media-display{border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0009}.welcome-modal .feature-card .media-wrapper .media-display img,.welcome-modal .feature-card .media-wrapper .media-display video{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.welcome-modal .feature-card .background{-o-object-fit:cover;object-fit:cover;filter:brightness(90%);width:100%;height:100%;position:absolute;inset:0}@media only screen and (min-width:0) and (max-width:800px){.welcome-modal .feature-card{border-radius:20px;height:max-content;flex:unset!important}.welcome-modal .feature-card.reverse .details{padding:10px 20px 30px}.welcome-modal .feature-card .details{padding:30px 20px 10px}}.use-case-section{flex-direction:column;display:flex;gap:0!important;padding:0!important}.use-case-section .scroll-view{scroll-snap-type:x mandatory;width:100%;padding:32px;overflow-x:scroll}.use-case-section .scroll-view .all-cards{gap:12px;width:max-content;display:flex}.use-case-section .scroll-view .all-cards>div{scroll-snap-align:center;min-width:936px;max-width:936px}.use-case-section .slider-controls{justify-content:center;gap:8px;display:flex}.welcome-usecase-card{aspect-ratio:16/9;background:#000;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.welcome-usecase-card .media{position:absolute;inset:0}.welcome-usecase-card .media img,.welcome-usecase-card .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.welcome-usecase-card .details{color:#fff;z-index:1;flex-direction:column;gap:4px;padding:28px 32px;display:flex}.welcome-usecase-card .details p{opacity:.7;max-width:320px}.welcome-benefits-section .h-stack{width:calc(100% + 40px);margin:0 -20px;overflow:auto hidden}.welcome-benefits-section .h-stack .list{justify-content:flex-start;align-items:baseline;gap:12px;width:max-content;padding:0 20px;display:flex}.welcome-benefit-card{flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative;overflow:hidden}.welcome-benefit-card .media{border-radius:20px;width:100%;overflow:hidden}.welcome-benefit-card .media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.welcome-benefit-card .copy{width:100%;padding:0 12px}.welcome-benefit-card .copy>*{margin:0;display:inline}.welcome-benefit-card .copy h3{letter-spacing:-.2px;margin-right:4px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.welcome-benefit-card .copy h3{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.welcome-benefit-card .copy p{color:rgba(var(--primary), .6);letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.welcome-benefit-card .copy p{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}@keyframes gradient{0%{background-position:0 100%}25%{background-position:25%}50%{background-position:50% 25%}75%{background-position:75% 0}to{background-position:100%}}.ios-install-modal .step{align-items:flex-start;gap:16px;padding:16px;display:flex}.ios-install-modal .step>div{flex-direction:column;gap:8px;display:flex}.ios-install-modal .step>div>span{letter-spacing:-.2px;max-width:200px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.ios-install-modal .step>div>span{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.ios-install-modal .step>span{text-align:center;min-width:32px;color:rgba(var(--primary), .6);letter-spacing:-1px;font:500 34px/44px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.ios-install-modal .step>span{letter-spacing:-1.1px;font:500 33px/40px Inter,sans-serif}}.feedback-modal .reactions{padding:24px 24px 0}.feedback-modal .reactions .reactions-list{gap:6px;margin:20px 0;display:flex}.feedback-modal .reactions .reactions-list .reaction-item{aspect-ratio:1;background:rgba(var(--primary), .06);border-radius:50%;flex:1}.feedback-modal .reactions .reactions-list .reaction-item.is-active{background:rgba(var(--primary), 1)}.feedback-modal .message{padding:12px}.feedback-modal .message .multiline-input{min-height:200px}.feedback-modal .message button{margin-top:12px}.verify,.verify-card,.verify-card>.form{flex-direction:column;justify-content:center;align-items:center;display:flex}.verify{background:rgba(var(--background), 1);gap:12px;width:100vw;height:100vh}.verify .verify-card{background:rgba(var(--primary), .06);border:solid 1px rgba(var(--primary), .06);border-radius:24px;gap:28px;max-width:380px;padding:28px}.verify .verify-card .details{text-align:center}.verify .verify-card .details p{margin-top:12px}.verify .verify-card .form{align-self:stretch;align-items:stretch;gap:16px}.verify .verify-card .form input{text-align:center;border-radius:12px;padding:12px}.verify .cta-card>*{width:100%}.verify .cta-card .details h4{color:#1da1f2}.verify .cta-card .details p{margin-top:6px}.verify .cta-card button{color:#1da1f2;background:#1da1f21a}.shots-admin{background:rgba(var(--body), 1);background:#000;flex-direction:column-reverse;width:100vw;height:100vh;display:flex;position:relative}.shots-admin .admin-background{z-index:0;position:absolute;inset:0}.shots-admin .admin-background img{-o-object-fit:cover;object-fit:cover;filter:brightness(80%);width:100%;height:100%}.shots-admin .shots-admin-tabs{z-index:12;background:#64646499;border-radius:100px;gap:4px;width:max-content;margin:0 auto;padding:4px;display:flex;position:fixed;bottom:20px;left:0;right:0}.shots-admin .shots-admin-tabs button>span{display:none!important}.shots-admin .shots-admin-tabs button.true-active{background:rgba(var(--primary), .36)}.shots-admin .shots-admin-tabs button.true-active>span{display:initial!important}.shots-admin .head{inset:0;bottom:unset;z-index:10;justify-content:space-between;align-items:flex-start;gap:8px;padding:20px;display:flex;position:absolute}.shots-admin .head:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:none;background:#0303034d;height:120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.shots-admin .head .actions{align-items:center;gap:8px;display:flex}.shots-admin .head .title{flex-direction:column;gap:6px;display:flex}.shots-admin .head .title h1{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shots-admin .head .title h1{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.shots-admin .head .title span{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shots-admin .head .title span{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.shots-admin .shots-admin-dashboard{z-index:1;align-items:stretch;display:flex;width:100vw!important;height:100vh!important}.shots-admin .shots-admin-dashboard>*{flex:1;overflow:hidden}.shots-admin .shots-admin-dashboard>:first-child{border-right:solid 1px rgba(var(--primary), .06);min-width:840px;max-width:840px}.shots-admin .shots-admin-view{width:100%;height:100%;position:relative}.shots-admin .shots-admin-view:before{content:"";inset:0;top:unset;z-index:10;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:none;background:#0303034d;height:80px;position:absolute;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}.shots-admin .download-feedbacks{align-items:center;gap:10px;margin-top:16px;display:flex}.shots-admin .download-feedbacks input{text-align:center}.shots-admin .admin-system-tab{flex-direction:column;align-items:center;display:flex}.shots-admin .admin-system-tab .v-stack{max-width:560px}.shots-admin .admin-system-tab .device-card{z-index:1;background:#6464644d;border-radius:28px;gap:16px;padding:20px;position:relative;overflow:hidden}.shots-admin .admin-system-tab .device-card .stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.shots-admin .admin-system-tab .device-card .stat-item>span{color:rgba(var(--primary), .36);letter-spacing:.4px;text-transform:uppercase;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shots-admin .admin-system-tab .device-card .stat-item>span{font:500 11px/16px Inter,sans-serif}}.shots-admin .admin-system-tab .device-card .stats{flex-wrap:wrap;gap:20px;max-width:66%;display:flex}.shots-admin .admin-system-tab .device-card .task{background:rgba(var(--body), 1);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.shots-admin .admin-system-tab .device-card .image{width:auto;height:100%;max-height:192px;position:absolute;top:0;right:0}.shots-admin .generated-images{flex-wrap:wrap;gap:6px;padding:6px;display:flex}.shots-admin .generated-images .top{flex-basis:100%;justify-content:center;margin-top:32px;display:flex}.shots-admin .generated-images .admin-generated-item{aspect-ratio:1;cursor:pointer;border-radius:10px;flex:240px;position:relative;overflow:hidden}.shots-admin .generated-images .admin-generated-item .user-avatar{z-index:1;outline:solid 1px rgba(var(--primary), .12);outline-offset:-1px;width:36px;position:absolute;top:10px;right:10px}.shots-admin .generated-images .admin-generated-item .export-info{inset:10px;top:unset;z-index:1;pointer-events:none;flex-wrap:wrap;gap:4px;display:flex;position:absolute}.shots-admin .generated-images .admin-generated-item .generated-video,.shots-admin .generated-images .admin-generated-item .generated-image{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden}.shots-admin .generated-images .admin-generated-item .generated-image img{-o-object-fit:contain;object-fit:contain;z-index:0;border-radius:10px;width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.shots-admin .generated-images .admin-generated-item .generated-image .date{z-index:1;background:rgba(var(--background), .8);border-radius:6px;padding:4px 8px;position:absolute;top:10px;left:10px}.info-items-stack{flex-wrap:wrap;gap:8px;display:flex}.info-item{background:rgba(var(--primary), .06);border-radius:24px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:flex}.admin-feedback-messages .v-stack .v-stack-content{flex-direction:column-reverse}.admin-feedback-item{gap:10px;width:100%;position:relative}.admin-feedback-item .user-info{-webkit-user-select:text;user-select:text;flex-direction:column;gap:2px;display:flex}.admin-feedback-item .user-info-row{align-items:center;gap:6px;display:flex}.admin-feedback-item .user-info-row>p{margin:0}.admin-feedback-item .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-feedback-item .status-dot.status-new{background:rgba(var(--alert), 1)}.admin-feedback-item .status-dot.status-read{background:rgba(var(--info), 1)}.admin-feedback-item .status-dot.status-done{background:rgba(var(--success), 1)}.admin-feedback-item .status-dot.status-archived{background:rgba(var(--primary), .36)}.admin-feedback-item .dropdown-options{flex-direction:column;gap:2px;display:flex}.admin-feedback-item .dropdown-options button{text-transform:capitalize}.admin-feedback-item .pill{text-transform:capitalize;white-space:nowrap;border-radius:6px;padding:3px 10px;font-weight:500;display:inline-block}.admin-feedback-item .pill.pill-muted{background:rgba(var(--primary), .12);color:rgba(var(--primary), .6)}.admin-feedback-item .pill.pill-danger{background:rgba(var(--danger), .12);color:rgba(var(--danger), 1)}.admin-feedback-item .pill.pill-info{background:rgba(var(--info), .12);color:rgba(var(--info), 1)}.admin-feedback-item .pill.pill-success{background:rgba(var(--success), .12);color:rgba(var(--success), 1)}.admin-feedback-item .pill.pill-alert{background:rgba(var(--alert), .12);color:rgba(var(--alert), 1)}.admin-feedback-item .user-info-row>.pill:last-child{margin-left:auto}.admin-feedback-item .item{flex-direction:column;flex:1;gap:20px;padding-right:100px;display:flex;position:relative}.admin-feedback-item .item .message{-webkit-user-select:text;user-select:text;background:#6464644d;border-radius:20px;width:max-content;max-width:100%;padding:10px 40px 10px 14px;position:relative}.admin-feedback-item .item .message .emoji{font-size:40px;position:absolute;bottom:0;right:0;transform:translate(10px,10px)rotate(-5deg)}.admin-feedback-item .item .date{position:absolute;top:0;right:0}.admin-feedback-item .ai-analysis{background:#6464644d;border-radius:10px;align-items:center;gap:5px;max-height:28px;padding:6px 10px;transition:max-height .2s,padding .2s;display:flex;overflow:hidden}.admin-feedback-item:hover .ai-analysis{flex-wrap:wrap;max-height:200px;padding:10px 14px}.admin-feedback-item .ai-tags{flex-shrink:0;align-items:center;gap:5px;display:flex}.admin-feedback-item .ai-confidence{margin-left:auto}.admin-feedback-item .ai-summary{-webkit-user-select:text;user-select:text;opacity:0;flex-basis:100%;line-height:1.5;transition:opacity .2s}.admin-feedback-item:hover .ai-summary{opacity:1}.admin-feedback-item .admin-tags{flex-wrap:wrap;gap:4px;display:flex}.admin-feedback-item .info-items-stack{max-width:520px}.user-generated-images-modal{z-index:100;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.user-generated-images-modal .backdrop{z-index:-1;background:rgba(var(--background), .8);position:fixed;inset:0}.user-generated-images-modal .layout{background:rgba(var(--panel), 1);border-radius:32px;flex-direction:column;gap:16px;width:100%;max-width:800px;height:90vh;margin:0 auto;padding:32px;display:flex;overflow-y:auto}.user-generated-images-modal .images,.user-generated-media-modal .images{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.admin-auth{background:rgba(var(--background), 1);flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100vw;height:100vh;display:flex}.admin-auth form{flex-direction:column;gap:12px;width:320px;max-width:100%;display:flex}.admin-auth form input{text-align:center}.admin-view-filter-drop{z-index:12;position:absolute;bottom:20px;left:20px}.admin-view-filter-drop .filter-button{background:#64646499}.admin-view-filter-drop .filter-buttons{justify-content:flex-start;gap:8px;width:100%}.subscriptions-tab{flex-direction:column;display:flex}.subscriptions-tab .sub-user{background:#6464644d;border-radius:16px;align-items:center;gap:12px;padding:8px;display:flex}.subscriptions-tab .sub-user .copy{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.subscriptions-tab .sub-user .stats{align-items:center;gap:8px;display:flex}.subscriptions-tab .sub-date-group{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.subscriptions-tab .subscription-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.subscriptions-tab .subscription-stats .stat-card{background:rgba(var(--panel-active), 1);border:1px solid rgba(var(--primary), .06);border-radius:16px;flex-direction:column;align-items:center;padding:20px;display:flex}.subscriptions-tab .subscription-stats .stat-card .stat-value{color:rgba(var(--primary), 1);font-size:36px;font-weight:700}.subscriptions-tab .subscription-stats .stat-card .stat-label{color:rgba(var(--primary), .6);letter-spacing:.4px;text-transform:uppercase;margin-top:4px;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscriptions-tab .subscription-stats .stat-card .stat-label{font:500 11px/16px Inter,sans-serif}}.subscriptions-tab .subscription-table-container{border:1px solid rgba(var(--primary), .06);background:rgba(var(--panel), 1);border-radius:16px;width:100%;margin-bottom:40px;overflow-x:auto}.subscriptions-tab .subscription-table-container .subscription-table{border-collapse:collapse;width:100%}.subscriptions-tab .subscription-table-container .subscription-table th{text-align:left;background:rgba(var(--panel-active), 1);color:rgba(var(--primary), .6);border-bottom:1px solid rgba(var(--primary), .06);cursor:pointer;white-space:nowrap;letter-spacing:-.2px;padding:16px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscriptions-tab .subscription-table-container .subscription-table th{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.subscriptions-tab .subscription-table-container .subscription-table th:hover{color:rgba(var(--primary), 1)}.subscriptions-tab .subscription-table-container .subscription-table th .sort-arrow{color:rgba(var(--primary), 1);margin-left:4px}.subscriptions-tab .subscription-table-container .subscription-table td{border-bottom:1px solid rgba(var(--primary), .06);letter-spacing:-.3px;padding:16px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscriptions-tab .subscription-table-container .subscription-table td{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.subscriptions-tab .subscription-table-container .subscription-table td:last-child{width:100px}.subscriptions-tab .subscription-table-container .subscription-table tr:last-child td{border-bottom:none}.subscriptions-tab .subscription-table-container .subscription-table .user-info{flex-direction:column;display:flex}.subscriptions-tab .subscription-table-container .subscription-table .user-info .user-email{color:rgba(var(--primary), 1);font-weight:500}.subscriptions-tab .subscription-table-container .subscription-table .user-info .user-name{color:rgba(var(--primary), .36);letter-spacing:-.2px;margin-top:4px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscriptions-tab .subscription-table-container .subscription-table .user-info .user-name{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.subscriptions-tab .subscription-table-container .subscription-table .avatar-container{align-items:center;gap:8px;display:flex}.subscriptions-tab .subscription-table-container .subscription-table .avatar-container .user-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid rgba(var(--primary), .06);border-radius:50%;width:40px;height:40px}.subscriptions-tab .subscription-table-container .subscription-table .avatar-container .avatar-placeholder{background:rgba(var(--primary), 1);width:40px;height:40px;color:rgba(var(--secondary), 1);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.subscriptions-tab .subscription-table-container .subscription-table .plan-badge{text-transform:capitalize;background:rgba(var(--primary), .06);border-radius:20px;padding:6px 12px;font-weight:500;display:inline-block}.subscriptions-tab .subscription-table-container .subscription-table .plan-badge.premium{background:rgba(var(--background), .8);color:rgba(var(--primary), 1);border:1px solid rgba(var(--info), 1)}.subscriptions-tab .subscription-table-container .subscription-table .plan-badge.basic{background:rgba(var(--background), .8);color:rgba(var(--primary), 1);border:1px solid rgba(var(--success), 1)}.subscriptions-tab .subscription-table-container .subscription-table .plan-badge.free{background:rgba(var(--background), .8);color:rgba(var(--primary), 1);border:1px solid rgba(var(--primary), .36)}.subscriptions-tab .subscription-table-container .subscription-table .renewal-date{color:rgba(var(--primary), 1)}.subscriptions-tab .subscription-table-container .subscription-table .status-pill{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.subscriptions-tab .subscription-table-container .subscription-table .status-pill.active{background:rgba(var(--background), .8);color:rgba(var(--success), 1);border:1px solid rgba(var(--success), 1)}.subscriptions-tab .subscription-table-container .subscription-table .status-pill.canceled{background:rgba(var(--background), .8);color:rgba(var(--danger), 1);border:1px solid rgba(var(--danger), 1)}.subscriptions-tab .subscription-table-container .subscription-table .action-buttons{gap:8px;display:flex}.subscriptions-tab .loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:300px;display:flex}.subscriptions-tab .loading-container .spinner{border:3px solid rgba(var(--primary), .06);border-top-color:rgba(var(--primary), 1);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.subscriptions-tab .empty-state{background:rgba(var(--panel-active), 1);border:1px dashed rgba(var(--primary), .06);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.subscriptions-tab .empty-state .empty-icon{margin-bottom:16px;font-size:48px}.subscriptions-tab .empty-state h3{color:rgba(var(--primary), 1);letter-spacing:0;margin-bottom:8px;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.subscriptions-tab .empty-state h3{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.subscriptions-tab .empty-state p{color:rgba(var(--primary), .36);text-align:center;max-width:400px}.logs-tab{flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:90px 24px 24px;display:flex;overflow-y:auto}.logs-tab .tab-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.logs-tab .tab-header h1{letter-spacing:-1px;font:500 28px/38px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .tab-header h1{letter-spacing:-.9px;font:500 27px/34px Inter,sans-serif}}.logs-tab .tab-header .search-container{width:320px;position:relative}.logs-tab .tab-header .search-container .search-icon{width:20px;height:20px;color:rgba(var(--primary), .36);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.logs-tab .tab-header .search-container .search-input{background:rgba(var(--panel-active), 1);border:1px solid rgba(var(--primary), .06);width:100%;color:rgba(var(--primary), 1);letter-spacing:-.3px;border-radius:12px;padding:10px 40px 10px 16px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .tab-header .search-container .search-input{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.logs-tab .tab-header .search-container .search-input:focus{border-color:rgba(var(--primary), 1);outline:none}.logs-tab .tab-header .search-container .search-input::placeholder{color:rgba(var(--primary), .36)}.logs-tab .stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.logs-tab .stats-section .stat-card{background:rgba(var(--panel-active), 1);border:1px solid rgba(var(--primary), .06);border-radius:16px;flex-direction:column;align-items:center;padding:20px;display:flex}.logs-tab .stats-section .stat-card .stat-value{color:rgba(var(--primary), 1);font-size:36px;font-weight:700}.logs-tab .stats-section .stat-card .stat-label{color:rgba(var(--primary), .6);letter-spacing:.4px;text-transform:uppercase;margin-top:4px;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .stats-section .stat-card .stat-label{font:500 11px/16px Inter,sans-serif}}.logs-tab .logs-table-container{border:1px solid rgba(var(--primary), .06);background:rgba(var(--panel), 1);border-radius:16px;width:100%;margin-bottom:40px;overflow-x:auto}.logs-tab .logs-table-container .logs-table{border-collapse:collapse;width:100%}.logs-tab .logs-table-container .logs-table th{text-align:left;background:rgba(var(--panel-active), 1);color:rgba(var(--primary), .6);border-bottom:1px solid rgba(var(--primary), .06);cursor:pointer;white-space:nowrap;letter-spacing:-.2px;padding:16px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .logs-table-container .logs-table th{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.logs-tab .logs-table-container .logs-table th:hover{color:rgba(var(--primary), 1)}.logs-tab .logs-table-container .logs-table th .sort-arrow{color:rgba(var(--primary), 1);margin-left:4px}.logs-tab .logs-table-container .logs-table td{border-bottom:1px solid rgba(var(--primary), .06);letter-spacing:-.3px;padding:16px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .logs-table-container .logs-table td{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.logs-tab .logs-table-container .logs-table tr:last-child td{border-bottom:none}.logs-tab .logs-table-container .logs-table tr.status-error{background-color:rgba(var(--danger), .05)}.logs-tab .logs-table-container .logs-table tr.status-canceled{background-color:rgba(var(--alert), .05)}.logs-tab .logs-table-container .logs-table .status-pill{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.logs-tab .logs-table-container .logs-table .status-pill.rendering{background:rgba(var(--background), .8);color:rgba(var(--info), 1);border:1px solid rgba(var(--info), 1)}.logs-tab .logs-table-container .logs-table .status-pill.done{background:rgba(var(--background), .8);color:rgba(var(--success), 1);border:1px solid rgba(var(--success), 1)}.logs-tab .logs-table-container .logs-table .status-pill.error{background:rgba(var(--background), .8);color:rgba(var(--danger), 1);border:1px solid rgba(var(--danger), 1)}.logs-tab .logs-table-container .logs-table .status-pill.canceled{background:rgba(var(--background), .8);color:rgba(var(--alert), 1);border:1px solid rgba(var(--alert), 1)}.logs-tab .logs-table-container .logs-table .status-pill.queued{background:rgba(var(--background), .8);color:rgba(var(--primary), .36);border:1px solid rgba(var(--primary), .36)}.logs-tab .logs-table-container .logs-table .progress-container{background-color:rgba(var(--primary), .06);border-radius:10px;width:100%;max-width:150px;height:20px;position:relative;overflow:hidden}.logs-tab .logs-table-container .logs-table .progress-container .progress-bar{background-color:rgba(var(--success), 1);border-radius:10px;height:100%}.logs-tab .logs-table-container .logs-table .progress-container .progress-text{font-size:12px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logs-tab .logs-table-container .logs-table .error-details details summary{cursor:pointer;color:rgba(var(--danger), 1);outline:none;font-weight:500}.logs-tab .logs-table-container .logs-table .error-details details summary:hover{text-decoration:underline}.logs-tab .logs-table-container .logs-table .error-details details .error-json{background:rgba(var(--panel-active), 1);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-width:300px;max-height:200px;margin-top:8px;padding:8px;font-size:12px;line-height:1.4;overflow-x:auto}.logs-tab .logs-table-container .logs-table .no-error{color:rgba(var(--primary), .36);font-style:italic}.logs-tab .error-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logs-tab .error-modal .error-modal-backdrop{z-index:-1;cursor:pointer;background:#000000b3;position:absolute;inset:0}.logs-tab .error-modal .error-modal-content{background:rgba(var(--panel), 1);border:1px solid rgba(var(--primary), .06);border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 4px 30px #0000004d}.logs-tab .error-modal .error-modal-content .error-modal-header{border-bottom:1px solid rgba(var(--primary), .06);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-header h2{color:rgba(var(--primary), 1);letter-spacing:0;margin:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-header h2{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.logs-tab .error-modal .error-modal-content .error-modal-header .close-button{cursor:pointer;color:rgba(var(--primary), .36);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-header .close-button:hover{background:rgba(var(--primary), .06);color:rgba(var(--primary), 1)}.logs-tab .error-modal .error-modal-content .error-modal-body{max-height:70vh;padding:24px;overflow-y:auto}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section{margin-bottom:24px}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section:last-child{margin-bottom:0}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section h3{color:rgba(var(--primary), 1);border-bottom:1px solid rgba(var(--primary), .06);letter-spacing:-.3px;margin:0 0 16px;padding-bottom:8px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section h3{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item{flex-direction:column;gap:4px;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item.full-width{grid-column:1/-1}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-label{color:rgba(var(--primary), .36);letter-spacing:-.2px;font:11px/14px Inter,sans-serif;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-label{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value{color:rgba(var(--primary), 1);word-break:break-word;letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value.status-text{font-weight:500}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value.status-text.error{color:rgba(var(--danger), 1)}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value.status-text.done{color:rgba(var(--success), 1)}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value.status-text.rendering{color:rgba(var(--info), 1)}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value.status-text.canceled{color:rgba(var(--alert), 1)}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value-with-copy{align-items:center;gap:8px;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value-with-copy .info-value{flex:1}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value-with-copy button{flex-shrink:0;width:28px;height:28px;padding:0}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .info-value-with-copy button svg{width:14px;height:14px}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .code-block{background:rgba(var(--panel-active), 1);letter-spacing:-.2px;border-radius:8px;margin:0;padding:12px;font:11px/14px Inter,sans-serif;overflow-x:auto;line-height:1.5!important}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .code-block{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .code-block-container{flex-direction:column;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .render-info-grid .info-item .code-block-container .error-actions{margin-bottom:8px}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .error-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .error-actions button{padding:6px 12px}.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .error-text{white-space:pre-wrap;word-break:break-word;background:rgba(var(--danger), .1);border:1px solid rgba(var(--danger), 1);color:rgba(var(--danger), 1);letter-spacing:-.2px;border-radius:8px;margin:0;padding:16px;font:11px/14px Inter,sans-serif;overflow-x:auto}@media only screen and (min-width:0) and (max-width:800px){.logs-tab .error-modal .error-modal-content .error-modal-body .render-info-section .error-text{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.create-promo{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:24px}.create-promo .form-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.create-promo .form-header h2{color:#fff;margin:0}.create-promo .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.create-promo .form-grid .form-group{flex-direction:column;gap:8px;display:flex}.create-promo .form-grid .form-group.full-width{grid-column:1/-1}.create-promo .form-grid .form-group label{color:#fffc;font-size:14px;font-weight:500}.create-promo .form-grid .form-group .textarea-input{color:#fff;resize:vertical;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px;font-family:inherit}.create-promo .form-grid .form-group .textarea-input::placeholder{color:#ffffff80}.create-promo .form-grid .form-group .textarea-input:focus{border-color:#fff6;outline:none}.create-promo .form-actions{justify-content:flex-end;gap:12px;display:flex}.admin-promotions-tab{font-family:Inter,sans-serif}.admin-promotions-tab .promos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:600px;margin:0 auto;padding:100px 20px 20px;display:flex}.admin-promotions-tab .promos-grid .promo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:16px;width:100%;padding:20px;transition:all .2s}.admin-promotions-tab .promos-grid .promo-card:hover{background:#ffffff14;border-color:#fff3}.admin-promotions-tab .promos-grid .promo-card .promo-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-promotions-tab .promos-grid .promo-card .promo-header .promo-id{align-items:center;gap:8px;display:flex}.admin-promotions-tab .promos-grid .promo-card .promo-header .promo-id .promo-code{color:#00d4ff;background:#00d4ff1a;border-radius:12px;padding:16px;font-size:14px;font-weight:600}.admin-promotions-tab .promos-grid .promo-card .promo-content{margin-bottom:16px}.admin-promotions-tab .promos-grid .promo-card .promo-content .promo-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.admin-promotions-tab .promos-grid .promo-card .promo-content .promo-description{color:#ffffffb3;margin:0;font-size:14px;line-height:1.4}.admin-promotions-tab .promos-grid .promo-card .promo-footer{justify-content:space-between;align-items:center;display:flex}.admin-promotions-tab .promos-grid .promo-card .promo-footer .user-type-badge{color:#22c55e;background:#22c55e33;border-radius:12px;padding:12px;font-size:16px;font-weight:600}.admin-promotions-tab .empty-state{text-align:center;grid-column:1/-1;padding:60px 20px}.admin-promotions-tab .empty-state .empty-icon{margin-bottom:16px;font-size:48px}.admin-promotions-tab .empty-state h3{color:#fff;margin:0 0 8px}.admin-promotions-tab .empty-state p{margin:0 0 24px}.admin-promotions-tab .dropdown-options{flex-direction:column;gap:4px;padding:8px;display:flex}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/font/editor-fonts/faces/Inter-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-LightOblique.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-Oblique.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/editor-fonts/faces/Helvetica-BoldOblique.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Futura;src:url(/font/editor-fonts/faces/Futura-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Futura;src:url(/font/editor-fonts/faces/Futura-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Futura;src:url(/font/editor-fonts/faces/Futura-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Big Caslon;src:url(/font/editor-fonts/faces/BigCaslon-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:American Typewriter;src:url(/font/editor-fonts/faces/AmericanTypewriter-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:American Typewriter;src:url(/font/editor-fonts/faces/AmericanTypewriter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:American Typewriter;src:url(/font/editor-fonts/faces/AmericanTypewriter-Semibold.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:American Typewriter;src:url(/font/editor-fonts/faces/AmericanTypewriter-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Copperplate;src:url(/font/editor-fonts/faces/Copperplate-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Copperplate;src:url(/font/editor-fonts/faces/Copperplate-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Copperplate;src:url(/font/editor-fonts/faces/Copperplate-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Marker Felt;src:url(/font/editor-fonts/faces/MarkerFelt-Thin.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Marker Felt;src:url(/font/editor-fonts/faces/MarkerFelt-Wide.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noteworthy;src:url(/font/editor-fonts/faces/Noteworthy-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Noteworthy;src:url(/font/editor-fonts/faces/Noteworthy-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SignPainter;src:url(/font/editor-fonts/faces/SignPainter-HouseScript.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SignPainter;src:url(/font/editor-fonts/faces/SignPainter-HouseScriptSemibold.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hyperwave;src:url(https://assets.shots.so/canvas/fonts/Hyperwave.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Geist;src:url(https://assets.shots.so/canvas/fonts/Geist-Medium.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OpenRunde;src:url(https://assets.shots.so/canvas/fonts/OpenRunde-semibold.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:LamaRounded;src:url(https://assets.shots.so/canvas/fonts/LamaRounded-semibold.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:SonoSans;src:url(https://assets.shots.so/canvas/fonts/Sono-SansSemiBold.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Cunia;src:url(https://assets.shots.so/canvas/fonts/Cunia.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Aqum;src:url(https://assets.shots.so/canvas/fonts/Aqum.ttf)format("truetype");font-weight:400;font-style:normal}.font-inter{--font-family:"Inter";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-open-sans{--font-family:"Open Sans";--font-weight:500;--font-size:8em;--font-height:20em;--font-space:-3em}.instrument-display{--font-family:"Instrument Serif";--font-size:9.6em;--font-height:25em;--font-space:-1em;--font-weight:500}.font-aqum{--font-family:"Aqum";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-cunia{--font-family:"Cunia";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-sonosans{--font-family:"SonoSans";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-lama{--font-family:"LamaRounded";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-runde{--font-family:"OpenRunde";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-geist{--font-family:"Geist";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-hyperwave{--font-family:"Hyperwave";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-roboto{--font-family:"Roboto";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-poppins{--font-family:"Poppins";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-montserrat{--font-family:"Montserrat";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-nunito{--font-family:"Nunito";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-raleway{--font-family:"Raleway";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.font-oswald{--font-family:"Oswald";--font-weight:600;--font-size:8em;--font-height:28em;--font-space:-4em}.text-font-picker .h1,.text-font-picker .h2,.text-font-picker .h3,.text-font-picker .h4,.text-font-picker .h5,.text-font-picker .h6,.text-wrapper .h1,.text-wrapper .h2,.text-wrapper .h3,.text-wrapper .h4,.text-wrapper .h5,.text-wrapper .h6{--item-scale:1;font-family:var(--font-family);font-size:calc(var(--font-size)*var(--item-scale));line-height:calc(var(--font-height)/(var(--item-scale) + 18));letter-spacing:calc(var(--font-space)*.002*var(--item-scale));font-weight:var(--font-weight)}.text-font-picker .h1,.text-wrapper .h1{--item-scale:6}.text-font-picker .h2,.text-wrapper .h2{--item-scale:5}.text-font-picker .h3,.text-wrapper .h3{--item-scale:4}.text-font-picker .h4,.text-wrapper .h4{--item-scale:3}.text-font-picker .h5,.text-wrapper .h5{--item-scale:2}.text-font-picker .h6,.text-wrapper .h6{--item-scale:1.5}.color-picker .react-colorful{width:100%;padding:0}.color-picker .react-colorful__last-control{display:none}.color-picker .react-colorful__saturation{border-bottom:none;border-radius:8px;margin-bottom:16px}.color-picker .react-colorful__hue,.color-picker .react-colorful__alpha{border-radius:8px;height:16px}.color-picker .react-colorful__hue-pointer,.color-picker .react-colorful__alpha-pointer{width:20px;height:20px}:root{--lasso-primary-color:#3b82f6;--lasso-secondary-color:#8b5cf6;--lasso-border-width:1.5px;--lasso-animation-speed:.5s}.selection-lasso{box-sizing:border-box;corner-shape:var(--squircle);border-radius:10px}.selection-lasso--default{border:var(--lasso-border-width) solid rgba(var(--primary), .12);background:rgba(var(--primary), .06)}.selection-lasso--minimal{border:var(--lasso-border-width) dashed var(--lasso-primary-color);opacity:.7;background:#3b82f60d}.selection-lasso--minimal .selection-lasso__corner{background:var(--lasso-primary-color);border-radius:1px;width:6px;height:6px;position:absolute}.selection-lasso--minimal .selection-lasso__corner--tl{top:-3px;left:-3px}.selection-lasso--minimal .selection-lasso__corner--tr{top:-3px;right:-3px}.selection-lasso--minimal .selection-lasso__corner--bl{bottom:-3px;left:-3px}.selection-lasso--minimal .selection-lasso__corner--br{bottom:-3px;right:-3px}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.selection-lasso--gradient{background:linear-gradient(90deg, var(--lasso-primary-color), var(--lasso-secondary-color), #ec4899, var(--lasso-primary-color));background-size:300% 300%;border:none;border-radius:3px;animation:2s infinite gradientFlow;position:relative}.selection-lasso--gradient:before{content:"";background:#00000005;border-radius:2px;position:absolute;inset:2px}.selection-lasso--glass{corner-shape:var(--squircle);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-shadow:inset 0 0 20px #ffffff1a,0 0 1px #0000001a}.selection-lasso--glass .selection-lasso__glass-inner{pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 50%,#ffffff1a 100%);border-radius:3px;position:absolute;inset:0}[data-theme=dark] .selection-lasso--glass{background:#ffffff0d;border:1px solid #ffffff26}[data-theme=dark] .selection-lasso--glass .selection-lasso__glass-inner{background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff0d 100%)}body.is-dragging,body.is-dragging *{cursor:grabbing!important}.is-ghost{opacity:.3!important;transition:opacity .15s ease-out!important}.dnd-stack-card{pointer-events:none;will-change:transform;transform-origin:50%;position:fixed}.dnd-badge-container{z-index:1000000;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.dnd-badge-container .dnd-count-badge{pointer-events:none;background:rgba(var(--modal), 1);color:rgba(var(--primary), 1);border:1px solid rgba(var(--primary), .06);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 5px #00000080}.sticky-content-styles,.timeline-clip-content,.timeline-clip-track-empty-state .sticky-banner{max-width:calc(100vw - 12px);position:sticky;left:-64px}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px){.sticky-content-styles,.timeline-clip-content,.timeline-clip-track-empty-state .sticky-banner{max-width:calc(100vw - 522px)}}@media only screen and (min-height:0) and (max-height:800px) and (min-width:800px) and (max-width:1200px){.sticky-content-styles,.timeline-clip-content,.timeline-clip-track-empty-state .sticky-banner{max-width:calc(100vw - 299px)}}.timeline-clip-active:before,.timeline-widget-clip-item.is-editing .clip:before{content:"";border-radius:inherit;pointer-events:none;outline:solid 1.5px rgba(var(--primary), 1);outline-offset:-1.5px;z-index:10;border:solid 3px rgba(var(--panel-dim), 1);position:absolute;inset:0;-webkit-mask-image:none!important;mask-image:none!important}.timeline-component{background:rgba(var(--panel), 1);border-radius:20px;min-height:min-content;position:relative}.timeline-component .timeline-scroll-view{border-radius:inherit;flex-direction:column;height:100%;padding:0 64px;display:flex;position:relative;overflow:auto hidden}.timeline-component .timeline-tracks-toolbar-wrapper{z-index:100;flex-direction:column;justify-content:center;height:max-content;margin:auto;display:flex;position:absolute;top:0;bottom:0;left:12px}.timeline-component .timeline-tracks-toolbar-wrapper .shots-toolbar-effects,.timeline-component .timeline-tracks-toolbar-wrapper .timeline-widget-clip-item .options-ornament,.timeline-widget-clip-item .timeline-component .timeline-tracks-toolbar-wrapper .options-ornament{flex-direction:column!important}.timeline-track{--color-alpha:.75;--color-alpha-active:.9;--text-color:rgba(var(--text-accent), var(--color-alpha));--text-color-active:rgba(var(--text-accent), var(--color-alpha-active));--animation-color:rgba(var(--mockup-accent), var(--color-alpha));--animation-color-active:rgba(var(--mockup-accent), var(--color-alpha-active));--media-color:rgba(var(--mockup-accent), var(--color-alpha));--media-color-active:rgba(var(--mockup-accent), var(--color-alpha-active));--audio-color:rgba(var(--audio-accent), var(--color-alpha));--audio-color-active:rgba(var(--audio-accent), var(--color-alpha-active));--clip-height-default:44px;--clip-icon-default:20px;--clip-height-small:28px;--clip-icon-small:20px;--clip-height-tiny:24px;--clip-icon-tiny:16px;--clip-height-minimized:16px;--clip-border-radius:12px;--track-vertical-padding:5px;--text-height:var(--clip-height-small);--text-kind-display:none;--text-icon:var(--clip-icon-small);--animation-height:var(--clip-height-default);--animation-kind-display:initial;--animation-icon:var(--clip-icon-default);--media-height:var(--clip-height-default);--media-kind-display:initial;--media-icon:var(--clip-icon-default);--audio-height:var(--clip-height-small);--audio-kind-display:none;--audio-icon:var(--clip-icon-small)}.timeline-track.compact-layout{--track-vertical-padding:4px;--text-height:var(--clip-height-tiny);--text-kind-display:none;--text-icon:var(--clip-icon-tiny);--animation-height:var(--clip-height-tiny);--animation-kind-display:none;--animation-icon:var(--clip-icon-tiny);--media-height:var(--clip-height-default);--media-kind-display:initial;--media-icon:var(--clip-icon-small);--audio-height:var(--clip-height-tiny);--audio-kind-display:none;--audio-icon:var(--clip-icon-tiny)}.timeline-track{flex-direction:column;height:100%;padding-bottom:80px;display:flex;position:relative}.timeline-track:after{content:"";background:rgba(var(--panel-dim), 1);z-index:0;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-track .timeline-slides-track{flex:1;position:relative}.timeline-track .timeline-slides-track .timeline-slide-section{flex-direction:column;height:100%;padding:32px 0 0;transition:background .2s;display:flex;position:relative;overflow:clip}.timeline-track .timeline-slides-track .timeline-slide-section.is-active{background:linear-gradient(rgb(var(--primary), .06), transparent),linear-gradient(rgba(var(--panel), 1), rgba(var(--panel), 1));z-index:10}.timeline-track .timeline-slides-track .timeline-slide-section .timeline-slide-widgets-track{flex-direction:column;display:flex}.timeline-track .timeline-widget-track-group{margin:var(--track-vertical-padding) 0;position:relative}.timeline-track .timeline-widget-track-group .timeline-widget-clips-track{width:100%;height:max-content;padding:var(--track-vertical-padding) 0;position:relative}.timeline-track .timeline-widget-track-group .timeline-widget-clips-track:hover{z-index:5}.timeline-track .timeline-widget-track-group .timeline-widget-clips-track .timeline-widget-clips-list{width:100%;transition:height .3s;position:relative;border-radius:12px!important}.timeline-track .timeline-widget-track-group .timeline-widget-clips-track .timeline-widget-clips-list .timeline-widget-clip-item{height:inherit}.timeline-track .timeline-widget-track-group .timeline-widget-clips-track.is-minimized .timeline-widget-clips-list{height:16px}.timeline-track .timeline-text-clips-track{z-index:6}.timeline-track .timeline-text-clips-track .timeline-widget-clips-list{height:var(--text-height)}.timeline-track .timeline-text-clips-track .timeline-widget-clips-list .text-clip-item{--color:var(--text-color)}.timeline-track .timeline-text-clips-track .timeline-widget-clips-list .text-clip-item.is-editing{--color:var(--text-color-active)}.timeline-track .timeline-text-clips-track .timeline-widget-clips-list .text-clip-item .text-settle-tick{pointer-events:none;z-index:2;background:#ffffffa6;border-radius:1px;width:1.5px;position:absolute;top:2px;bottom:2px}.timeline-track .timeline-text-clips-track .timeline-clip-content .timeline-clip-content-kind{display:var(--text-kind-display)}.timeline-track .timeline-text-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-track .timeline-text-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-track .timeline-text-clips-track.is-minimized .details,.timeline-track .timeline-text-clips-track.is-minimized .is-hidden-badge,.timeline-track .timeline-text-clips-track.is-minimized .handle{opacity:0;visibility:hidden}.timeline-track .timeline-animation-clips-track{z-index:5}.timeline-track .timeline-animation-clips-track .timeline-widget-clips-list{height:var(--animation-height)}.timeline-track .timeline-animation-clips-track .timeline-widget-clips-list .animation-clip-item{--color:var(--animation-color)}.timeline-track .timeline-animation-clips-track .timeline-widget-clips-list .animation-clip-item.is-editing{--color:var(--animation-color-active)}.timeline-track .timeline-animation-clips-track .timeline-clip-content .timeline-clip-content-kind{display:var(--animation-kind-display)}.timeline-track .timeline-animation-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-track .timeline-animation-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-track .timeline-animation-clips-track.is-minimized .details,.timeline-track .timeline-animation-clips-track.is-minimized .is-hidden-badge,.timeline-track .timeline-animation-clips-track.is-minimized .animation-clip-preview,.timeline-track .timeline-animation-clips-track.is-minimized .handle{opacity:0;visibility:hidden}.timeline-track .timeline-media-clips-track{z-index:4}.timeline-track .timeline-media-clips-track .timeline-widget-clips-list{height:var(--media-height);background:rgba(var(--panel-dim), .5)}.timeline-track .timeline-media-clips-track .timeline-widget-clips-list .media-clip-item{--color:var(--media-color)}.timeline-track .timeline-media-clips-track .timeline-widget-clips-list .media-clip-item.is-editing{--color:var(--media-color-active)}.timeline-track .timeline-media-clips-track .timeline-clip-content .timeline-clip-content-kind{display:var(--media-kind-display)}.timeline-track .timeline-media-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-track .timeline-media-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-track .timeline-media-clips-track.is-minimized .media-clip-item .details,.timeline-track .timeline-media-clips-track.is-minimized .media-clip-item .image-media-preview,.timeline-track .timeline-media-clips-track.is-minimized .media-clip-item .handle,.timeline-track .timeline-media-clips-track.is-minimized .pause-clip-item span{opacity:0}.timeline-track .timeline-media-clips-track:not(.is-minimized) .media-clip-item .clip .handle:after{opacity:1}.timeline-track .timeline-media-clips-track:not(.is-minimized) .media-clip-item .clip .handle.handle-left:after{background:linear-gradient(90deg, rgba(var(--panel-dim), 1), transparent)}.timeline-track .timeline-media-clips-track:not(.is-minimized) .media-clip-item .clip .handle.handle-right:after{background:linear-gradient(-90deg, rgba(var(--panel-dim), 1), transparent)}.timeline-track .timeline-audio-clips-track{z-index:3}.timeline-track .timeline-audio-clips-track .timeline-widget-clips-list{height:var(--audio-height)}.timeline-track .timeline-audio-clips-track .timeline-widget-clips-list .audio-clip-item{--color:var(--audio-color)}.timeline-track .timeline-audio-clips-track .timeline-widget-clips-list .audio-clip-item.is-editing{--color:var(--audio-color-active)}.timeline-track .timeline-audio-clips-track .timeline-widget-clips-list .audio-clip-item.is-trimming{z-index:10}.timeline-track .timeline-audio-clips-track .timeline-widget-clips-list .audio-clip-item.is-trimming .clip{overflow:visible}.timeline-track .timeline-audio-clips-track .timeline-clip-content .timeline-clip-content-kind{display:var(--audio-kind-display)}.timeline-track .timeline-audio-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-track .timeline-audio-clips-track .timeline-clip-content .timeline-clip-content-name{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-track .timeline-audio-clips-track .audio-wave-layer{pointer-events:none;z-index:0;border-radius:12px;position:absolute;inset:3px 0 0;overflow:hidden}.timeline-track .timeline-audio-clips-track .audio-wave-layer.audio-wave-window{overflow:hidden}.timeline-track .timeline-audio-clips-track .audio-wave-layer.audio-wave-ghost{opacity:.4}.timeline-track .timeline-audio-clips-track .audio-wave-position{position:absolute;top:0;bottom:0}.timeline-track .timeline-audio-clips-track .audio-wave-position .audio-waveform{pointer-events:none;width:100%;height:100%}.timeline-track .timeline-audio-clips-track .audio-waveform-fill{color:#0000004d;fill:currentColor}.timeline-track .timeline-audio-clips-track .audio-fade-layer{z-index:3;opacity:0;height:0;transition:opacity .12s;position:absolute;inset:0 8px}.timeline-track .timeline-audio-clips-track .audio-fade-handle{cursor:ew-resize;pointer-events:all;background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;box-shadow:0 0 0 2px #7b2eff99}.timeline-track .timeline-audio-clips-track .audio-fade-handle:hover{box-shadow:0 0 0 3px #7b2effd9}.timeline-widget-track-label{z-index:6;padding:var(--track-vertical-padding) 20px;width:64px;color:rgba(var(--primary), .6);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:0;bottom:0;left:-64px}.timeline-widget-track-label .text{opacity:.8;flex:1;align-items:center;gap:6px;display:flex}.timeline-widget-track-label .text svg{width:24px;height:24px}.timeline-widget-track-label .text span{letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-widget-track-label .text span{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.timeline-time-track{z-index:100;width:100%;height:32px;padding-top:6px;display:flex;position:absolute;top:0}.timeline-slide-duration-handles-layer{pointer-events:none;z-index:8;position:absolute;inset:0}.timeline-slide-duration-handle{cursor:ew-resize;pointer-events:auto;will-change:left;z-index:5;align-items:center;width:1px;height:100%;display:flex;position:absolute;top:0}.timeline-slide-duration-handle:active .indicator-line{background:linear-gradient(#ff342a 80%,#0000 100%)}.timeline-slide-duration-handle:active .hint{opacity:0!important}.timeline-slide-duration-handle .indicator-line{z-index:2;pointer-events:none;background:linear-gradient(rgba(var(--panel-dim), 1) 80%, transparent 100%);width:1px;height:100%;position:relative}.timeline-slide-duration-handle .handle{z-index:1;place-items:center;width:20px;display:grid;position:absolute;top:0;bottom:0;left:0}.timeline-slide-duration-handle .handle .handle-knob{z-index:1;background:rgba(var(--primary), 1);opacity:.5;border-radius:20px;width:3px;height:50%;max-height:80px;transition:inherit}.timeline-slide-duration-handle .handle:hover .handle-knob{opacity:1}.timeline-slide-duration-handle .handle:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(to right, rgba(var(--panel), .5), transparent);position:absolute;inset:0 -40px 0 0}.timeline-slide-duration-handle .handle .hint{z-index:1;pointer-events:none;width:max-content;color:rgba(var(--primary), .36);opacity:.7;letter-spacing:-.2px;max-width:120px;font:14px/20px Inter,sans-serif;position:absolute;left:120%}@media only screen and (min-width:0) and (max-width:800px){.timeline-slide-duration-handle .handle .hint{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.timeline-slide-duration-handle.needs-hover .handle{visibility:hidden;opacity:0}.timeline-slide-duration-handle.needs-hover:hover .handle{visibility:visible;opacity:1}.timeline-none-slide-area{background:rgba(var(--panel-dim), .5);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.timeline-hover-add-wrapper.animation-add .timeline-hover-add-clip{background:rgba(var(--mockup-accent), .9)}.timeline-hover-add-wrapper.text-add .timeline-hover-add-clip{background:rgba(var(--text-accent), .9)}.timeline-hover-add-wrapper.music-add .timeline-hover-add-clip{background:rgba(var(--audio-accent), .9)}.timeline-hover-add-wrapper .timeline-hover-add-clip{cursor:pointer;height:inherit;z-index:10;border-radius:12px;justify-content:center;align-items:center;width:calc(100% - 1px);margin-left:.5px;display:flex;box-shadow:0 8px 20px #0006}.timeline-hover-add-wrapper .timeline-hover-add-clip svg{width:20px;height:20px}.timeline-clip-track-empty-state{position:absolute;top:0;bottom:0;left:0}.timeline-clip-track-empty-state .sticky-banner{color:rgba(var(--primary), .36);justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.timeline-clip-track-empty-state .sticky-banner svg{width:22px;height:22px}.intro-ghost-slot{inset-block:0;z-index:0;box-sizing:border-box;cursor:pointer;outline:1.5px dashed rgba(var(--primary), .12);outline-offset:-1.5px;background:rgba(var(--primary), .06);color:rgba(var(--primary), .36);letter-spacing:-.2px;border-radius:12px;justify-content:center;align-items:center;gap:4px;font:500 14px/18px Inter,sans-serif;display:flex;position:absolute;left:0}@media only screen and (min-width:0) and (max-width:800px){.intro-ghost-slot{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.intro-ghost-slot svg{width:18px;height:18px}.intro-ghost-slot:hover{background:rgba(var(--primary), .12);color:rgba(var(--primary), .6)}.intro-ghost-slot.is-selected{outline-style:solid;outline-color:rgba(var(--mockup-accent), .7);background:rgba(var(--mockup-accent), .12);color:rgba(var(--primary), 1)}.intro-ghost-slot.audio-slot.is-selected{outline-style:dashed;outline-color:rgba(var(--audio-accent), .7);background:rgba(var(--audio-accent), .12)}.intro-ghost-slot:active{transform:scale(.97)}.timeline-widget-clip-item{--color:rgba(var(--panel-active), .5)}.timeline-widget-clip-item.is-courtesy-context .timeline-clip-content{opacity:.35}.timeline-widget-clip-item .clip{cursor:pointer;background:var(--color);border-radius:12px;width:calc(100% - 1px);height:100%;margin-left:.5px;display:flex;position:absolute;box-shadow:0 4px 12px -4px #0003}.timeline-widget-clip-item .clip .clip-transition-curve{--svg-color:var(--panel-dim);pointer-events:none;z-index:1;border-bottom-left-radius:12px;min-width:12px;height:calc(100% - 8px);position:absolute;top:8px;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.timeline-widget-clip-item .clip .clip-transition-curve svg{width:100%;height:100%;position:absolute;inset:0}.timeline-widget-clip-item .clip .clip-transition-curve .transition-curve-fill{fill:rgba(var(--svg-color), .2)}.timeline-widget-clip-item .clip .clip-transition-curve .transition-curve-line{fill:none;stroke:rgba(var(--svg-color), .5);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.timeline-widget-clip-item .clip .clip-transition-curve .transition-curve-end{background:rgba(var(--svg-color), .5);width:1px;transition:inherit;position:absolute;top:3px;bottom:0;right:0}.timeline-widget-clip-item .clip .clip-transition-curve.is-emphasized .transition-curve-line{stroke:#ffffff73}.timeline-widget-clip-item .clip .clip-transition-curve.is-emphasized .transition-curve-fill{fill:#ffffff12}.timeline-widget-clip-item .clip .clip-transition-curve.is-emphasized .transition-curve-end{background:#ffffff8c;top:0}.timeline-widget-clip-item .clip:active{transform:translateY(-2px);box-shadow:0 6px 16px -6px #0006}.timeline-widget-clip-item .clip .handle{cursor:ew-resize;z-index:4;visibility:hidden;opacity:0;border-radius:12px;width:max-content;height:100%;padding:7px;transition:inherit;display:flex;position:absolute}.timeline-widget-clip-item .clip .handle:before{content:"";background:rgba(var(--primary), .6);z-index:1;border-radius:3px;width:3px;height:100%;transition:inherit}.timeline-widget-clip-item .clip .handle:after{content:"";pointer-events:none;opacity:0;width:150%;transition:inherit;position:absolute;top:0;bottom:0}.timeline-widget-clip-item .clip .handle.handle-left{left:0}.timeline-widget-clip-item .clip .handle.handle-left:after{background:linear-gradient(90deg, rgba(var(--panel-active), .5) 0%, transparent);border-radius:12px 0 0 12px;left:0}.timeline-widget-clip-item .clip .handle.handle-right{right:0}.timeline-widget-clip-item .clip .handle.handle-right:after{background:linear-gradient(-90deg, rgba(var(--panel-active), .5) 0%, transparent);border-radius:0 12px 12px 0;right:0}.timeline-widget-clip-item .clip .handle:hover:before{background:rgba(var(--primary), 1)}.timeline-widget-clip-item .options-ornament-wrapper{opacity:0;visibility:hidden;z-index:10;justify-content:center;align-items:center;width:max-content;margin:0 auto;padding:8px 8px 0;display:flex;position:absolute;bottom:-18px;left:0;right:0}.timeline-widget-clip-item .options-ornament-wrapper.is-active{opacity:1!important;visibility:visible!important}.timeline-widget-clip-item .options-ornament{background:rgba(var(--sheet), 1);border-radius:100px;padding:0!important}.timeline-widget-clip-item:hover .clip .handle{visibility:visible;opacity:1}.timeline-widget-clip-item:hover .options-ornament-wrapper{opacity:1;visibility:visible}.timeline-widget-clip-item:active{z-index:5}.timeline-widget-clip-item:active .clip{cursor:grabbing}.timeline-widget-clip-item.is-hidden .clip{opacity:.5}.timeline-widget-clip-item.is-hidden .is-hidden-badge{z-index:4;place-items:center;display:grid;position:absolute;inset:0}.timeline-widget-clip-item.is-hidden .is-hidden-badge svg{width:24px;height:24px}.timeline-widget-clip-item.is-editing{z-index:4}.timeline-widget-clip-item.is-editing .clip .handle{visibility:visible;opacity:1}.timeline-clip-content{z-index:2;border-radius:inherit;background:#0000001c;justify-content:center;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;overflow:hidden}.timeline-clip-content .content-wrapper{align-items:center;gap:8px;height:100%;display:flex}.timeline-clip-content .copy{pointer-events:none;flex-direction:column;align-items:flex-start;display:flex}.timeline-clip-content .copy .timeline-clip-content-kind{color:rgba(var(--primary), .6);letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-clip-content .copy .timeline-clip-content-kind{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-clip-content .copy .badges{justify-content:center;align-items:center;gap:9px;display:flex}.timeline-clip-content .copy .badges .badge-separator{color:rgba(var(--primary), .6);opacity:.6;letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.timeline-clip-content .copy .badges .badge-separator{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.timeline-clip-content .copy .badges .timeline-clip-content-name{font-weight:500!important}.timeline-clip-content .copy .badges .timeline-clip-badge{align-items:center;gap:3px;height:20px;display:flex}.timeline-clip-content .copy .badges .timeline-clip-badge svg{width:14px;height:14px}.timeline-clip-content .copy .badges .timeline-clip-badge .timeline-clip-content-name{line-height:14px!important}.timeline-clip-content .clip-preview{align-items:center;height:100%;display:flex}.timeline-clip-content .mockup-clip-preview{height:100%;padding:6px}.timeline-clip-content .mockup-clip-preview img{height:100%}.timeline-clip-content .media-clip-preview svg{color:rgba(var(--primary), 1);width:var(--media-icon);height:var(--media-icon)}.timeline-clip-content .text-clip-preview svg{color:rgba(var(--primary), 1);width:var(--text-icon);height:var(--text-icon)}.timeline-clip-content .audio-clip-preview svg{color:rgba(var(--primary), 1);width:var(--audio-icon);height:var(--audio-icon)}.timeline-clip-content .animation-clip-preview{display:var(--animation-kind-display);z-index:3;border-radius:10px;justify-content:center;width:max-content;max-width:100%;overflow:hidden}.timeline-clip-content .animation-clip-preview:hover{overflow:visible!important}.timeline-clip-content .animation-clip-preview .layout-item{border-radius:10px}.timeline-clip-content .animation-clip-preview .timeline-clip-preview{border-radius:10px;height:100%;position:relative;overflow:hidden}.timeline-clip-content .animation-clip-preview .timeline-clip-preview:hover{box-shadow:0 4px 8px #00000080}.timeline-clip-content .animation-clip-preview .base-frame{border-radius:10px;position:relative;overflow:hidden}.timeline-clip-content .animation-clip-preview .base-frame:hover{box-shadow:0 4px 8px #00000080}.timeline-clip-content .animation-clip-preview .base-frame *{pointer-events:none!important}.timeline-clip-content .animation-clip-preview .base-frame .empty-drop *{visibility:hidden;display:none}.media-clip-item{position:relative}.media-clip-item .timeline-clip-content{background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 140px), rgba(var(--panel), .8) calc(50% - 40px), rgba(var(--panel), .8) calc(50% + 40px), transparent calc(50% + 140px), transparent 100%)}.media-clip-item .clip .video-thumbnails-wrapper{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.media-clip-item .clip .video-thumbnails-wrapper .video-thumbnails-container{border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;overflow:hidden}.media-clip-item .clip .clip-overflow-fade{z-index:3;justify-content:flex-end;align-items:center;width:0;height:100%;display:flex;position:absolute;top:0}.media-clip-item .clip .clip-overflow-fade .clip-overflow-fade-button{color:rgba(var(--primary), .6);background:rgba(var(--panel), 1);padding-right:6px!important}.media-clip-item .image-media-preview{pointer-events:none;align-items:center;gap:6px;width:max-content;height:44px;margin:0 auto;display:flex;position:absolute;inset:0}.media-clip-item .image-media-preview .media-item{aspect-ratio:3/4;border-radius:4px;height:44px;overflow:hidden}.media-clip-item .image-media-preview .media-item img{width:100%;height:100%}.pause-clip-item{z-index:0;height:44px;position:absolute;top:0}.pause-clip-item .clip{border-radius:12px;align-items:center;width:calc(100% + 20px);height:100%;padding:0 12px;display:flex;overflow:hidden}.pause-clip-item .clip span{color:rgba(var(--primary), .36);letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.pause-clip-item .clip span{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.pause-clip-item.end-pause .clip{justify-content:flex-end;margin-left:-20px}.timeline-clip-hover-preview{z-index:1;border-radius:10px;position:absolute;bottom:calc(100% + 8px);overflow:hidden}.timeline-clip-hover-preview>div{background:rgba(var(--panel), 1);width:100%;height:100%}.timeline-clip-hover-preview.intro-kind{left:0}.timeline-clip-hover-preview.middle-kind,.timeline-clip-hover-preview.outro-kind{left:50%;transform:translate(-50%)}.timeline-ghost-ticker{z-index:101;pointer-events:none;width:1.5px;height:1000px;position:absolute}.timeline-ghost-ticker .needle{opacity:.5;outline:solid 1px rgba(var(--panel-dim), 1);background:#ff342a;width:1.5px;height:100%}.timeline-track-ticker{z-index:7;pointer-events:none;flex-direction:column;align-items:center;width:1.5px;height:calc(100% - 6px);display:flex;position:absolute}.timeline-track-ticker.is-active .needle{opacity:.8!important;background:#ff342a!important}.timeline-track-ticker.is-active .orb{outline-color:#ff342a!important}.timeline-track-ticker .needle{background:rgba(var(--primary), 1);opacity:.8;z-index:1;outline:solid 1px rgba(var(--panel-dim), 1);pointer-events:none;border-radius:2px;width:1.5px;height:1000px;margin-top:26px;position:absolute}.timeline-track-ticker .orb{background:rgba(var(--secondary), 1);outline:solid 1.5px rgba(var(--primary), 1);outline-offset:-1.5px;pointer-events:all;z-index:2;cursor:grab;border-radius:40px;justify-content:center;align-items:center;width:12px;max-width:12px;min-height:26px;display:flex;bottom:0;left:0}.timeline-track-ticker .orb span{color:rgba(var(--secondary), 1);opacity:0;transition:inherit!important}.timeline-track-ticker .orb:active{cursor:grabbing;transform:scale(1.1)}.timeline-track-ticker:hover .needle,.timeline-track-ticker:active .needle{opacity:.8}.timeline-track-ticker:hover .orb,.timeline-track-ticker:active .orb{outline:none;width:48px;max-width:48px;min-height:30px;margin-top:-2px}.timeline-track-ticker:hover .orb span,.timeline-track-ticker:active .orb span{opacity:1;color:rgba(var(--primary), 1)}.live-timeline-playhead{z-index:6}.live-timeline-playhead .orb{outline-color:var(--live-member-color);pointer-events:none;width:26px;max-width:26px}.live-timeline-playhead .needle{background:var(--live-member-color)}.timeline-time-tick{pointer-events:none;height:26px;display:flex;position:absolute}.timeline-time-tick>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding:5px 0;display:flex;position:relative;transform:translate(-50%)}.timeline-time-tick>div span{color:rgba(var(--primary), .36);text-align:center;margin:0 auto;font-weight:500;position:absolute;top:-4px;left:0;right:0}.timeline-time-tick>div .dot{background:rgba(var(--primary), .36);border-radius:50%;width:2.5px;height:2.5px}.timeline-time-tick>div .line{background:rgba(var(--primary), .36);border-radius:2px;width:1.5px;height:8px}.animation-options-popover{flex-direction:column;padding:6px;display:flex}.animation-options-popover button{justify-content:flex-start!important}.animation-options-popover button .keys{color:rgba(var(--primary), .36);letter-spacing:-.2px;margin-left:auto;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.animation-options-popover button .keys{letter-spacing:0;font:12px/16px Inter,sans-serif}}.timeline-controls{z-index:1;gap:16px;padding:12px 20px;display:flex;position:absolute;top:-64px;left:220px;right:220px}@media only screen and (min-width:800px) and (max-width:1200px){.timeline-controls{right:0}}.timeline-controls .left,.timeline-controls .center,.timeline-controls .right{align-items:center;gap:16px;display:flex}.timeline-controls .left.left,.timeline-controls .center.left,.timeline-controls .right.left{flex:1;justify-content:flex-end}.timeline-controls .left.right,.timeline-controls .center.right,.timeline-controls .right.right{flex:1;justify-content:flex-start}.timeline-height-control{z-index:110;cursor:ns-resize;height:8px;position:absolute;top:0;left:20px;right:20px}.timeline-height-control:hover:before,.timeline-height-control:active:before{opacity:1}.timeline-height-control:before{content:"";background:linear-gradient(90deg, transparent 0%, rgba(var(--primary), .36) 120px, rgba(var(--primary), .36) 50%, rgba(var(--primary), .36) calc(100% - 120px), transparent 100%);opacity:0;height:1px;position:absolute;top:0;left:0;right:0}.animation-clip-item-v2 .timeline-clip-content-v2{padding-inline:4px}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper{position:relative}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper .v2-start-slot{order:0}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper .v2-main-slot{order:0;position:relative}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper .copy{flex-shrink:0;order:1;min-width:max-content}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper .copy .copy-stabilizer{will-change:transform;flex-direction:column;align-items:center;display:flex}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper.is-anchored{justify-content:space-between;width:100%}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper.is-anchored .copy{order:1;align-items:center}.animation-clip-item-v2 .timeline-clip-content-v2 .content-wrapper.is-anchored .v2-main-slot{order:2}.animation-clip-item-v2 .timeline-clip-content-v2 .v2-tease-ghost{z-index:1;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.animation-clip-item-v2 .timeline-clip-content-v2 .v2-tease-ghost .v2-tease-ghost-inner{border-radius:10px;align-items:center;height:100%;display:flex;overflow:hidden}.animation-clip-item-v2 .timeline-clip-content-v2 .v2-tease-ghost .v2-tease-ghost-inner .timeline-clip-preview{border-radius:inherit;overflow:hidden}.animation-clip-item-v2 .timeline-clip-content-v2 .v2-main-slot .animation-clip-preview{z-index:2;position:relative}.animation-clip-item-v2 .clip{will-change:transform}.animation-clip-item-v2 .clip.rubber-relax,.animation-clip-item-v2 .clip.rubber-relax .copy-stabilizer{transition:transform var(--v2-relax-dur,.35s) cubic-bezier(.22, 1.55, .36, 1)}.animation-clip-item-v2.just-anchored .clip{transform-origin:0;animation:v2-impact-squash var(--v2-impact-dur,.45s) cubic-bezier(.22, 1.6, .36, 1)}.animation-clip-item-v2.just-released .clip{animation:v2-jelly-release var(--v2-jelly-dur,.5s) cubic-bezier(.3, 1.4, .4, 1)}@keyframes v2-impact-squash{0%{transform:scaleX(calc(1 - var(--v2-impact-squash,.1))) scaleY(calc(1 + var(--v2-impact-squash,.1) * 1.4))}55%{transform:scaleX(calc(1 + var(--v2-impact-squash,.1) * .45)) scaleY(calc(1 - var(--v2-impact-squash,.1) * .6))}to{transform:scaleX(1)scaleY(1)}}@keyframes v2-jelly-release{0%{transform:scaleX(calc(1 + var(--v2-jelly-wobble,.11) * 1.1)) scaleY(calc(1 - var(--v2-jelly-wobble,.11)))}45%{transform:scaleX(calc(1 - var(--v2-jelly-wobble,.11) * .55)) scaleY(calc(1 + var(--v2-jelly-wobble,.11) * .65))}75%{transform:scaleX(calc(1 + var(--v2-jelly-wobble,.11) * .23)) scaleY(calc(1 - var(--v2-jelly-wobble,.11) * .27))}to{transform:scaleX(1)scaleY(1)}}.export-item{padding:6px;border-radius:20px;align-items:center;gap:12px;padding-right:12px;display:flex;position:relative}@media only screen and (min-width:1200px){.export-item:hover{background:rgba(var(--primary), .06)}.export-item:hover .buttons{opacity:1;visibility:visible}}.export-item .preview{aspect-ratio:1;place-items:center;width:64px;display:grid;position:relative}.export-item .preview div{border-radius:10px;max-height:100%;margin:auto;position:absolute;inset:0;overflow:hidden}.export-item .preview div img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.export-item .preview svg{width:48px;height:48px;color:rgba(var(--primary), .12)}.export-item .copy{flex-direction:column;flex:1;gap:2px;display:flex}.export-item .buttons{opacity:0;visibility:hidden;align-items:center;gap:8px;display:flex}@media only screen and (min-width:800px){.templates-menu-view,.template-preview-view{margin-top:8px;margin-left:8px;overflow:hidden;background:rgba(var(--panel), 1)!important;border-radius:22px!important}}.template-preview-view{flex-direction:column;justify-content:center;display:flex}.template-preview-view .backdrop{z-index:0;position:absolute;inset:0}.template-menu-navbar{z-index:10;background:linear-gradient(rgba(var(--panel), 1), transparent),linear-gradient(rgba(var(--panel), 1), transparent);justify-content:space-between;align-items:flex-start;padding:13.3333px 13.3333px 60px 20px;display:flex;position:absolute;top:0;left:0;right:0}.template-menu-type-filters{z-index:12;flex-wrap:wrap;gap:2px;width:max-content;display:flex;position:absolute;top:64px;left:20px}.template-menu-type-filters button{gap:6px!important}.template-menu-type-filters button .active-indicator{background:rgba(var(--primary), 1)}.template-menu-filters{flex-wrap:wrap;gap:12px;padding:0 20px;display:flex}.template-menu-filters .template-filter{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.template-menu-filters .template-filter .icon{background:rgba(var(--secondary), 1);border-radius:50%;padding:12px}.template-menu-filters .template-filter .icon svg{width:28px;height:28px}@media only screen and (min-width:1200px){.template-menu-filters .template-filter:hover .icon{background:rgba(var(--primary), .06)}}.template-menu-filters .template-filter.is-active .icon{background:rgba(var(--primary), 1)}.template-menu-filters .template-filter.is-active .icon svg{color:rgba(var(--secondary), 1)}.template-section{flex-direction:column;display:flex;position:relative}.template-section:before{content:"";inset:0;left:unset;background:linear-gradient(90deg, transparent, rgba(var(--panel), 1));z-index:2;pointer-events:none;width:40px;position:absolute}.template-section.grid-view:before{display:none!important}.template-section .h-stack .content{padding:12px 20px}.template-section .head{z-index:2;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.template-section .head .copy{gap:2px}.template-section .head button{background:rgba(var(--primary), .12)}@media only screen and (min-width:0) and (max-width:800px){.template-section button{visibility:hidden}.template-section:before{display:none}}.template-item{z-index:1;cursor:pointer;flex-direction:column;align-items:center;gap:9px;display:flex}.template-item .preview-wrapper{flex:1;place-items:center;display:grid}.template-item .display-wrapper{background:rgba(var(--primary), .12);border-radius:14px;position:relative;overflow:hidden}.template-item .display-wrapper:after{content:"";outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.template-item .display-wrapper .media-tag{z-index:1;filter:drop-shadow(0 0 5px #00000080);position:absolute;bottom:8px;left:8px}.template-item .display-wrapper .media-tag svg{color:#fff;width:20px;height:20px}.template-item .display-wrapper .media-tag.is-playing{animation:.7s ease-in-out infinite alternate heartbeat}@keyframes heartbeat{to{opacity:.5;transform:scale(.9)}}.template-item .display-wrapper .animated-template-info{flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex;position:absolute;bottom:-68px;left:0;right:0}.template-item .display-wrapper .animated-template-info .video-duration{background:rgba(var(--primary), .12);border-radius:2px;width:130px;height:4px}.template-item .display-wrapper .animated-template-info .video-duration .progress{background:rgba(var(--primary), 1);border-radius:inherit;height:100%}.template-item .display-wrapper .animated-template-info .playback-control{transform:scale(.8)}.template-item .copy{text-align:center;flex-direction:column;order:1;gap:3px;display:flex}.template-item.big-preview{cursor:default;justify-content:space-between;align-items:center;gap:40px;height:100%;padding:32px}.template-item.big-preview .admin-controls{gap:8px;display:flex}.template-item.big-preview .copy{order:unset;width:100%}.template-item.big-preview .copy .caption2{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif;color:rgba(var(--primary), 1)!important}@media only screen and (min-width:0) and (max-width:800px){.template-item.big-preview .copy .caption2{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.template-item.big-preview .copy .tags{flex-wrap:wrap;justify-content:center;gap:16px;max-width:80%;margin:16px auto 0;display:flex}.template-item.big-preview .copy .tags div{color:rgba(var(--primary), .6);text-transform:capitalize;letter-spacing:-.2px;align-items:center;gap:4px;margin-top:-8px;font:12.5px/20px Inter,sans-serif;display:flex}@media only screen and (min-width:0) and (max-width:800px){.template-item.big-preview .copy .tags div{letter-spacing:0;font:12px/16px Inter,sans-serif}}.template-item.big-preview .copy .tags div svg{width:16px;height:16px}.template-item.big-preview .display-wrapper{border-radius:16px}.template-item.big-preview .display-wrapper>*{cursor:default}.template-item.big-preview>button{margin-bottom:8px}.template-item.big-preview .use-template-button-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.template-item.big-preview .use-template-button-wrapper>span{text-align:center}.save-template-modal .groups-list{flex-wrap:wrap;gap:8px;display:flex}.template-groups-edit-modal .groups{flex-direction:column;gap:8px;display:flex}.template-groups-edit-modal .groups .group-item{background:rgba(var(--primary), .06);border-radius:12px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.template-groups-edit-modal .groups .group-item>span{flex:1}.release-notes-modal{flex-direction:column;gap:32px;display:flex}.release-notes-modal .head .h1{width:max-content;font:500 44px/44px Delicious Handrawn,sans-serif;position:relative}.release-notes-modal .head p{letter-spacing:-.2px;max-width:90%;margin-top:12px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .head p{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.release-notes-modal .release .h5{padding-left:24px;position:relative}.release-notes-modal .release .h5:before,.release-notes-modal .release .h5:after{content:"";border-radius:50%;position:absolute}.release-notes-modal .release .h5:before{background:rgba(var(--primary), 1);width:12px;height:12px;top:6px;left:0}.release-notes-modal .release .h5:after{background:rgba(var(--background), .8);width:8px;height:8px;top:8px;left:2px}.release-notes-modal .release .content{height:max-content;padding:8px 8px 8px 24px;position:relative}.release-notes-modal .release .content .cards{flex-flow:wrap;gap:10px;display:flex}.release-notes-modal .release .content:before{content:"";background:linear-gradient(rgba(var(--primary), 1) 0%, transparent 100%);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:5px}.release-notes-modal .update-card{corner-shape:superellipse(1.2);aspect-ratio:1;background:#28282b;border-radius:20px;flex-basis:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000029}.release-notes-modal .update-card .blur-overlay{z-index:1;pointer-events:none;height:32%;position:absolute;left:0;right:0}.release-notes-modal .update-card .blur-overlay:after{content:"";background:linear-gradient(#3b82f680 0%,#3b82f633 50%,#0000 100%);position:absolute;inset:0}.release-notes-modal .update-card .blur-overlay.blur-top{top:0}.release-notes-modal .update-card .blur-overlay.blur-top:after{background:linear-gradient(#1c325f99 0%,#1c325f4d 60%,#0000 100%)}.release-notes-modal .update-card .blur-overlay.blur-bottom{bottom:0}.release-notes-modal .update-card .blur-overlay.blur-bottom:after{background:linear-gradient(#0000 0%,#1c325f4d 50%,#1c325f80 100%)}.release-notes-modal .update-card:after{content:"";z-index:3;border:solid 1px rgba(var(--primary), .08);border-radius:inherit;position:absolute;inset:0}.release-notes-modal .update-card .text-layer{z-index:2;flex-direction:column;width:100%;height:100%;padding:16px;display:flex}.release-notes-modal .update-card .text-layer p{color:#eee;font-weight:500!important}.release-notes-modal .update-card .text-layer.light p{color:#000;font-weight:550!important}.release-notes-modal .update-card .text-layer.caption{background:#000;border-radius:8px;width:max-content;height:max-content;padding:3px 8px;position:absolute;bottom:8px;left:8px}.release-notes-modal .update-card .text-layer.caption p{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card .text-layer.caption p{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.release-notes-modal .update-card .text-layer.overlay{-webkit-backdrop-filter:blur(50px)saturate(120%);backdrop-filter:blur(50px)saturate(120%)}.release-notes-modal .update-card .media{z-index:0;position:absolute;inset:0}.release-notes-modal .update-card .media img,.release-notes-modal .update-card .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.release-notes-modal .update-card.xs{height:max-content;aspect-ratio:unset}.release-notes-modal .update-card.xs p{letter-spacing:-.3px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.xs p{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.release-notes-modal .update-card.sm{flex-basis:calc(50% - 5px)}.release-notes-modal .update-card.sm p{letter-spacing:-.3px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.sm p{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.release-notes-modal .update-card.tl{aspect-ratio:1/2;flex-basis:calc(50% - 5px)}.release-notes-modal .update-card.tl p{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.tl p{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.release-notes-modal .update-card.md{aspect-ratio:2}.release-notes-modal .update-card.md p{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.md p{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.release-notes-modal .update-card.lg p{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.lg p{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.release-notes-modal .update-card.small p{letter-spacing:-.3px;font:16px/22px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.small p{letter-spacing:-.2px;font:16px/22px Inter,sans-serif}}.release-notes-modal .update-card.def p{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.def p{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.release-notes-modal .update-card.big p{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.release-notes-modal .update-card.big p{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.upgrade-flow-steps{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:max-content;margin:0 auto;display:flex;position:absolute;top:22px;left:0;right:0}@media only screen and (min-width:0) and (max-width:800px){.upgrade-flow-steps{top:calc(22px + env(safe-area-inset-top,16px))}}.upgrade-flow-steps .steps{align-items:center;gap:8px;height:4px;display:flex}.upgrade-flow-steps .steps div{min-width:40px;height:inherit;background:rgba(var(--primary), .12);border-radius:8px}.upgrade-flow-steps .steps div.is-active{background:rgba(var(--primary), 1)}.upgrade-flow-steps .steps div.is-done{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%) 0 0/120px 4px}.upgrade-flow-steps .steps div.is-done.step-2{background-position:-40px 0}.upgrade-flow-steps .steps div.is-done.step-3{background-position:-80px 0}.upgrade-modal{background:rgba(var(--sheet), 1);border-radius:24px;height:100%;position:relative;overflow:hidden}.upgrade-modal .ui-sheet-navbar .ui-sheet-title{margin-top:24px}.upgrade-modal .ui-sheet-navbar:before{background:rgba(var(--sheet), .7)!important}@media only screen and (min-width:800px){.upgrade-modal .plans-tabs,.upgrade-modal .plans-info,.upgrade-modal .upgrade-faqs,.upgrade-modal .payment-perks{width:100%;max-width:540px;margin:0 auto}}.upgrade-modal .upgrade-modal-head{flex-direction:column;gap:20px;display:flex;position:relative}.upgrade-modal .upgrade-modal-head .cover{aspect-ratio:2;z-index:-1;width:100%;margin-bottom:-120px;position:relative;overflow:hidden}.upgrade-modal .upgrade-modal-head .cover video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upgrade-modal .upgrade-modal-head .cover:before{content:"";z-index:1;background:linear-gradient(0deg, rgba(var(--sheet), 1) 0%, transparent 50%),linear-gradient(0deg, rgba(var(--sheet), 1) 0%, transparent 100%);position:absolute;inset:0}.upgrade-modal .upgrade-modal-head .copy{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 20px;display:flex}@media only screen and (min-width:0) and (max-width:800px){.upgrade-modal .upgrade-modal-head .cover{aspect-ratio:4/3}.upgrade-modal .upgrade-modal-head .copy>span{max-width:70%}}.upgrade-modal .perk-card{background:#000;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.upgrade-modal .perk-card .copy{flex-direction:column;order:2;gap:5px;padding:10px 20px 20px;display:flex}.upgrade-modal .perk-card .cover{flex:1;order:1;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 15% 80%,#0000 100%)}.upgrade-modal .perk-card .cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upgrade-modal .plans-tabs{justify-content:center;padding:20px;display:flex}.upgrade-modal .plans-tabs .plans-tabs-switch{background:rgba(var(--panel-dim), 1);border-radius:50px;gap:2px;width:100%;padding:2px;display:flex;position:relative}.upgrade-modal .plans-tabs .plans-tabs-switch button{flex:1;overflow:visible!important}.upgrade-modal .plans-tabs .plans-tabs-switch .yearly-badge{border:solid 2px rgba(var(--sheet), 1);z-index:2;width:max-content;position:absolute;top:-55%;right:-5%;transform:rotate(3deg)}@media only screen and (min-width:800px){.upgrade-modal .plans-tabs .plans-tabs-switch{max-width:378px}}@media only screen and (min-width:0) and (max-width:800px){.upgrade-modal .plans-tabs .yearly-badge{top:-45%!important;right:-2%!important}}.upgrade-modal .plans-info{flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex;position:relative}.upgrade-modal .plans-info .plan-sections-wrapper{justify-content:center;gap:20px;width:100%;display:flex}.upgrade-modal .plans-info .plan-section{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.upgrade-modal .plans-info .plan-section .plan-type-card{aspect-ratio:2.2;border-radius:16px;place-items:center;width:120px;margin:8px 0;display:grid;position:relative}.upgrade-modal .plans-info .plan-section .plan-type-card .h1{z-index:2;color:#fff}.upgrade-modal .plans-info .plan-section .details{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.upgrade-modal .plans-info .plan-section .details .plan-price{align-items:center;gap:4px;display:flex}.upgrade-modal .plans-info .plan-section .details .plan-footnote{margin-top:-4px}@media only screen and (min-width:800px){.upgrade-modal .plans-info .plan-section>button{width:180px}}@media only screen and (min-width:0) and (max-width:800px){.upgrade-modal .plans-info .plan-section>button{width:100%!important}}.upgrade-modal .plans-info .plans-features{justify-content:center;gap:20px;width:100%;padding:0 0 20px;display:flex}.upgrade-modal .plans-info .plans-features .features-column{border-radius:20px;flex-direction:column;gap:40px;width:100%;padding:20px;display:flex}.upgrade-modal .plans-info .plans-features .features-column.pro-column .feature-item span{font-weight:600}.upgrade-modal .plans-info .plans-features .features-column .feature-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.upgrade-modal .plans-info .plans-features .features-column .feature-item .icon{align-items:center;gap:4px;display:flex}.upgrade-modal .plans-info .plans-features .features-column .feature-item .icon svg{width:32px;height:32px}.upgrade-modal .plans-info .plans-features .features-column .feature-item.none-item *{visibility:hidden}.upgrade-modal .plans-info .plans-features .features-column .feature-item.none-item:before{content:"";visibility:visible;background:rgba(var(--primary), 1);width:26px;height:2px;position:absolute;top:50%}.upgrade-modal .payment-perks{flex-direction:column;align-items:center;gap:20px;padding:20px 20px 40px;display:flex}.upgrade-modal .upgrade-faqs{flex-direction:column;gap:8px;padding:20px;display:flex}.upgrade-modal .upgrade-faqs .faq-item{background:rgba(var(--primary), .06);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.upgrade-modal .upgrade-faqs .faq-item .head{justify-content:space-between;align-items:center;gap:32px;display:flex}.upgrade-modal .upgrade-faqs .faq-item .head span{flex:1}.upgrade-modal .upgrade-faqs .faq-item .head svg{width:16px;height:16px;color:rgba(var(--primary), .6)}.upgrade-modal .upgrade-faqs .faq-item.is-open .head svg{transform:rotate(-180deg)}.upgrade-stripe-view .ui-sheet-navbar button{background:#0000001a!important}.upgrade-stripe-view .ui-sheet-navbar button svg{color:#000}.upgrade-stripe-view .ui-sheet-navbar:before{background:#ffffffb3!important}.upgrade-stripe-view .upgrade-flow-steps span{color:#000}.upgrade-stripe-view .upgrade-flow-steps .is-active{background:#000!important}.stripe-component{z-index:2;background:#fff;position:absolute;inset:0}.stripe-component .stripe-component-loading{place-items:center;display:grid;position:fixed;inset:0}.stripe-component .stripe-checkout-plan-details{color:#000;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}@media only screen and (min-width:800px){.stripe-component .stripe-checkout-plan-details{width:400px;margin:0 auto}}.stripe-component .stripe-checkout-plan-details .texts{flex-direction:column;flex:1;gap:2px;display:flex}.stripe-component .stripe-checkout-plan-details .texts span:first-child{opacity:.5;letter-spacing:.4px;text-transform:uppercase;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.stripe-component .stripe-checkout-plan-details .texts span:first-child{font:500 11px/16px Inter,sans-serif}}.stripe-component .stripe-checkout-plan-details .texts span:nth-child(2){letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.stripe-component .stripe-checkout-plan-details .texts span:nth-child(2){letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}@media only screen and (min-width:800px){.stripe-component .stripe-checkout{width:400px;margin:0 auto}}.upgrade-result-view{background:rgba(var(--sheet), 1);flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100%;padding:32px;display:flex;position:relative}.upgrade-result-view>:not(.backdrop){z-index:1}.upgrade-result-view .subscription-card{transform:rotate(-3deg)}.upgrade-result-view>.copy{text-align:center;flex-direction:column;gap:12px;display:flex}.upgrade-result-view>.copy span{text-wrap:pretty}.upgrade-result-view .icon svg{width:48px;height:48px}.upgrade-result-view .backdrop{z-index:0;border-radius:inherit;position:absolute;inset:0 0 20%;overflow:hidden}.upgrade-result-view .backdrop video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upgrade-result-view .backdrop:after{content:"";background:linear-gradient(to top, rgba(var(--sheet), 1) 0%, rgba(var(--sheet), .1) 100%),linear-gradient(to top, rgba(var(--sheet), 1) 0%, rgba(var(--sheet), .1) 100%);position:absolute;inset:0}.share-segmented{background:rgba(var(--panel-dim), 1);border:1px solid rgba(var(--primary), .06);border-radius:12px;gap:2px;padding:2px;display:flex}.share-segment{all:unset;cursor:pointer;color:rgba(var(--primary), .6);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:flex}.share-segment svg{width:13px;height:13px}@media only screen and (min-width:1200px){.share-segment:hover{background:rgba(var(--primary), .06);color:rgba(var(--primary), 1)}}.share-segment:active{transform:scale(.97)}.share-segment.is-active{background:rgba(var(--panel-active), 1);color:rgba(var(--primary), 1)}.share-fixed-access{background:rgba(var(--panel-dim), 1);color:rgba(var(--primary), 1);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.share-fixed-access svg{width:13px;height:13px;color:rgba(var(--primary), .6)}.share-fixed-access span:last-child{margin-left:auto}.share-link-row{background:rgba(var(--panel-dim), 1);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}@media only screen and (min-width:1200px){.share-link-row:hover{background:rgba(var(--panel-active), 1)}.share-link-row:hover .share-link-delete{opacity:1;visibility:visible}}.share-link-icon{background:rgba(var(--primary), .12);width:26px;height:26px;color:rgba(var(--primary), .6);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.share-link-icon svg{width:12px;height:12px}.share-link-delete{opacity:0;visibility:hidden}@media only screen and (min-width:1200px){.share-link-delete:hover{color:rgba(var(--primary), 1)}}@media only screen and (min-width:0) and (max-width:800px){.share-link-delete{opacity:1;visibility:visible}}.view-only-shield{z-index:1000;cursor:default;position:fixed;inset:0}.view-only-pill{background:rgba(var(--panel), 1);border:1px solid rgba(var(--primary), .06);color:rgba(var(--primary), .6);border-radius:100px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.view-only-exit{all:unset;cursor:pointer;color:rgba(var(--primary), .36);border-left:1px solid rgba(var(--primary), .12);padding-left:8px}@media only screen and (min-width:1200px){.view-only-exit:hover{color:rgba(var(--primary), 1)}}.assets-library-container .modal-container-backdrop{background:linear-gradient(to right, rgba(var(--background), 1) 0%, rgba(var(--background), 1) 200px, transparent 296px, transparent 100%)!important}.assets-library-sheet{width:232px!important;max-width:232px!important;min-height:calc(100vh - 12px)!important;max-height:calc(100vh - 12px)!important}.asset-item.new-media{cursor:pointer;position:relative}.asset-item.new-media.list-view .media-safearea.contain-preview .add-icon{border-radius:14px;width:44px}.asset-item.new-media .media-safearea .add-icon{background:rgba(var(--primary), .08);place-content:center;display:grid}.asset-item.new-media .media-safearea .add-icon svg{width:32px;height:32px;color:rgba(var(--primary), .6)}.asset-item.new-media .media-safearea.cover-preview .add-icon{border-radius:inherit;width:100%;height:100%}.asset-item.new-media .media-safearea.contain-preview{place-content:center;display:grid}.asset-item.new-media .media-safearea.contain-preview .add-icon{aspect-ratio:1;border-radius:18px;width:64px}.asset-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:100%;display:flex;position:relative}.asset-item.list-view{flex-direction:row}.asset-item.list-view .media-safearea{width:64px}.asset-item.list-view .media-text{flex:1}.asset-item.grid-view .media-text{text-align:center;align-items:center}.asset-item.grid-view.audio-asset-item .contain-preview .media-display{inset:6%!important}.asset-item.audio-asset-item .audio-display{background:rgba(var(--audio-accent), .1);place-items:center;display:grid}.asset-item.audio-asset-item .audio-display>svg{width:32px;height:32px;color:rgba(var(--audio-accent), 1);grid-area:1/1;transition:opacity .15s}.asset-item.audio-asset-item .audio-display .audio-preview-control{width:62px;height:62px;color:rgba(var(--audio-accent), 1);background:rgba(var(--audio-accent), .08);cursor:pointer;opacity:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;grid-area:1/1;place-items:center;padding:0;transition:opacity .15s;display:grid;position:relative}.asset-item.audio-asset-item .audio-display .audio-preview-control .progress-bar-wrapper{position:absolute;inset:0}.asset-item.audio-asset-item .audio-display .audio-preview-control__seek-target{background:rgba(var(--audio-accent), .9);border:1px solid rgba(var(--audio-accent), .45);width:6px;height:6px;box-shadow:0 0 4px rgba(var(--audio-accent), .45);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.asset-item.audio-asset-item .audio-display .audio-preview-control>span{place-items:center;width:28px;height:28px;display:grid}.asset-item.audio-asset-item .audio-display .audio-preview-control>span svg{width:24px;height:24px}.asset-item.audio-asset-item .audio-display:hover>svg,.asset-item.audio-asset-item .audio-display:focus-within>svg{opacity:0}.asset-item.audio-asset-item .audio-display:hover .audio-preview-control,.asset-item.audio-asset-item .audio-display:focus-within .audio-preview-control{opacity:1;pointer-events:auto}.asset-item.audio-asset-item .audio-display:has(.audio-preview-control.is-playing)>svg{opacity:0}.asset-item.audio-asset-item .audio-display:has(.audio-preview-control.is-playing) .audio-preview-control{opacity:1;pointer-events:auto}.asset-item .asset-item-menu-button{z-index:10;position:absolute;top:0;right:0}.asset-item .media-text{pointer-events:none;flex-direction:column;gap:4px;display:flex}.asset-item .media-text>div{align-items:center;gap:3px;display:flex}.asset-item .media-text svg{color:rgba(var(--primary), .36);width:14px;height:14px}.asset-item .media-safearea{aspect-ratio:1;corner-shape:var(--squircle);border-radius:18px;width:100%;transition:inherit;position:relative}.asset-item .media-safearea .media-display{outline:solid 1px rgba(var(--primary), .1);outline-offset:-1px;corner-shape:inherit;border-radius:inherit;transition:inherit;position:absolute;inset:0;overflow:hidden}.asset-item .media-safearea .media-display.is-selectable{outline-color:rgba(var(--primary), .12)}.asset-item .media-safearea .media-display.is-selected{outline:solid 1.5px rgba(var(--info), 1);outline-offset:2.5px}.asset-item .media-safearea .media-display img,.asset-item .media-safearea .media-display video{width:100%;height:100%}.asset-item .media-safearea.cover-preview .media-display img,.asset-item .media-safearea.cover-preview .media-display video{-o-object-fit:cover;object-fit:cover}.asset-item .media-safearea.contain-preview .media-display{border-radius:12px;max-height:100%;margin:auto}.asset-item .media-safearea .media-upload-progress{z-index:1;border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0}@media only screen and (min-width:1200px){.asset-item .asset-item-menu-button{opacity:0;visibility:hidden}.asset-item:hover .asset-item-menu-button{opacity:1;visibility:visible}}.assets-library-storage-meter{flex-direction:column;gap:16px;display:flex}.assets-library-storage-meter .storage-meter-bar{gap:2px;width:100%;height:10px;display:flex;position:relative;overflow:hidden}.assets-library-storage-meter .storage-meter-bar .storage-meter-fill{height:inherit;border-radius:4px}.assets-library-storage-meter .segments-hints{background:red;gap:12px;display:flex}.assets-library-storage-meter .segment-hint{flex-direction:column;align-items:center;gap:4px;display:flex}.assets-library-storage-meter .segment-hint .hint-item svg{color:inherit;width:14px;height:14px}.assets-library-storage-meter.is-full .storage-title,.assets-library-storage-meter.is-full .storage-usage-text{color:rgba(var(--danger), 1)!important}.assets-library-storage-meter.is-almost-full .storage-title,.assets-library-storage-meter.is-almost-full .storage-usage-text{color:rgba(var(--alert), 1)!important}.media-preview-overlay{z-index:1010;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000c7;place-items:center;padding:clamp(24px,5vw,80px);display:grid;position:fixed;inset:0}.media-preview-overlay__content{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.media-preview-overlay__media{width:min(100cqw,100cqh*var(--media-preview-aspect-ratio));max-width:100%;max-height:100%;aspect-ratio:var(--media-preview-aspect-ratio);corner-shape:var(--squircle);filter:drop-shadow(0 24px 40px #00000080);border-radius:18px;overflow:hidden}.media-preview-overlay__media img,.media-preview-overlay__media video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.media-preview-overlay__media video{background:0 0}.media-preview-overlay__quality{bottom:calc(18px + env(safe-area-inset-bottom,0px));background:rgba(var(--panel), .82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:3px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.media-preview-overlay__quality button{min-width:82px;height:36px;color:rgba(var(--primary), .6);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.media-preview-overlay__quality button[aria-pressed=true]{color:rgba(var(--primary), 1);background:rgba(var(--primary), .12)}.media-preview-overlay__close{top:calc(18px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));width:44px;height:44px;color:rgba(var(--primary), 1);background:rgba(var(--panel), .82);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.media-preview-overlay__close svg{width:24px;height:24px}@media only screen and (min-width:0) and (max-width:800px){.media-preview-overlay{padding:64px 12px 24px}.media-preview-overlay__media{border-radius:12px}}.frame-item{text-align:center;cursor:pointer;flex-direction:column;gap:4px;display:flex;overflow:hidden}.frame-item.is-landscape .icon-wrapper{aspect-ratio:5/4.5!important}.frame-item.is-portrait .icon-wrapper{aspect-ratio:4.5/5!important}.frame-item .icon-wrapper{position:relative;overflow:hidden}.frame-item .icon-wrapper .frame-icon-display{position:absolute;inset:5px}.frame-item .icon-wrapper .frame-icon-display .frame-item-icon{background:rgba(var(--primary), .08);border:solid 1.5px rgba(var(--primary), .06);border-radius:10px;place-items:center;max-height:100%;margin:auto auto 0;transition:all .2s;display:grid;position:absolute;inset:0}.frame-item .icon-wrapper .frame-icon-display .frame-item-icon img{width:16px;height:16px}.frame-item .details{flex-direction:column;gap:2px;display:flex}.frame-picker-preview{min-width:40px;height:40px;padding:3px;position:relative}.frame-picker-preview .frame-preview{width:100%;height:100%;position:relative}.frame-picker-preview .frame-preview .current-frame-icon{background:rgba(var(--primary), .36);border:solid 1px rgba(var(--primary), 1);border-radius:3px;max-height:100%;margin:auto;transition:all .2s;position:absolute;inset:0}.frame-platform-icon{z-index:2;margin-left:6px;line-height:0}.frame-platform-icon img{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.frame-picker-desktop-menu{background:rgba(var(--panel-dim), .9)}.frame-picker-desktop-menu .frame-platform-presets:first-child{padding-top:10px}.frame-picker-desktop-menu .frame-platform-presets:not(:last-child){border-bottom:solid 1px rgba(var(--primary), .12)}.frame-picker-desktop-menu .frame-platform-presets .section-head{align-items:center;gap:8px;padding-left:4px;display:flex}.frame-picker-desktop-menu .frame-platform-presets .section-head img{width:20px;height:20px}.frame-picker-desktop-menu .frame-platform-presets .frames-grid{flex-flow:wrap;align-items:flex-end;gap:8px;display:flex}.frame-picker-desktop-menu .frame-platform-presets .frames-grid .frame-item{flex-basis:calc(33.3% - 6px)}.frame-picker-control-mobile .frame-platform-presets{flex-direction:column;justify-content:flex-end;display:flex}.frame-picker-control-mobile .frame-platform-presets .section-head{justify-content:center;align-items:center;gap:6px;display:flex}.frame-picker-control-mobile .frame-platform-presets .section-head h5{text-transform:capitalize;color:rgba(var(--primary), .6);letter-spacing:-.2px;font:500 14px/18px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.frame-picker-control-mobile .frame-platform-presets .section-head h5{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.frame-picker-control-mobile .frame-platform-presets .section-head img{width:18px;height:18px}.frame-picker-control-mobile .frame-platform-presets .frames-grid{align-items:flex-end;display:flex}.frame-picker-control-mobile .frame-platform-presets .frames-grid .frame-item.is-landscape,.frame-picker-control-mobile .frame-platform-presets .frames-grid .frame-item.is-portrait{width:76px}.frame-picker-control-mobile .default-presets{align-self:flex-end}.mock-item{background:rgba(var(--primary), .06);aspect-ratio:2/3;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;width:calc(50cqw - 21px);display:flex;position:relative;overflow:hidden}@media only screen and (min-width:1200px){.mock-item:hover{background:rgba(var(--primary), .08)}}.mock-item .preview{aspect-ratio:5/4;position:relative}.mock-item .preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mock-item .details{flex-direction:column;justify-content:space-between;gap:10px;padding:12px;display:flex;position:absolute;inset:0}.mock-item .details .copy{text-align:left;flex-direction:column;gap:3px;padding:4px;display:flex}.mock-item .details .copy .tag{position:absolute;right:10px}.mock-item .details .variants{grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;display:grid}.mock-item .details .variants>div{aspect-ratio:4/3;outline:solid 1px rgba(var(--primary), .06);outline-offset:-1px;border-radius:6px;place-items:center;display:grid;overflow:hidden}.mock-item .details .variants>div img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mockup-picker-desktop-popover{height:70vh;max-height:70vh}.mockup-picker-desktop-popover .mock-picker-section{flex-direction:column;display:flex}.mockup-picker-desktop-popover .mock-picker-section .head{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.mockup-picker-desktop-dropdown .drop-menu{height:75vh;max-height:75vh;padding:0;overflow:hidden}.mockup-picker-desktop-dropdown .drop-menu .mock-picker-section{flex-direction:column;display:flex}.mockup-picker-desktop-dropdown .drop-menu .mock-picker-section .head{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.picker-filters-wrapper{z-index:2;background:linear-gradient(rgba(var(--modal), 1), transparent),linear-gradient(rgba(var(--modal), 1), transparent),linear-gradient(rgba(var(--modal), 1), transparent);padding:12px 12px 20px;position:absolute;top:0;left:0;right:0}.picker-filters-wrapper .picker-filters{gap:5px;display:flex}.picker-filters-wrapper .picker-filters>div{border-radius:100px;overflow:hidden}.picker-filters-wrapper .picker-filters button{gap:6px;transition:all .4s!important}.picker-filters-wrapper .picker-filters button svg{scale:1.3}.mockup-picker-mobile-modal .picker-filters-wrapper{width:calc(100% + 40px);margin:0 -20px;overflow-x:auto}.mockup-picker-mobile-modal .picker-filters{gap:6px;width:max-content;padding:0 20px;display:flex;position:relative}.mockup-picker-mobile-modal .picker-filters>div{border-radius:100px;overflow:hidden}.mockup-picker-mobile-modal .picker-filters button{gap:6px;padding-left:18px!important;padding-right:18px!important;transition:all .4s!important}.mockup-picker-mobile-modal .picker-filters button svg{scale:1.3}.mockup-picker-mobile-modal .mockups-list{flex-direction:column;height:100%;display:flex}.mockup-picker-mobile-modal .mockups-list .mock-picker-section{flex-direction:column;display:flex}.mockup-picker-mobile-modal .mockups-list .mock-picker-section .head{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mockup-picker-mobile-modal .mockups-list .mock-picker-section .head button{visibility:hidden!important}.mockup-picker-mobile-modal .h-stack{width:calc(100% + 40px);margin:-8px -20px 8px}.mockup-picker-mobile-modal .mock-item .details{padding:10px}.mockup-switch-alert-graphic{align-items:center;gap:8px;display:flex}.mockup-switch-alert-graphic svg{color:rgba(var(--primary), .5)}.mockup-switch-alert-graphic>svg{width:20px;height:20px}.mockup-switch-alert-graphic .current svg,.mockup-switch-alert-graphic .final svg{width:40px;height:40px}.modal-container.app-menu-modal .modal-container-backdrop{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.app-menu{z-index:1000;height:100vh!important;max-height:100vh!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-radius:0!important}.app-menu:after{display:none!important}.app-menu .shots-toolbar-effects{background:rgba(var(--panel), .8);padding:3px}.app-menu .app-menu-tabbar{z-index:0;background:rgba(var(--body), 1);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:12px;display:flex;position:absolute;top:0;bottom:0;left:0}.app-menu .app-menu-tabbar:before{content:"";background:linear-gradient(transparent 0%, rgba(var(--primary), .12) calc(50% - 100px), rgba(var(--primary), .12) calc(50% + 100px), transparent 100%);pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0;right:-1px}.app-menu .app-menu-tab-button-small{background:rgba(var(--panel), 1);cursor:pointer;corner-shape:var(--squircle);aspect-ratio:1;border-radius:13px;justify-content:center;align-items:center;width:40px;display:flex;position:relative;overflow:hidden}.app-menu .app-menu-tab-button-small.remove-bg{background:0 0}.app-menu .app-menu-tab-button-small.remove-bg:after{display:none!important}.app-menu .app-menu-tab-button-small svg{width:24px;height:24px}.app-menu .app-menu-tab-button-small img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.app-menu .app-menu-tab-button{corner-shape:var(--squircle);width:88px;border-radius:20px!important;flex-direction:column!important;gap:4px!important}.app-menu .app-menu-tab-button .active-indicator{background:rgba(var(--primary), .12)!important;position:absolute!important}.app-menu .app-menu-tab-button>svg{width:28px;height:28px}.app-menu .app-menu-tab-button>img{-o-object-fit:cover;object-fit:cover;width:28px;height:28px}.app-menu .app-menu-tab-button>span{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif;font-weight:500!important}@media only screen and (min-width:0) and (max-width:800px){.app-menu .app-menu-tab-button>span{letter-spacing:0;font:12px/16px Inter,sans-serif}}.app-menu .app-menu-tab-button>:not(.active-indicator){opacity:.7;transition:inherit}.app-menu .app-menu-tab-button.true-active>:not(.active-indicator){opacity:1}@media only screen and (min-width:800px){.app-menu.has-tabbar>.modal-view{left:112px!important}.app-menu .app-menu-card-view{padding:6px}.app-menu .app-menu-card-view>div:not(.ui-sheet-navbar){border-radius:20px}.app-menu .app-menu-card-view>div:not(.ui-sheet-navbar):after{content:"";z-index:20;pointer-events:none;border-radius:inherit;border:solid 1px rgba(var(--primary), .1);position:absolute;inset:0}}@media only screen and (min-width:0) and (max-width:800px){.app-menu{width:100vw!important}.app-menu .ui-sheet-navbar.default-mode{padding-top:calc(14px + env(safe-area-inset-top,0))!important}}.app-menu .account-card-avatar{aspect-ratio:1;background:rgba(var(--primary), .12);border-radius:50%;width:48px;overflow:hidden}.app-menu .account-card-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.app-menu .app-menu-theme{gap:12px;width:100%;display:flex}.app-menu .app-menu-theme .theme-item{text-align:center;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.app-menu .app-menu-theme .theme-item .thumbnail{border-radius:6px;position:relative;overflow:hidden}.app-menu .app-menu-theme .theme-item .thumbnail .image{outline:solid .5px rgba(var(--primary), .12);outline-offset:-1px;border-radius:inherit;width:100%;height:100%}.app-menu .app-menu-theme .theme-item .thumbnail .image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.app-menu .app-menu-theme .theme-item .radio{border:solid 1px rgba(var(--primary), .12);border-radius:50%;width:24px;height:24px;padding:5px}.app-menu .app-menu-theme .theme-item .radio svg{width:100%;height:100%}.app-menu .app-menu-theme .theme-item .radio.is-active{background:rgba(var(--primary), 1);border-color:#0000}.app-menu .app-menu-theme .theme-item .radio.is-active svg{color:rgba(var(--secondary), 1)}@media only screen and (min-width:0) and (max-width:800px){.app-menu .app-menu-theme{justify-content:space-evenly}.app-menu .app-menu-theme .theme-item{flex:unset;width:72px}.app-menu .app-menu-theme .theme-item .thumbnail{aspect-ratio:393/852;border-radius:10px;width:100%}}@media only screen and (min-width:800px){.app-menu .app-menu-theme{flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;width:100%;height:calc(100vh - 120px)}.app-menu .app-menu-theme .theme-item{flex:unset;flex-direction:row-reverse;justify-content:space-between;width:100%}.app-menu .app-menu-theme .theme-item .thumbnail{aspect-ratio:5/4;width:180px}.app-menu .app-menu-theme .theme-item .thumbnail:after{content:"";z-index:1;background:linear-gradient(to right, transparent 30%, rgba(var(--body), 1) 100%),linear-gradient(to right, transparent 30%, rgba(var(--body), 1) 100%);position:absolute;inset:0}.app-menu .app-menu-theme .theme-item .thumbnail img{-o-object-position:left center;object-position:left center}.app-menu .app-menu-theme .theme-item>span{text-align:left;flex:1}}.app-menu-links{flex-flow:wrap;gap:16px;display:flex;container-type:inline-size}.link-card{corner-shape:var(--squircle);background:rgba(var(--panel), 1);cursor:pointer;border-radius:26px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.link-card.is-disabled{cursor:default;pointer-events:none}.link-card.tiny-size,.link-card.small-size{flex-direction:row;justify-content:flex-start;align-items:center}.link-card.tiny-size .external-link,.link-card.small-size .external-link{top:calc(50% - 8px);right:10px}.link-card.tiny-size{flex-basis:calc(50cqw - 8px);height:calc(25cqw - 12px)}.link-card.small-size{flex-basis:100%;height:calc(25cqw - 12px)}.link-card.medium-size{flex-basis:calc(50cqw - 8px);height:calc(50cqw - 8px)}.link-card.large-size{flex-basis:100%;height:calc(50cqw - 8px)}.link-card.huge-size{flex-basis:100%;height:calc(75cqw - 4px)}.link-card .icon{z-index:1;width:max-content}.link-card .icon svg{width:24px;height:24px}.link-card .texts{z-index:1;flex-direction:column;gap:4px;display:flex}.link-card .external-link{z-index:1;position:absolute;top:16px;right:16px}.link-card .external-link svg{width:18px;height:18px;color:rgba(var(--primary), .36)}.link-card .media{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.link-card .media img,.link-card .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.link-card .media:after{content:"";background:linear-gradient(20deg, rgba(var(--panel), 1) 10%, transparent 60%);z-index:1;position:absolute;inset:0}.cta-card{background:rgba(var(--panel), 1);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.cta-card .icon{z-index:1;width:max-content}.cta-card .icon svg{width:24px;height:24px}.cta-card .texts{z-index:1;flex-direction:column;gap:4px;display:flex}.cta-card .media{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.cta-card .media img,.cta-card .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cta-card .media:after{content:"";background:linear-gradient(20deg, rgba(var(--panel), 1) 10%, transparent 60%);z-index:1;position:absolute;inset:0}.app-menu-mobile-cta{flex-direction:column;justify-content:center;height:100%;padding:20px;display:flex}.app-menu-mobile-cta .media{aspect-ratio:1;margin-bottom:-20px;position:relative}.app-menu-mobile-cta .media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.app-menu-mobile-cta .media:after{content:"";background:linear-gradient(0deg, transparent 60%, rgba(var(--body), 1) 100%),linear-gradient(0deg, transparent 60%, rgba(var(--body), 1) 100%);position:absolute;inset:0}.app-menu-mobile-cta .details{z-index:1;flex-direction:column;gap:32px;padding:0 32px 48px;display:flex}.app-menu-mobile-cta .details .texts{flex-direction:column;gap:8px;display:flex}.app-menu-mobile-cta .details>.texts{text-align:center}.app-menu-mobile-cta .details .scan-to-get{justify-content:center;align-items:center;gap:24px;display:flex}.app-menu-mobile-cta .details .scan-to-get .qr-code{aspect-ratio:1;background:rgba(var(--primary), 1);border-radius:16px;width:88px;overflow:hidden}.app-menu-mobile-cta .details .scan-to-get .qr-code svg{color:rgba(var(--secondary), 1);width:100%;height:100%;scale:.95}.sub-card-preview{aspect-ratio:1;place-items:center;display:grid;position:absolute;top:0;bottom:0;right:0}.sub-card-preview .card-display{aspect-ratio:4/5;width:94px;transition:transform .4s;position:absolute;transform:rotate(-3deg)}.sub-card-preview .card-display:hover{transform:scale(1.05)rotate(-5deg)}.shots-credits{flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.shots-credits .logo{height:64px}.shots-credits .app-stage-tag{margin-top:8px}.draft-item,.folder-item{z-index:1;aspect-ratio:1;corner-shape:var(--squircle);border-radius:24px;width:100%;position:relative;overflow:hidden}.draft-item .draft-item-live-members,.folder-item .draft-item-live-members{z-index:2;pointer-events:none;position:absolute;top:6px;left:6px}.draft-item .content,.folder-item .content{cursor:pointer;z-index:1;background:rgba(var(--panel), 1);border-radius:inherit;corner-shape:var(--squircle);width:100%;height:100%;padding:6px;position:relative;overflow:hidden}.draft-thumbnail{--thumb-border-radius:16px;aspect-ratio:1;z-index:1;pointer-events:none;border-radius:var(--thumb-border-radius);corner-shape:var(--squircle);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.draft-thumbnail .layout-item{border-radius:var(--thumb-border-radius);corner-shape:var(--squircle)}.draft-thumbnail .draft-preview-image-frame{border-radius:var(--thumb-border-radius);corner-shape:var(--squircle);max-height:100%;margin:auto;position:absolute;inset:0;overflow:hidden}.draft-thumbnail .draft-preview-image-frame .draft-preview-image{border-radius:inherit;width:100%;height:100%;overflow:hidden}.draft-item .texts,.folder-item .texts{z-index:3;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;display:flex;position:absolute;inset:50% 0 0}.draft-item .texts p,.folder-item .texts p{-webkit-line-clamp:2}.draft-item .draft-item-menu-wrapper,.folder-item .draft-item-menu-wrapper{z-index:2;visibility:hidden;opacity:0;border-radius:100px;position:absolute;top:6px;right:6px}.draft-item .item-drop-hint-layer,.folder-item .item-drop-hint-layer{border-radius:inherit;corner-shape:inherit;z-index:2;visibility:hidden;opacity:0;place-items:center;transition:inherit;display:grid;position:absolute;inset:0}.draft-item .item-drop-hint-layer svg,.folder-item .item-drop-hint-layer svg{width:40px;height:40px;color:rgba(var(--primary), .6)}.draft-item.is-drop-target .content,.folder-item.is-drop-target .content{opacity:.2}.draft-item.is-drop-target .item-drop-hint-layer,.folder-item.is-drop-target .item-drop-hint-layer,.draft-item:hover .draft-item-menu-wrapper,.folder-item:hover .draft-item-menu-wrapper{visibility:visible;opacity:1}.draft-item{outline-offset:2.5px;outline:1.5px solid #0000}.draft-item.is-selectable{outline-color:rgba(var(--primary), .12)!important}.draft-item.is-selected{outline-color:rgba(var(--info), 1)!important}.draft-item .star-badge{z-index:2;background:rgba(var(--modal), 1);border-radius:100px;padding:4px;position:absolute;top:10px;right:10px;box-shadow:0 0 5px #00000080}.draft-item .star-badge svg{width:16px;height:16px;color:rgba(var(--alert), 1)}.draft-item .draft-expiry-badge{z-index:2;color:rgba(var(--alert), 1);background:rgba(var(--modal), 1);border-radius:100px;padding:4px 8px;position:absolute;top:10px;left:10px;box-shadow:0 0 5px #00000080}.draft-item .texts.show-backdrop{background:linear-gradient(transparent, rgba(var(--panel), 1)),linear-gradient(transparent, rgba(var(--panel), 1))}.draft-item .texts .draft-name{justify-content:flex-start;align-items:flex-end;gap:8px;display:flex}.draft-item .texts .draft-name p{flex:1}.draft-item .texts .draft-name .draft-type-icon{margin-left:auto}.draft-item .texts .draft-name .draft-type-icon svg{width:18px;height:18px}.draft-item.is-starred-section .texts{padding:10px}.shots-new-item .preview{border-radius:20px;corner-shape:var(--squircle)!important;background:rgba(var(--primary), .06)!important}.shots-new-item .preview .icon{width:28px!important;height:28px!important}.shots-new-item .preview:after{display:none}.shots-new-item .media-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.shots-new-item:hover .icon{display:none}.shots-new-item:hover .media-preview{display:initial}.space-switcher-button-icons{align-items:center;display:flex}.space-switcher-button-icons>div.is-active{z-index:3;order:0}.space-switcher-button-icons>div:not(.is-active){order:2;transform:scale(.7)}.space-switcher-button-icons>div:not(.is-active):first-child{z-index:2}.space-switcher-button-icons>div:not(.is-active):nth-child(2){z-index:1;margin-left:-16px}.space-switcher-button-icons>div:not(.is-active):nth-child(3){margin-left:-24px}.space-switcher-button-icons>div>div{outline:solid 3px rgba(var(--body), 1)}.space-icon{background:rgba(var(--primary), .12);corner-shape:var(--squircle);border-radius:13px;width:36px;height:36px;position:relative;overflow:hidden}.space-icon:after{z-index:1;corner-shape:var(--squircle);border-color:rgba(var(--primary), .16)!important}.space-icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.space-icon.emoji-icon{justify-content:center;align-items:center;display:flex}.space-icon .space-icon-emoji{font-size:18px;line-height:1}.space-switcher-button-inline{border-radius:14px!important;padding:4px!important}.space-switcher-new-button{border-radius:14px!important}.space-switcher-new-button svg{width:24px;height:24px;margin:0 4px}.space-switcher-new-button:not(:hover){color:rgba(var(--primary), .36)}.drafts-section-head{margin-bottom:-28px}.drafts-section-head svg{width:24px;height:24px}.drafts-section-head .drafts-section-caption,.drafts-section-head .drafts-section-trailing{align-self:center;margin-left:auto}.drafts-section-head .drafts-section-trailing svg{width:16px;height:16px}.ui-sheet-title:has(.folder-breadcrumb){min-width:0}.folder-breadcrumb{flex-direction:row;align-items:baseline;gap:6px;min-width:0;display:flex}.folder-breadcrumb .folder-breadcrumb-crumb,.folder-breadcrumb .folder-breadcrumb-separator{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.folder-breadcrumb .folder-breadcrumb-crumb,.folder-breadcrumb .folder-breadcrumb-separator{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.folder-breadcrumb .folder-breadcrumb-crumb,.folder-breadcrumb .folder-breadcrumb-separator{color:rgba(var(--primary), .36);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:160px;overflow:hidden}.folder-breadcrumb .folder-breadcrumb-crumb{transition:color .2s}.folder-breadcrumb .folder-breadcrumb-crumb:hover{color:rgba(var(--primary), .6)}.folder-breadcrumb .folder-breadcrumb-separator{pointer-events:none}.folder-breadcrumb .folder-breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-dnd-kit-overlay]{z-index:99999!important}.is-drag-placeholder{pointer-events:none;background:linear-gradient(135deg, rgba(var(--primary), .12), rgba(var(--primary), .04))}.is-drag-placeholder>.content,.is-drag-placeholder>.draft-item-live-members{display:none}.is-drop-target{transform:scale(1.075)}.is-dragging{-webkit-user-select:none;user-select:none}.is-dragging .draft-item .draft-item-menu-wrapper,.is-dragging .folder-item .draft-item-menu-wrapper{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.shared-with-me-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px;display:grid}.shared-with-me-card{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.shared-with-me-card:hover .shared-with-me-thumb{transform:scale(1.02)}.shared-with-me-thumb{aspect-ratio:16/10;background:rgba(var(--primary), .12);border-radius:10px;transition:transform .15s;overflow:hidden}.shared-with-me-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.shared-with-me-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.shared-with-me-name{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shared-with-me-name{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.shared-with-me-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shared-with-me-role{letter-spacing:-.2px;font:12.5px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.shared-with-me-role{letter-spacing:0;font:12px/16px Inter,sans-serif}}.shared-with-me-role{color:rgba(var(--primary), .36)}.landing-layout{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:#fafaf9;align-items:flex-start;gap:16px;height:100vh;min-height:100vh;padding:16px;display:flex;overflow-y:auto}.landing-layout.theme-light{color:#1a1a1a;background:#fafaf9}.left-nav{flex-direction:column;flex-shrink:0;gap:8px;width:186px;height:calc(100vh - 32px);display:flex;position:sticky;top:0}@media only screen and (min-width:0) and (max-width:800px){.left-nav{display:none}}.left-nav .nav-logo{justify-content:flex-start;align-items:center;margin-bottom:24px;padding:4px;text-decoration:none;display:flex}.left-nav .nav-logo .logo-text{letter-spacing:-1px;font:500 28px/38px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.left-nav .nav-logo .logo-text{letter-spacing:-.9px;font:500 27px/34px Inter,sans-serif}}.left-nav .nav-logo .logo-text{color:#1a1a1a;font-weight:600}.left-nav .nav-logo img{width:auto;height:32px}.left-nav .nav-items{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{cursor:pointer;text-align:left;background:var(--nav-color,#ff6b35);border:none;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:90px;padding:28px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}@media only screen and (min-width:1200px){.nav-item:hover{filter:brightness(1.05);transform:scale(1.01)}}.nav-item.is-active{outline-offset:1px;outline:2px solid #686363e6;transform:scale(1.01);color:rgba(var(--primary), 1)!important}.nav-item .nav-index{letter-spacing:-.2px;font:11px/14px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.nav-item .nav-index{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.nav-item .nav-index{color:#fff9;font-weight:600}.nav-item .nav-label{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.nav-item .nav-label{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.nav-item .nav-label{color:#fff;font-weight:600}.main-content{flex-direction:column;flex:1;gap:16px;display:flex}.landing-section{scroll-snap-align:center;scroll-snap-stop:always;background:#fff;border:1px solid #0000001f;border-radius:24px;flex-direction:column;flex-shrink:0;height:calc(100vh - 32px);max-height:calc(100vh - 32px);padding:48px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 4px 20px #0000000d}@media only screen and (min-width:800px) and (max-width:1200px){.landing-section{border-radius:20px;padding:32px}}@media only screen and (min-width:0) and (max-width:800px){.landing-section{border-radius:20px;height:calc(100vh - 32px);max-height:calc(100vh - 32px);padding:24px 20px}}.section-header{margin-bottom:32px}.section-header.align-center{text-align:center}.section-header .section-eyebrow{letter-spacing:.4px;text-transform:uppercase;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.section-header .section-eyebrow{font:500 11px/16px Inter,sans-serif}}.section-header .section-eyebrow{color:#3b82f6;margin-bottom:12px;display:block}.section-header .section-title{letter-spacing:-1px;font:600 52px/64px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.section-header .section-title{letter-spacing:-1px;font:600 40px/48px Inter,sans-serif}}.section-header .section-title{color:#1a1a1a;letter-spacing:-1.5px;margin:0 0 16px}.section-header .section-subtitle{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.section-header .section-subtitle{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.section-header .section-subtitle{color:#6b7280;max-width:600px;margin:0;font-weight:400}.section-header.align-center .section-subtitle{margin:0 auto}.feature-cards{flex:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr;gap:16px;min-height:0;display:grid}@media only screen and (min-width:0) and (max-width:800px){.feature-cards{grid-template-columns:1fr}.feature-cards .feature-card{grid-area:span 1/span 1!important}}.feature-cards-flex{flex:1;gap:16px;min-height:0;display:flex}@media only screen and (min-width:0) and (max-width:800px){.feature-cards-flex{flex-direction:column!important}.feature-cards-flex .feature-card{min-height:200px;flex:none!important}}.feature-card{border-radius:24px;position:relative;overflow:hidden}.feature-card .media{z-index:0;position:absolute;inset:0}.feature-card .media img,.feature-card .media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.feature-card .background{-o-object-fit:cover;object-fit:cover;filter:brightness(90%);z-index:0;width:100%;height:100%;position:absolute;inset:0}.feature-card .details{z-index:2;color:#fff;flex-direction:column;gap:8px;padding:28px;display:flex;position:relative}.feature-card .details h3{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.feature-card .details h3{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.feature-card .details h3{margin:0;font-weight:600}.feature-card .details p{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.feature-card .details p{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.feature-card .details p{opacity:.7;margin:0}.feature-card .details .tag{letter-spacing:-.2px;background:#fff3;border-radius:6px;padding:4px 10px;font:11px/14px Inter,sans-serif;display:inline-block}@media only screen and (min-width:0) and (max-width:800px){.feature-card .details .tag{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.feature-card .details .tag{text-transform:uppercase;width:fit-content;margin-bottom:8px;font-weight:700}.feature-card .details .incentives{flex-wrap:wrap;justify-content:center;gap:16px;width:max-content;max-width:400px;margin-top:4px;display:flex}.feature-card .details .incentives>span{color:#fff;letter-spacing:-.2px;align-items:center;gap:4px;font:500 14px/18px Inter,sans-serif;display:flex}@media only screen and (min-width:0) and (max-width:800px){.feature-card .details .incentives>span{letter-spacing:0;font:14.5px/20px Inter,sans-serif}}.feature-card .details .incentives>span svg{width:18px;height:18px}.feature-card .media-wrapper{z-index:3;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.feature-card .media-wrapper .media-display{border-radius:10px;max-height:100%;overflow:hidden}.feature-card .media-wrapper .media-display img,.feature-card .media-wrapper .media-display video{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.feature-card.media-contain .media-wrapper .media-display img,.feature-card.media-contain .media-wrapper .media-display video{-o-object-fit:contain;object-fit:contain;max-height:100%}.feature-card.is-fullscreen{position:relative}.feature-card.is-fullscreen .fullscreen-media{z-index:0;position:absolute;inset:0}.feature-card.is-fullscreen .fullscreen-media img,.feature-card.is-fullscreen .fullscreen-media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.feature-card.is-fullscreen .details.is-overlay{z-index:2;background:linear-gradient(#0000 40%,#000000b3 100%);flex-direction:column;width:100%;height:100%;padding:28px;display:flex;position:relative}.feature-card.has-media-shadow .media-display{box-shadow:0 5px 20px #0009}.feature-card.back-blur .blur-overlay{z-index:1;border-radius:inherit;-webkit-backdrop-filter:blur(45px)saturate(120%);pointer-events:none;position:absolute;inset:0}.feature-card.has-overlay{position:relative}.feature-card.has-overlay .details{z-index:2;flex-direction:column;width:100%;height:100%;padding:28px;display:flex}@media only screen and (min-width:0) and (max-width:800px){.feature-card{border-radius:20px;min-height:250px}.feature-card .details,.feature-card.is-fullscreen .details.is-overlay{padding:20px}}.bento-grid{flex:1;grid-auto-rows:1fr;min-height:0}@media only screen and (min-width:0) and (max-width:800px){.bento-grid{grid-template-columns:1fr!important}.bento-grid .bento-item{grid-area:span 1/span 1!important}}.bento-item{background:#0a0a0a;border:none;border-radius:24px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}@media only screen and (min-width:1200px){.bento-item:hover{transform:scale(1.02);box-shadow:0 8px 32px #0000004d}}.bento-item.is-clickable{cursor:pointer}.bento-item .bento-media{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.bento-item .bento-media img,.bento-item .bento-media video{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:auto;max-height:100%;box-shadow:0 5px 20px #0009}.bento-item .bento-content{color:#fff;z-index:2;padding:20px 24px}.bento-item .bento-tag{color:#fff;letter-spacing:-.2px;background:#ffffff26;border-radius:20px;padding:6px 12px;font:11px/14px Inter,sans-serif;position:absolute;top:16px;right:16px}@media only screen and (min-width:0) and (max-width:800px){.bento-item .bento-tag{letter-spacing:.2px;font:10.5px/13px Inter,sans-serif}}.bento-item .bento-tag{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700}.bento-item .bento-title{letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item .bento-title{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.bento-item .bento-title{color:#fff;margin:0 0 4px;font-weight:600}.bento-item .bento-caption{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item .bento-caption{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.bento-item .bento-caption{color:#ffffffb3;max-width:400px;margin:0}.bento-item .bento-background{-o-object-fit:cover;object-fit:cover;filter:brightness(50%);z-index:0;width:100%;height:100%;position:absolute;inset:0}.bento-item.variant-feature{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;justify-content:center;align-items:center;padding:32px}.bento-item.variant-feature .bento-icon{margin-bottom:16px;font-size:48px;line-height:1}.bento-item.variant-feature .bento-title{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-feature .bento-title{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.bento-item.variant-feature .bento-title{color:#fff;margin-bottom:8px}.bento-item.variant-feature .bento-caption{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-feature .bento-caption{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.bento-item.variant-feature .bento-caption{color:#fffc}.bento-item.variant-stat{text-align:center;background:#1a1a1a;border:none;justify-content:center;align-items:center;padding:32px}.bento-item.variant-stat .bento-stat{color:#fff;letter-spacing:-2px;font-size:72px;font-weight:700;line-height:1}.bento-item.variant-stat .bento-stat-label{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-stat .bento-stat-label{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.bento-item.variant-stat .bento-stat-label{color:#fff9;margin-top:12px}.bento-item.variant-quote{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;justify-content:center;padding:32px}.bento-item.variant-quote .bento-quote{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-quote .bento-quote{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.bento-item.variant-quote .bento-quote{color:#fff;margin:0 0 16px;font-style:italic;line-height:1.4}.bento-item.variant-quote .bento-quote:before,.bento-item.variant-quote .bento-quote:after{content:"\""}.bento-item.variant-quote .bento-author{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-quote .bento-author{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.bento-item.variant-quote .bento-author{color:#fffc}.bento-item.variant-video{border:none;padding:0}.bento-item.variant-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.bento-item.variant-video .bento-overlay{z-index:1;background:linear-gradient(#0000 50%,#0009 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.bento-item.variant-video .bento-title{letter-spacing:-.3px;font:500 21px/32px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-video .bento-title{letter-spacing:-.75px;font:500 21px/28px Inter,sans-serif}}.bento-item.variant-video .bento-title{color:#fff;margin:0}.bento-item.variant-video .bento-caption{color:#fffc}.bento-item.variant-cta{text-align:center;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border:none;justify-content:center;align-items:center;padding:32px}.bento-item.variant-cta .bento-cta-label{letter-spacing:-.2px;font:500 15px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-cta .bento-cta-label{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.bento-item.variant-cta .bento-cta-label{color:#ffffffe6;margin-bottom:16px;display:block}.bento-item.variant-cta .bento-cta-button{letter-spacing:0;font:500 17px/24px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.bento-item.variant-cta .bento-cta-button{letter-spacing:-.35px;font:500 17px/22px Inter,sans-serif}}.bento-item.variant-cta .bento-cta-button{color:#11998e;background:#fff;border-radius:12px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .2s}@media only screen and (min-width:1200px){.bento-item.variant-cta .bento-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}}.media-box{background:#fafaf9}.media-box video,.media-box img{display:block}.faq-container{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.faq{flex-direction:column;gap:8px;width:100%;max-width:700px;display:flex}.faq-item{background:#fafaf9;border:1px solid #e5e5e5;border-radius:14px;transition:all .2s;overflow:hidden}.faq-item.is-open .faq-answer{max-height:300px;padding:0 20px 20px}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.faq-item .faq-question{cursor:pointer;text-align:left;letter-spacing:-.2px;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font:500 15px/20px Inter,sans-serif;display:flex}@media only screen and (min-width:0) and (max-width:800px){.faq-item .faq-question{letter-spacing:-.2px;font:500 15.5px/20px Inter,sans-serif}}.faq-item .faq-question{color:#1a1a1a;gap:16px}@media only screen and (min-width:1200px){.faq-item .faq-question:hover{background:#00000005}}.faq-item .faq-icon{letter-spacing:-.3px;flex-shrink:0;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.faq-item .faq-icon{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.faq-item .faq-icon{color:#6b7280;transition:transform .2s}.faq-item .faq-answer{max-height:0;padding:0 20px;transition:all .2s;overflow:hidden}.faq-item .faq-answer p{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.faq-item .faq-answer p{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.faq-item .faq-answer p{color:#6b7280;margin:0}.hero-container{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.hero-container .hero-header{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.hero-container .hero-gradient-title{letter-spacing:-1px;font:600 52px/64px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.hero-container .hero-gradient-title{letter-spacing:-1px;font:600 40px/48px Inter,sans-serif}}.hero-container .hero-gradient-title{letter-spacing:-2px;-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;line-height:1.1}@media only screen and (min-width:0) and (max-width:800px){.hero-container .hero-gradient-title{letter-spacing:-1px;font-size:40px}}.hero-container .hero-subtitle{letter-spacing:-.3px;font:500 19px/26px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.hero-container .hero-subtitle{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.hero-container .hero-subtitle{color:#6b7280;max-width:500px;margin-top:16px}.hero-container .feature-cards{flex:1;min-height:0}.how-it-works-container{flex-direction:column;flex:1;min-height:0;display:flex}.how-it-works-container .feature-cards{flex:1;min-height:0}.cta-container{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.cta-container .cta-bottom{flex-direction:column;align-items:center;gap:20px;padding-top:8px;display:flex}.cta-container .cta-button-gradient{color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#ff4d0c 0%,#ff0080 50%,#7c3aed 100%);border-radius:16px;align-items:center;gap:8px;padding:20px 48px;font:500 19px/26px Inter,sans-serif;display:inline-flex}@media only screen and (min-width:0) and (max-width:800px){.cta-container .cta-button-gradient{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.cta-container .cta-button-gradient{cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px #ff4d0c4d}@media only screen and (min-width:1200px){.cta-container .cta-button-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff4d0c66}}.cta-container .cta-button{color:#fff;letter-spacing:-.3px;background:#1a1a1a;border-radius:14px;align-items:center;gap:8px;padding:18px 40px;font:500 19px/26px Inter,sans-serif;display:inline-flex}@media only screen and (min-width:0) and (max-width:800px){.cta-container .cta-button{letter-spacing:-.5px;font:500 19.5px/25px Inter,sans-serif}}.cta-container .cta-button{cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:all .2s}@media only screen and (min-width:1200px){.cta-container .cta-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}}.cta-container .cta-trust{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.cta-container .cta-trust span{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.cta-container .cta-trust span{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.cta-container .cta-trust span{color:#6b7280}.cta-container .mockup-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;min-height:0;display:grid}.cta-container .mockup-grid .mockup-grid-item{text-decoration:none;display:block}.cta-container .mockup-grid .mockup-grid-item .feature-card{height:100%}.cta-container .cta-divider{background:#e5e5e5;width:100%;max-width:300px;height:1px;margin:32px 0}.cta-container .cta-links h3{letter-spacing:.4px;text-transform:uppercase;font:600 11px/16px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.cta-container .cta-links h3{font:500 11px/16px Inter,sans-serif}}.cta-container .cta-links h3{color:#6b7280;margin:0 0 16px}.cta-container .cta-links .links-list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-container .cta-links .links-list a{letter-spacing:-.2px;font:14px/20px Inter,sans-serif}@media only screen and (min-width:0) and (max-width:800px){.cta-container .cta-links .links-list a{letter-spacing:-.07px;font:13px/18px Inter,sans-serif}}.cta-container .cta-links .links-list a{color:#1a1a1a;background:#fafaf9;border-radius:8px;padding:8px 16px;text-decoration:none;transition:all .2s}@media only screen and (min-width:1200px){.cta-container .cta-links .links-list a:hover{background:#f3f3f1}}.coming-soon-container{flex-direction:column;flex:1;min-height:0;display:flex}.coming-soon-container .feature-cards-flex{flex:1;min-height:0}.templates-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.templates-container .bento-grid{flex:1}.features-container{flex-direction:column;flex:1;display:flex}.animation-container{flex-direction:column;flex:1;min-height:0;display:flex}.animation-container .feature-cards-flex{flex:1;min-height:0}.devices{--aspect-ratio:1570 / 2932;--shadow-inset:1%;--shadow-radius:7.5em;--drop-padding:0%;--drop-radius:0;--device-asset-scale:1.248;pointer-events:all;place-items:center;display:grid}@media only screen and (min-width:0) and (max-width:800px){.devices{--device-asset-scale:1.24}}.devices.imac-24,.devices.imac-pro,.devices.pro-display-xdr{--device-asset-scale:2.248}.devices.macbook-air-m2,.devices.macbook-air-13,.devices.macbook-pro-16{--device-asset-scale:1.49}.devices.apple-watch-10-42mm,.devices.apple-watch-10-46mm,.devices.apple-watch-ultra{--device-asset-scale:1.99}.devices.phone-shadow-config{--shadow-inset:-.5em}.devices.tablet-shadow-config{--shadow-inset:-2.5%;--shadow-radius:3em}.devices.lay-2-items{aspect-ratio:calc(var(--aspect-ratio)*2)}.devices.lay-3-items{aspect-ratio:calc(var(--aspect-ratio)*3)}.devices .item{width:100%;height:100%;position:relative;container:display-item/size}.devices .item .item-container{width:100%;height:100%}@container display-item not (max-width:0){.devices .item .item-container{font-size:calc(.666667cqw + .666667cqh)}}.devices .item .device-asset{z-index:1;pointer-events:none;width:100%;height:100%;transform:scale(var(--device-asset-scale));position:absolute;top:0;left:0}.devices .item .device-asset .device-asset-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.devices .item .drop-wrapper{width:100%;height:100%}.devices .item .drop-wrapper .dropzone{width:100%;height:100%;overflow:hidden}.devices .item .drop-wrapper .dropzone .dropped-image{max-width:100%;max-height:100%}.devices .item .drop-wrapper .dropzone .empty-drop{height:100%;max-width:100%!important;max-height:100%!important}.devices .item .adaptive-shadow-layer{inset:var(--shadow-inset);z-index:-5;border-radius:var(--shadow-radius);position:absolute}.devices .item .adaptive-shadow-layer>div{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.devices .item .adaptive-shadow-layer>div:first-child{z-index:1}.devices .item .adaptive-shadow-layer>div:nth-child(2){z-index:2}.devices .item .shadow{inset:var(--shadow-inset);z-index:-5;border-radius:var(--shadow-radius);position:absolute}.devices .item .shadow .shadow-layer{border-radius:inherit;pointer-events:none;background:0 0;position:absolute;inset:0}.image-resizer{background:rgba(var(--panel), 1);position:relative}.image-resizer .drag-area{z-index:1;position:absolute}.image-resizer .image-wrapper{height:inherit;width:inherit}.image-resizer .dropzone{width:100%;height:100%;overflow:hidden}.image-resizer .dropzone .dropped-image{max-width:100%;max-height:100%}.image-resizer .dropzone .empty-drop{height:100%;max-width:100%!important;max-height:100%!important}.global-resize-handle{z-index:10;pointer-events:none;visibility:hidden;opacity:0;position:absolute;inset:0}.global-resize-handle .handle-area{aspect-ratio:1;width:5em;position:absolute;cursor:default!important}.global-resize-handle .handle-area.nw{transform-origin:0 0;top:0;left:0}.global-resize-handle .handle-area.nw .resize-handle{cursor:nwse-resize;top:0;left:0;transform:rotate(180deg)}.global-resize-handle .handle-area.nw .move-control{top:2.5em;left:2.5em}.global-resize-handle .handle-area.ne{transform-origin:100% 0;top:0;right:0}.global-resize-handle .handle-area.ne .resize-handle{cursor:nesw-resize;top:0;right:0;transform:rotate(-90deg)}.global-resize-handle .handle-area.ne .move-control{top:2.5em;right:2.5em}.global-resize-handle .handle-area.se{transform-origin:100% 100%;bottom:0;right:0}.global-resize-handle .handle-area.se .resize-handle{cursor:nwse-resize;bottom:0;right:0}.global-resize-handle .handle-area.se .move-control{bottom:2.5em;right:2.5em}.global-resize-handle .handle-area.sw{transform-origin:0 100%;bottom:0;left:0}.global-resize-handle .handle-area.sw .resize-handle{cursor:nesw-resize;bottom:0;left:0;transform:rotate(90deg)}.global-resize-handle .handle-area.sw .move-control{bottom:2.5em;left:2.5em}.global-resize-handle .move-control{z-index:100;color:#fff;cursor:move;pointer-events:all;background:#64646480;position:absolute}.global-resize-handle .resize-handle{aspect-ratio:1;pointer-events:all;border-bottom:.5em solid #fff;border-right:.5em solid #fff;border-bottom-right-radius:2em;width:2em;position:absolute}.global-resize-handle .resize-handle:after,.global-resize-handle .resize-handle:before{content:"";background:#fff;border-radius:10px;width:.5em;height:.5em;position:absolute}.global-resize-handle .resize-handle:before{top:-.25em;right:-.5em}.global-resize-handle .resize-handle:after{bottom:-.5em;left:-.25em}.screenshot{--corner-shape:superellipse(1.3)}.screenshot.border .drop-wrapper,.screenshot.border .screenshot-border{corner-shape:superellipse(1.3)}.screenshot .item{width:100%;max-width:100%;height:100%;max-height:100%}.screenshot .item .item-container{corner-shape:var(--corner-shape)}.screenshot .item .item-container .shadow{border-radius:inherit;corner-shape:var(--corner-shape)}.screenshot .item .interface{position:relative}.screenshot .item .interface .img-use{width:100%;height:100%}.screenshot-inset-light{z-index:1;border-radius:inherit;corner-shape:var(--corner-shape);border:.28em solid #fff6;position:absolute;inset:0}.screenshot-inset-dark{z-index:1;border-radius:inherit;corner-shape:var(--corner-shape);border:.28em solid #0003;position:absolute;inset:0}.screenshot-retro{background:#000;margin:-.6em;position:absolute;inset:0}.screenshot-retro div{z-index:-1;background:#000;width:100%;height:100%;position:absolute;top:1.2em;left:1.2em}.screenshot-border{background:#000;position:absolute;inset:0}.screenshot-outline{border:.25em solid #64646466;position:absolute;inset:0}.screenshot-glass{position:absolute;inset:0;overflow:hidden;transform:translate(0,0)}.screenshot-glass.glass-light{-webkit-backdrop-filter:blur(2em)saturate(200%)contrast(150%)brightness(105%);backdrop-filter:blur(2em)saturate(200%)contrast(150%)brightness(105%);will-change:backdrop-filter;background:#fff9;transform:translateZ(0)}.screenshot-glass.glass-dark{-webkit-backdrop-filter:blur(2em)saturate(200%)contrast(150%)brightness(95%);backdrop-filter:blur(2em)saturate(200%)contrast(150%)brightness(95%);will-change:backdrop-filter;background:#0009;transform:translateZ(0)}.screenshot-glass.remove-effect{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}.screenshot-stack{position:absolute;inset:0;box-shadow:0 .5em .5em #0003}.screenshot-stack>div{border-radius:inherit;corner-shape:var(--corner-shape);background:#fff;height:100%;position:absolute;overflow:hidden}.screenshot-stack>div .img-use{filter:blur(5em)}.screenshot-stack>div:first-child{z-index:-1;box-shadow:inherit;inset:2em}.screenshot-stack>div:nth-child(2){z-index:-2;inset:4em}.screenshot-stack-2{position:absolute;inset:0;box-shadow:-1em 1em 4em #0003}.screenshot-stack-2~.drop-wrapper:after,.screenshot-stack-2>div:after{content:"";z-index:1;border-radius:inherit;corner-shape:var(--corner-shape);border:.1em solid #00000026;position:absolute;inset:0}.screenshot-stack-2>div{border-radius:inherit;corner-shape:var(--corner-shape);background:#fff;position:absolute;inset:2em;overflow:hidden}.screenshot-stack-2>div:before{content:"";z-index:1;position:absolute;inset:0}.screenshot-stack-2>div .img-use{filter:blur(5em);transform:scale(1.5)}.screenshot-stack-2>div:first-child{z-index:-1;box-shadow:inherit;transform:translate(-3.5em,-4.5em)rotate(-1.5deg)}.screenshot-stack-2>div:first-child:before{background:#ffffff80}.screenshot-stack-2>div:nth-child(2){z-index:-2;transform:translate(-7em,-7.5em)rotate(-2.5deg)scale(.96)}.screenshot-stack-2>div:nth-child(2):before{background:#ffffff80}.screenshot-card{z-index:-1;background:#fff;position:absolute;inset:0;overflow:hidden;transform:translate(-3.5em,3em)rotate(-1.5deg)scale(.98)}.screenshot-card .img-use{filter:blur(5em);transform:scale(1.5)}.screenshot-card:before{content:"";z-index:1;background:#ffffff80;position:absolute;inset:0}.screenshot-card~.drop-wrapper:after,.screenshot-card.screenshot-card:after{content:"";z-index:1;border-radius:inherit;corner-shape:var(--corner-shape);border:.1em solid #00000026;position:absolute;inset:0}.screenshot-card~.drop-wrapper{box-shadow:2em -1em 4em #0003}.browser{--shadow-inset:0;--shadow-radius:.7em;--drop-padding:0;--drop-radius:unset}.browser .item{--ui-height:3.5em}.browser .item.safari-light .item-container,.browser .item.safari-dark .item-container{margin-top:calc(0px - var(--ui-height)/2);height:calc(100% + var(--ui-height))!important}.browser .item.chrome-light .item-container,.browser .item.chrome-dark .item-container{margin-top:calc(0px - (var(--ui-height)*.9 + var(--ui-height)*.82)/2);height:calc(100% + var(--ui-height)*.9 + var(--ui-height)*.82)!important}.browser .item.chrome-light .interface,.browser .item.safari-light .interface{background:#eee}.browser .item.chrome-dark .interface,.browser .item.safari-dark .interface{background:#121214}.browser .item .item-container{position:relative}.browser .item .item-container .window-border{z-index:1;outline-offset:-.15em;border:.05em solid #00000073;outline:.1em solid #e1e1e14d;position:absolute;inset:0}.browser .item .item-container .interface{flex-direction:column;height:100%;min-height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.browser .item .item-container .interface.arc-interface{padding:calc(var(--ui-height)/5)}.browser .item .item-container .interface.arc-interface .drop-wrapper{z-index:1;overflow:hidden}.browser .item .item-container .interface .browser-ui{flex-direction:column;width:100%;display:flex;position:relative}.browser .item .item-container .interface .safari-ui{height:var(--ui-height);justify-content:space-between;width:100%;display:flex;overflow:hidden}.browser .item .item-container .interface .safari-ui img{height:100%}.browser .item .item-container .interface .safari-ui .center-div{flex:1;align-items:center;max-width:40%;height:100%;display:flex}.browser .item .item-container .interface .safari-ui .center-div .address-bar{border-radius:.3em;flex:1;justify-content:center;height:55%;display:flex;position:relative}.browser .item .item-container .interface .safari-ui .center-div .address-bar .url-div{align-items:center;display:flex}.browser .item .item-container .interface .safari-ui .center-div .address-bar .url-div p{font-size:calc(var(--ui-height)/4.5);letter-spacing:-.02em;font-family:Inter,sans-serif!important;font-weight:400!important}.browser .item .item-container .interface .safari-ui .center-div .address-bar .shield{position:absolute;left:0}.browser .item .item-container .interface .safari-ui .center-div .address-bar .lock{position:absolute;right:0}.browser .item .item-container .interface .safari-ui.safari-light{background:#fff}.browser .item .item-container .interface .safari-ui.safari-light .center-div .address-bar{background:#0000000d}.browser .item .item-container .interface .safari-ui.safari-light .center-div .address-bar .url-div p{color:#4c4c4c}.browser .item .item-container .interface .safari-ui.safari-dark{background:#191c1f}.browser .item .item-container .interface .safari-ui.safari-dark .center-div .address-bar{background:#0c0f12}.browser .item .item-container .interface .safari-ui.safari-dark .center-div .address-bar .url-div p{color:#fff}.browser .item .item-container .interface .chrome-ui{flex-direction:column;width:100%;display:flex;overflow:hidden}.browser .item .item-container .interface .chrome-ui img{height:100%}.browser .item .item-container .interface .chrome-ui .top{height:calc(var(--ui-height)*.9);display:flex;position:relative}.browser .item .item-container .interface .chrome-ui .top .logo-title{left:calc(var(--ui-height)*.9*2.1);top:calc(var(--ui-height)*.9*.4);align-items:center;gap:calc(var(--ui-height)*.9*.2);display:flex;position:absolute}.browser .item .item-container .interface .chrome-ui .top .logo-title .logo{width:calc(var(--ui-height)*.9/2.5);aspect-ratio:1;border-radius:50%;overflow:hidden}.browser .item .item-container .interface .chrome-ui .top .logo-title .logo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.browser .item .item-container .interface .chrome-ui .top .logo-title p{font-size:calc(var(--ui-height)*.9/3.6);letter-spacing:-.02em;text-transform:capitalize;line-height:100%;font-family:Inter,sans-serif!important;font-weight:400!important}.browser .item .item-container .interface .chrome-ui .bottom{height:calc(var(--ui-height)*.82);display:flex}.browser .item .item-container .interface .chrome-ui .bottom .address-bar{border-radius:10em;flex:1;align-items:center;height:80%;margin:auto 0;display:flex}.browser .item .item-container .interface .chrome-ui .bottom .address-bar p{font-size:calc(var(--ui-height)*.9/3.2);letter-spacing:-.02em;line-height:110%;font-family:Inter,sans-serif!important;font-weight:400!important}.browser .item .item-container .interface .chrome-ui.chrome-light .top{background:#dfe1e5}.browser .item .item-container .interface .chrome-ui.chrome-light .top p{color:#202124}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom{background:#fff}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom .address-bar{background:#f1f3f4}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom .address-bar p{color:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .top{background:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .top p{color:#fff}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom{background:#35363a}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom .address-bar{background:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom .address-bar p{color:#fff}.browser .item .item-container .interface .arc-ui{border-radius:inherit;background-blend-mode:overlay;position:absolute;inset:0}.browser .item .item-container .interface .arc-ui.arc-light-old{-webkit-backdrop-filter:blur(3.51em)saturate(105%)contrast(105%)brightness(95%);backdrop-filter:blur(3.51em)saturate(105%)contrast(105%)brightness(95%);will-change:backdrop-filter;background:#98979a59;transform:translateZ(0)}.browser .item .item-container .interface .arc-ui.arc-light{background:linear-gradient(135deg,#c5b3c1 0%,#9b91a6 35%,#afafcb 100%);transform:translateZ(0)}.browser .item .item-container .interface .arc-ui.arc-dark2{will-change:backdrop-filter;background:#3e3955e2;transform:translateZ(0)}.browser .item .item-container .interface .arc-ui.arc-dark2 .noise{opacity:.034;z-index:-1;mix-blend-mode:overlay;border-radius:inherit;background:url(https://assets.shots.so/canvas/noise2.svg);width:100%;height:100%;position:absolute}.browser .item .item-container .interface .arc-ui.arc-dark-old{-webkit-backdrop-filter:blur(1.01em)saturate(140%)contrast(115%)brightness(95%);backdrop-filter:blur(1.01em)saturate(140%)contrast(115%)brightness(95%);background:linear-gradient(135deg,#0c0f23f7 0%,#19082df7 30%,#120c1cf7 100%);transform:translateZ(0)}.browser .item .item-container .interface .arc-ui.arc-dark-old .noise{opacity:.19;z-index:-1;mix-blend-mode:overlay;border-radius:inherit;background:url(https://assets.shots.so/canvas/noise2.svg);width:100%;height:100%;position:absolute}.browser .item .item-container .interface .arc-ui.arc-dark{background:#2c2e32;transform:translateZ(0)}.browser .item .item-container .interface .arc-ui.remove-effect{-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}.minimal-desktop{align-self:flex-start!important;height:150%!important;min-height:150%!important;max-height:150%!important}.minimal-desktop .item .item-container .drop-wrapper{border-radius:inherit;overflow:hidden}.minimal-desktop .item .item-container .shadow{border-radius:inherit}.imac-24 .shadow,.imac-retina .shadow,.imac-pro .shadow,.studio-display .shadow,.pro-display-xdr .shadow{display:none}.imac-24.imac-24,.imac-retina.imac-24,.imac-pro.imac-24,.studio-display.imac-24,.pro-display-xdr.imac-24{--aspect-ratio:3240 / 2760;--drop-padding:3.88% 4% 29.6%}.imac-24.imac-retina,.imac-retina.imac-retina,.imac-pro.imac-retina,.studio-display.imac-retina,.pro-display-xdr.imac-retina{--aspect-ratio:4096 / 3444;--drop-padding:5.2% 4% 27%}.imac-24.imac-pro,.imac-retina.imac-pro,.imac-pro.imac-pro,.studio-display.imac-pro,.pro-display-xdr.imac-pro{--aspect-ratio:4096 / 3411;--drop-padding:5.2% 4% 27%}.imac-24.pro-display-xdr,.imac-retina.pro-display-xdr,.imac-pro.pro-display-xdr,.studio-display.pro-display-xdr,.pro-display-xdr.pro-display-xdr{--aspect-ratio:4096 / 3090;--drop-padding:1.8% 1.8% 19.4%}.imac-24.studio-display,.imac-retina.studio-display,.imac-pro.studio-display,.studio-display.studio-display,.pro-display-xdr.studio-display{--aspect-ratio:1338 / 1028;--drop-padding:2% 2% 20.6%}.imac-24.layout-1-1 .item:first-child,.imac-retina.layout-1-1 .item:first-child,.imac-pro.layout-1-1 .item:first-child,.studio-display.layout-1-1 .item:first-child,.pro-display-xdr.layout-1-1 .item:first-child{display:block}.imac-24.layout-1-2 .item:first-child,.imac-retina.layout-1-2 .item:first-child,.imac-pro.layout-1-2 .item:first-child,.studio-display.layout-1-2 .item:first-child,.pro-display-xdr.layout-1-2 .item:first-child{display:block;transform:translate(-30%,10%)scale(1.2)}.imac-24.layout-1-3 .item:first-child,.imac-retina.layout-1-3 .item:first-child,.imac-pro.layout-1-3 .item:first-child,.studio-display.layout-1-3 .item:first-child,.pro-display-xdr.layout-1-3 .item:first-child{display:block;transform:translate(30%,10%)scale(1.2)}.imac-24.layout-1-4 .item:first-child,.imac-retina.layout-1-4 .item:first-child,.imac-pro.layout-1-4 .item:first-child,.studio-display.layout-1-4 .item:first-child,.pro-display-xdr.layout-1-4 .item:first-child{display:block;transform:translate(-34%,-8%)scale(1.8)}.imac-24.layout-1-5 .item:first-child,.imac-retina.layout-1-5 .item:first-child,.imac-pro.layout-1-5 .item:first-child,.studio-display.layout-1-5 .item:first-child,.pro-display-xdr.layout-1-5 .item:first-child{display:block;transform:translate(34%,-8%)scale(1.8)}.imac-24.layout-1-6 .item:first-child,.imac-retina.layout-1-6 .item:first-child,.imac-pro.layout-1-6 .item:first-child,.studio-display.layout-1-6 .item:first-child,.pro-display-xdr.layout-1-6 .item:first-child{display:block;transform:translateY(13%)scale(1.3)}.imac-24.layout-1-7 .item:first-child,.imac-retina.layout-1-7 .item:first-child,.imac-pro.layout-1-7 .item:first-child,.studio-display.layout-1-7 .item:first-child,.pro-display-xdr.layout-1-7 .item:first-child{display:block;transform:translateY(40%)scale(1.8)}.imac-24.layout-1-8 .item:first-child,.imac-retina.layout-1-8 .item:first-child,.imac-pro.layout-1-8 .item:first-child,.studio-display.layout-1-8 .item:first-child,.pro-display-xdr.layout-1-8 .item:first-child{display:block;transform:translate(34%,40%)scale(1.8)}.imac-24.layout-1-9 .item:first-child,.imac-retina.layout-1-9 .item:first-child,.imac-pro.layout-1-9 .item:first-child,.studio-display.layout-1-9 .item:first-child,.pro-display-xdr.layout-1-9 .item:first-child{display:block;transform:translate(-34%,40%)scale(1.8)}.surface-book .shadow,.macbook-air-13 .shadow,.macbook-air-m2 .shadow,.macbook-pro-13 .shadow,.macbook-pro-15 .shadow,.macbook-pro-16 .shadow{display:none}.surface-book.surface-book,.macbook-air-13.surface-book,.macbook-air-m2.surface-book,.macbook-pro-13.surface-book,.macbook-pro-15.surface-book,.macbook-pro-16.surface-book{--aspect-ratio:4096 / 2428;--drop-padding:4.4% 13.6% 6.4% 13.8%}.surface-book.macbook-air-13,.macbook-air-13.macbook-air-13,.macbook-air-m2.macbook-air-13,.macbook-pro-13.macbook-air-13,.macbook-pro-15.macbook-air-13,.macbook-pro-16.macbook-air-13{--aspect-ratio:3460 / 2060;--drop-padding:6.6% 12.9%}.surface-book.macbook-air-m2,.macbook-air-13.macbook-air-m2,.macbook-air-m2.macbook-air-m2,.macbook-pro-13.macbook-air-m2,.macbook-pro-15.macbook-air-m2,.macbook-pro-16.macbook-air-m2{--aspect-ratio:1602 / 969;--drop-padding:1.8% 10.5% 7.2%}.surface-book.macbook-pro-13,.macbook-air-13.macbook-pro-13,.macbook-air-m2.macbook-pro-13,.macbook-pro-13.macbook-pro-13,.macbook-pro-15.macbook-pro-13,.macbook-pro-16.macbook-pro-13{--aspect-ratio:3460 / 2200;--drop-padding:8.6% 12.9%}.surface-book.macbook-pro-15,.macbook-air-13.macbook-pro-15,.macbook-air-m2.macbook-pro-15,.macbook-pro-13.macbook-pro-15,.macbook-pro-15.macbook-pro-15,.macbook-pro-16.macbook-pro-15{--aspect-ratio:3880 / 2400;--drop-padding:7.6% 12.8%}.surface-book.macbook-pro-16,.macbook-air-13.macbook-pro-16,.macbook-air-m2.macbook-pro-16,.macbook-pro-13.macbook-pro-16,.macbook-pro-15.macbook-pro-16,.macbook-pro-16.macbook-pro-16{--aspect-ratio:4096 / 2699;--drop-padding:7.2% 10.2% 7.14%}.surface-book.layout-1-1 .item:first-child,.macbook-air-13.layout-1-1 .item:first-child,.macbook-air-m2.layout-1-1 .item:first-child,.macbook-pro-13.layout-1-1 .item:first-child,.macbook-pro-15.layout-1-1 .item:first-child,.macbook-pro-16.layout-1-1 .item:first-child{display:block}.surface-book.layout-1-2 .item:first-child,.macbook-air-13.layout-1-2 .item:first-child,.macbook-air-m2.layout-1-2 .item:first-child,.macbook-pro-13.layout-1-2 .item:first-child,.macbook-pro-15.layout-1-2 .item:first-child,.macbook-pro-16.layout-1-2 .item:first-child{display:block;transform:translate(-30%)scale(1.2)}.surface-book.layout-1-3 .item:first-child,.macbook-air-13.layout-1-3 .item:first-child,.macbook-air-m2.layout-1-3 .item:first-child,.macbook-pro-13.layout-1-3 .item:first-child,.macbook-pro-15.layout-1-3 .item:first-child,.macbook-pro-16.layout-1-3 .item:first-child{display:block;transform:translate(30%)scale(1.2)}.surface-book.layout-1-4 .item:first-child,.macbook-air-13.layout-1-4 .item:first-child,.macbook-air-m2.layout-1-4 .item:first-child,.macbook-pro-13.layout-1-4 .item:first-child,.macbook-pro-15.layout-1-4 .item:first-child,.macbook-pro-16.layout-1-4 .item:first-child{display:block;transform:translate(-32%,-24%)scale(1.5)}.surface-book.layout-1-5 .item:first-child,.macbook-air-13.layout-1-5 .item:first-child,.macbook-air-m2.layout-1-5 .item:first-child,.macbook-pro-13.layout-1-5 .item:first-child,.macbook-pro-15.layout-1-5 .item:first-child,.macbook-pro-16.layout-1-5 .item:first-child{display:block;transform:translate(32%,-24%)scale(1.5)}.surface-book.layout-1-7 .item:first-child,.macbook-air-13.layout-1-7 .item:first-child,.macbook-air-m2.layout-1-7 .item:first-child,.macbook-pro-13.layout-1-7 .item:first-child,.macbook-pro-15.layout-1-7 .item:first-child,.macbook-pro-16.layout-1-7 .item:first-child{display:block;transform:translateY(40%)scale(1.8)}.surface-book.layout-1-8 .item:first-child,.macbook-air-13.layout-1-8 .item:first-child,.macbook-air-m2.layout-1-8 .item:first-child,.macbook-pro-13.layout-1-8 .item:first-child,.macbook-pro-15.layout-1-8 .item:first-child,.macbook-pro-16.layout-1-8 .item:first-child{display:block;transform:translate(32%,32%)scale(1.6)}.surface-book.layout-1-9 .item:first-child,.macbook-air-13.layout-1-9 .item:first-child,.macbook-air-m2.layout-1-9 .item:first-child,.macbook-pro-13.layout-1-9 .item:first-child,.macbook-pro-15.layout-1-9 .item:first-child,.macbook-pro-16.layout-1-9 .item:first-child{display:block;transform:translate(-32%,32%)scale(1.6)}.magic-leaf{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;width:100%;height:100%;display:flex;position:relative}.magic-leaf .magic-leaf-input,.magic-leaf .magic-leaf-output{border-radius:8px;flex:1 1 0;width:100%;min-height:0;position:relative;overflow:hidden}.magic-leaf .magic-leaf-output{background:rgba(var(--panel), .4);place-items:center;display:grid}.magic-leaf .magic-leaf-output-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.magic-leaf .magic-leaf-output-overlay{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.magic-leaf .magic-leaf-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite magic-leaf-spin}.magic-leaf .magic-leaf-error{z-index:4;color:#fff;text-align:center;pointer-events:none;background:#dc2626d9;border-radius:6px;padding:6px 10px;position:absolute;bottom:8px;left:8px;right:8px}@keyframes magic-leaf-spin{to{transform:rotate(360deg)}}.magic-dropzone{cursor:pointer;background:linear-gradient(135deg, rgba(var(--panel), .9), rgba(var(--background), .95));border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;transition:background .2s;display:flex;position:relative;overflow:hidden}.magic-dropzone .magic-dropzone-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.magic-dropzone .magic-dropzone-empty{color:rgba(var(--primary), .6);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:0 16px;display:flex}.magic-dropzone .magic-dropzone-empty .title{color:rgba(var(--primary), .85);font-size:14px;font-weight:600}.magic-dropzone .magic-dropzone-empty .subtitle{opacity:.7;font-size:12px}.magic-dropzone .magic-dropzone-overlay{z-index:2;background:rgba(var(--highlight-rgb,80 140 255), .25);border:2px dashed rgba(var(--highlight-rgb,120 170 255), .8);pointer-events:none;border-radius:8px;position:absolute;inset:0}.magic-dropzone .magic-dropzone-upload{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.magic-dropzone .magic-dropzone-upload .magic-dropzone-upload-label{color:#fff;opacity:.9}.text-wrapper{z-index:2;pointer-events:none;background:fixed;display:flex;position:relative;container-type:size}.text-wrapper .text-container{display:flex}@container not (max-width:0){.text-wrapper .text-container{font-size:calc(1cqw + 1cqh)}}.text-wrapper .text-elements{max-width:inherit;white-space:pre-wrap;word-break:break-word;pointer-events:all;flex-direction:column;transition:all .2s;display:flex;position:absolute}.text-wrapper .text-elements:hover .text-item-resize-handle .handle{visibility:visible;opacity:.5}.text-wrapper .text-elements .text-items-parent{width:max-content;height:max-content}.text-wrapper .text-elements .text-item{width:max-content;max-width:100%;margin:.1em 0;position:relative}.text-wrapper .text-elements .text-item:before{content:"";z-index:-1;pointer-events:none;border-radius:.3em;transition:inherit;position:absolute;inset:-.1em -.2em}.text-wrapper .text-elements .text-item:hover:before{background:#dcdcdc26}.text-wrapper .text-elements .text-item .style-layer{pointer-events:none;z-index:-1;position:absolute;inset:0}.text-wrapper .text-elements .text-item .effect-layer{pointer-events:none;z-index:-1;display:none;position:absolute;inset:0}.text-wrapper .text-item-resize-handle{z-index:-1;position:absolute;inset:0 -24em -16em 0}.text-wrapper .text-item-resize-handle .handle{aspect-ratio:1;cursor:nwse-resize;opacity:0;visibility:hidden;border-bottom:4px solid #fff;border-right:4px solid #fff;border-bottom-right-radius:20px;width:20px;position:absolute;bottom:2em;right:2em}.text-wrapper .text-item-resize-handle .handle:hover{opacity:1}.text-wrapper .text-item-resize-handle .handle:after,.text-wrapper .text-item-resize-handle .handle:before{content:"";background:#fff;border-radius:10px;width:4px;height:4px;position:absolute}.text-wrapper .text-item-resize-handle .handle:before{top:-2px;right:-4px}.text-wrapper .text-item-resize-handle .handle:after{bottom:-4px;left:-2px}.clip-text{-moz-text-fill-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;-webkit-background-clip:text!important;background-clip:text!important}.frame-content,.frame-content.text-top-location{--effect-degree:0deg}.frame-content.text-right-location{--effect-degree:90deg}.frame-content.text-bottom-location{--effect-degree:180deg}.frame-content.text-left-location{--effect-degree:-90deg}.frame-content .blur-mask{-webkit-mask-image:linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%);mask-image:linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%);-webkit-mask-image:linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%),linear-gradient(var(--effect-degree), transparent 50%, black 100%)}.frame-content .text-effect-layer{z-index:-1;display:none;position:absolute;inset:0}.frame-content.text-blurred-effect .blur-mask{display:initial}.frame-content.text-overlay-effect .blur-mask{display:initial;z-index:5}.frame-content.text-overlay-effect .text-wrapper{position:absolute;inset:0;margin:0!important}.frame-content.text-overlay-effect .text-wrapper.top-location{bottom:unset}.frame-content.text-overlay-effect .text-wrapper.right-location{left:unset}.frame-content.text-overlay-effect .text-wrapper.bottom-location{top:unset}.frame-content.text-overlay-effect .text-wrapper.left-location{right:unset}.frame-content.text-section-effect{gap:6em}.frame-content.text-section-effect .text-wrapper{-webkit-backdrop-filter:blur(16em);transform:translate(0,0);margin:0!important;padding:6em!important}.frame-content.text-bento-dark-effect,.frame-content.text-bento-light-effect{gap:2em;padding:2em}.frame-content.text-bento-dark-effect>.frame-background-display:after,.frame-content.text-bento-dark-effect .text-wrapper .text-effect-layer .frame-background-display:after,.frame-content.text-bento-light-effect>.frame-background-display:after,.frame-content.text-bento-light-effect .text-wrapper .text-effect-layer .frame-background-display:after{content:"";-webkit-backdrop-filter:blur(16em);backdrop-filter:blur(16em);position:absolute;inset:0;transform:translate(0,0)}.frame-content.text-bento-dark-effect .text-wrapper,.frame-content.text-bento-light-effect .text-wrapper{margin:0!important;padding:6.5em!important}.frame-content.text-bento-dark-effect .text-wrapper .text-effect-layer,.frame-content.text-bento-light-effect .text-wrapper .text-effect-layer{display:initial;border-radius:1.2em;overflow:hidden}.frame-content.text-bento-dark-effect .text-wrapper .text-effect-layer .frame-background-display,.frame-content.text-bento-light-effect .text-wrapper .text-effect-layer .frame-background-display{scale:1.1}.frame-content.text-bento-dark-effect :after{background:#00000080}.frame-content.text-bento-dark-effect .text-effect-layer .frame-background-display:after{background:#ffffff1a}.frame-content.text-bento-light-effect :after{background:#ffffff80}.frame-content.text-bento-light-effect .text-effect-layer .frame-background-display:after{background:#0000001a}.text-glass-style .text-item{-webkit-mask-image:linear-gradient(90deg,#000000e6 0%,#0009 100%);mask-image:linear-gradient(90deg,#000000e6 0%,#0009 100%)}.text-glow-style .text-item .style-layer{filter:blur(10px)}.text-shadow-style .text-item .style-layer{filter:blur(.2em);transform:translateY(.1em);color:#000!important}