.image-media-switch{position:relative;isolation:isolate;display:flex;align-items:center;padding:3px;border-radius:24px;background:#303030;color:#aaa;flex:none}.media-sliding-group{position:relative;isolation:isolate}.media-sliding-group:before{content:"";position:absolute;z-index:-1;left:3px;top:3px;bottom:3px;width:var(--media-selection-width,0px);border-radius:20px;background:#151515;transform:translate(var(--media-selection-x,0px));transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1);pointer-events:none}.image-mode-switch.media-sliding-group button[aria-pressed=true],html[data-theme=light] .image-mode-switch.media-sliding-group button[aria-pressed=true]{background:transparent;box-shadow:none}.image-media-switch button{height:32px;padding:0 12px;border-radius:20px;background:transparent;display:flex;align-items:center;gap:6px}.image-media-switch button span{max-width:48px;opacity:1;white-space:nowrap;overflow:hidden}.image-media-switch button[aria-pressed=false] span{max-width:0;opacity:0}.image-media-switch button[aria-pressed=false]{gap:0}.image-media-switch svg,.video-audio-toggle svg{width:20px;height:20px;flex:none}#image-composer-controls .image-media-switch button[aria-pressed=true],#image-composer-controls .image-mode-switch button[aria-pressed=true]{color:#f5f5f5;font-weight:600}html[data-theme=light] #image-composer-controls .image-media-switch button[aria-pressed=true],html[data-theme=light] #image-composer-controls .image-mode-switch button[aria-pressed=true]{color:#252525}.image-media-switch button[aria-pressed=true]{background:transparent;color:#f5f5f5}.video-composer-options{display:none;align-items:center;gap:8px;min-width:0}#image-composer-controls[data-media=video]>.image-mode-switch{display:none}#image-composer-controls[data-media=video] .video-composer-options{display:flex}.video-audio-toggle{border-radius:20px;background:transparent;padding:4px 8px;display:grid;place-items:center}#image-composer-controls button:disabled{opacity:.35;cursor:not-allowed}#image-composer-controls button[data-plan-locked=true],.video-parameters-sheet button[data-plan-locked=true]{opacity:.5;cursor:pointer}.video-parameters-trigger{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:0;border-radius:20px;background:transparent;color:#b8b8b8;flex:none;cursor:pointer}.video-parameters-trigger svg{display:block;width:24px;height:24px;flex:none}.video-parameters-trigger:hover,.video-parameters-trigger[aria-expanded=true]{background:#ffffff12;color:#fff}.video-parameters-trigger:focus-visible{outline:2px solid #71a8ff;outline-offset:2px}.video-parameters-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;margin:0;padding:20px 22px max(26px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;border:1px solid #ffffff20;border-bottom:0;border-radius:26px 26px 0 0;background:#171717;color:#eee;animation:video-sheet-enter .2s ease-out}.video-parameters-sheet::backdrop{background:#0009}.video-sheet-handle{width:42px;height:4px;margin:0 auto 20px;background:#777;border-radius:9px}.video-sheet-close{position:absolute;right:16px;top:13px;width:30px;height:30px;border:0;background:transparent;color:#aaa;font-size:25px;cursor:pointer}.video-parameters-sheet section{margin:24px 0}.video-parameters-sheet h3{margin:0 0 18px;font-size:16px}.video-parameters-sheet button{font:inherit;color:inherit;border:0;cursor:pointer}.video-parameters-sheet button:disabled{opacity:.35;cursor:not-allowed}.video-parameters-sheet button:focus-visible{outline:2px solid #71a8ff;outline-offset:3px}.video-sheet-ratios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.video-sheet-ratios button{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;border-radius:12px;padding:10px 0;background:transparent;color:#999}.video-sheet-ratios button[aria-pressed=true]{color:#fff;font-weight:600}.video-sheet-ratio-mark{display:block;border-radius:4px;background:currentColor;opacity:.65}.video-sheet-ratios button[aria-pressed=true] .video-sheet-ratio-mark{opacity:1}.video-parameters-sheet [hidden]{display:none!important}.video-parameters-sheet .image-mode-switch{display:inline-flex;padding:3px;gap:4px;background:#303030}.video-parameters-sheet .image-mode-switch button{min-width:56px;height:36px;padding:0 12px;background:transparent;color:#999;font-size:16px}.video-parameters-sheet .image-mode-switch button[aria-pressed=true]{color:#fff;font-weight:600}.video-sheet-audio{display:flex;align-items:center;gap:12px;background:transparent;padding:6px 0;font-size:16px}.video-sheet-audio svg{width:22px;height:22px}html[data-theme=light] .video-parameters-sheet{background:#fff;color:#222;border-color:#ddd}html[data-theme=light] .video-sheet-ratios button[aria-pressed=true],html[data-theme=light] .video-parameters-sheet .image-mode-switch button[aria-pressed=true]{color:#222;box-shadow:none}html[data-theme=light] .video-parameters-sheet .image-mode-switch{background:#eee}html[data-theme=light] .video-parameters-trigger{color:#666}html[data-theme=light] .video-parameters-trigger:hover,html[data-theme=light] .video-parameters-trigger[aria-expanded=true]{background:#0000000a;color:#222}@keyframes video-sheet-enter{0%{transform:translateY(25px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.video-parameters-sheet{animation:none}}.video-usage[hidden]{display:none}.video-usage-remaining{display:block;font-size:14px;line-height:1.6}.video-usage .usage-wallet-card{margin-top:16px}.video-usage .usage-section-heading p{margin:0}.video-result{--video-frame-height:min(62dvh,520px);--video-natural-ratio:1.777778;box-sizing:border-box;width:min(100%,720px,calc(var(--video-frame-height)*var(--video-natural-ratio)));max-width:100%;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden;background:#191919;margin:12px 0;box-shadow:0 4px 18px #00000016}.video-result video{display:block;width:100%;height:auto;aspect-ratio:var(--video-natural-ratio);background:#0c0c0c;object-fit:contain}.video-result-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid #ffffff0d;font-size:12px;line-height:18px;color:#aaa}.video-result-meta{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.video-result-buttons{display:flex;align-items:center;gap:6px}.video-result-actions button,.video-result-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;box-sizing:border-box;border:1px solid #ffffff1f;background:#ffffff08;border-radius:10px;padding:7px 10px;color:#eee;text-decoration:none;font:inherit;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.video-result-actions svg{width:16px;height:16px;flex:none}.video-result-actions button:hover,.video-result-actions a:hover{background:#ffffff15;border-color:#ffffff38}.video-result-actions button:focus-visible,.video-result-actions a:focus-visible{outline:2px solid #71a8ff;outline-offset:2px}.video-result[data-orientation=portrait] .video-result-actions{grid-template-columns:minmax(0,1fr);gap:8px}.video-result[data-orientation=portrait] .video-result-buttons>*{flex:1}.video-result-status{margin:0;padding:0 12px 12px;color:#aaa;font-size:12px;line-height:18px}.video-result-status[hidden]{display:none}.video-purchase-dialog{width:min(600px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid #ffffff30;border-radius:24px;background:#202020;color:#eee;padding:28px;box-sizing:border-box}.video-purchase-dialog::backdrop{background:#0009}.video-purchase-dialog p{font-size:14px;line-height:1.7;color:#aaa}.video-purchase-heading{display:flex;align-items:center;justify-content:space-between}.video-purchase-heading h2{font-size:22px;margin:0}.video-purchase-heading button{background:none;border:0;font-size:28px;color:inherit;cursor:pointer}.video-packs{display:flex;flex-direction:column;gap:10px}.video-packs button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:110px;box-sizing:border-box;border:1px solid #414141;border-radius:16px;background:#191919;color:inherit;padding:18px 20px;text-align:left;cursor:pointer;font:inherit;transition:border-color .18s,background .18s}.video-packs button:hover{border-color:#666}.video-packs button[aria-pressed=true]{border-color:#aaa;background:#242424}.video-packs button:focus-visible{outline:2px solid #71a8ff;outline-offset:3px}.video-pack-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:6px;overflow-wrap:anywhere}.video-pack-name{font-size:16px;line-height:1.4;font-weight:600}.video-pack-description{font-size:13px;color:#aaa;line-height:1.5}.video-pack-unit{font-size:14px;line-height:1.5;color:#c8c8c8}.video-pack-popular{padding:2px 8px;border-radius:12px;background:#353535;color:#eee;font-size:12px;line-height:1.5}.video-pack-aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;flex:none;max-width:45%}.video-pack-price{font-size:21px;line-height:1.4;font-weight:600;white-space:nowrap}.video-pack-selection{display:grid;place-items:center;width:20px;height:20px;box-sizing:border-box;border:2px solid #aaa;border-radius:50%;background:#aaa;color:#eee}.video-pack-selection svg{width:16px;height:16px;opacity:0}.video-packs button[aria-pressed=true] .video-pack-selection{background:transparent;border-color:#eee}.video-packs button[aria-pressed=true] .video-pack-selection svg{opacity:1}.video-pay{width:100%;border:0;border-radius:24px;padding:14px;font-size:16px;background:#f5f5f5;color:#111;cursor:pointer}.video-pay:disabled{opacity:.5;cursor:wait}.video-payment-method{display:flex;align-items:center;gap:12px;padding:18px 0;font-size:14px}.video-payment-method img{width:48px;height:32px;object-fit:contain}html[data-theme=light] .image-media-switch{background:#eee;color:#777}html[data-theme=light] .media-sliding-group:before{background:#fff}html[data-theme=light] .image-media-switch button[aria-pressed=true]{background:transparent;color:#222}html[data-theme=light] .video-result,html[data-theme=light] .video-purchase-dialog{background:#fff;color:#222;border-color:#ddd}html[data-theme=light] .video-result-actions{color:#777;border-top-color:#0000000a}html[data-theme=light] .video-result-status{color:#777}html[data-theme=light] .video-result-actions button,html[data-theme=light] .video-result-actions a,html[data-theme=light] .video-packs button{background:#f3f3f3;color:#222;border-color:#ddd}html[data-theme=light] .video-result-actions button:hover,html[data-theme=light] .video-result-actions a:hover{background:#e9e9e9;border-color:#ccc}html[data-theme=light] .video-packs button[aria-pressed=true]{border-color:#333;background:#eee}html[data-theme=light] .video-pack-description{color:#777}html[data-theme=light] .video-pack-unit{color:#555}html[data-theme=light] .video-pack-popular{background:#e3e3e3;color:#333}html[data-theme=light] .video-packs button[aria-pressed=true] .video-pack-selection{border-color:#333;color:#333}@media(max-width:600px){.video-result{--video-frame-height:min(58dvh,480px);border-radius:15px}.video-result-actions{padding:10px;gap:8px;grid-template-columns:minmax(0,1fr)}.video-result-buttons>*{flex:1}.video-result-actions button,.video-result-actions a{min-height:40px}.video-result-status{padding:0 10px 10px}}@media(max-width:700px){body[data-view=images] #composer-toolbar{flex-wrap:wrap}body[data-view=images] #image-composer-controls{flex-wrap:wrap;gap:5px}.video-composer-options{gap:4px}.video-composer-options .image-mode-switch button{padding:0 8px!important;font-size:12px!important}.image-media-switch button{padding:0 9px!important;font-size:13px!important}#image-composer-controls[data-media=video] #image-ratio-trigger{height:32px}.video-purchase-dialog{padding:20px}.video-result-actions{gap:6px}}@media(max-width:760px),(pointer:coarse)and (max-width:1100px){body[data-view=images] #composer{display:flex!important;flex-direction:column;align-items:stretch!important;height:auto!important;gap:10px!important}body[data-view=images] #composer #composer-toolbar{display:grid!important;grid-template-columns:36px max-content 40px minmax(0,1fr);grid-template-rows:auto;gap:6px!important;height:auto!important;min-height:0}body[data-view=images] #composer #image-composer-controls{display:contents!important}body[data-view=images] #composer .add-button{grid-column:1!important;grid-row:1!important}body[data-view=images] #composer .image-media-switch{grid-column:2;grid-row:1;justify-self:start}body[data-view=images] #composer #composer-submit-actions{grid-column:4!important;grid-row:1!important;justify-self:end}body[data-view=images] #composer .video-composer-options,body[data-view=images] #composer #image-composer-controls>.image-mode-switch,body[data-view=images] #composer #image-ratio-trigger{display:none!important}body[data-view=images] #composer #composer-toolbar>.video-parameters-trigger{display:flex!important;visibility:visible!important;opacity:1!important;grid-column:3;grid-row:1;align-self:center;justify-self:center}}@media(max-width:360px){body[data-view=images] #composer #composer-toolbar{gap:3px!important}body[data-view=images] #composer .image-media-switch button{padding:0 7px!important;font-size:12px!important}.image-media-switch svg{width:18px;height:18px}}@media(max-width:600px){.video-packs button{padding:16px 14px;gap:12px}.video-pack-name{font-size:15px}.video-pack-price{font-size:18px}.video-pack-description,.video-pack-unit{font-size:13px}}@media(prefers-reduced-motion:reduce){.media-sliding-group:before{transition:none}}
