.browser-converter-demo{width:100%;max-width:500px;margin-inline:auto;container-type:inline-size;transition:max-width .28s cubic-bezier(.2,.7,.2,1);overflow-anchor:none}.browser-converter-demo[data-demo-layout=wide]{padding-block:96px 24px}.browser-converter-demo .app-container{padding-block:0}.browser-converter-demo .embedded-converter{min-height:0;padding-block:0}.browser-converter-demo .converter-layout{--converter-spacing:16px;--converter-format-width:160px;display:grid;grid-template-columns:var(--converter-format-width) minmax(0,1fr) auto;grid-template-rows:minmax(180px,1fr) repeat(4,auto);align-items:stretch;justify-items:stretch;width:100%;aspect-ratio:1;gap:0 var(--converter-spacing)}.browser-converter-demo .converter-input{grid-area:1/1/2/4;z-index:0;width:auto;min-width:0;min-height:0}.browser-converter-demo .converter-dropzone{width:100%;height:100%;background:transparent;border-radius:8px}.browser-converter-demo .portable-editor{border-radius:8px}.browser-converter-demo [data-portable-preview=true] .converter-dropzone{background:transparent;border-color:transparent}.browser-converter-demo :is(.converter-controls,.converter-output,.converter-format-toolbar,.converter-settings,.converter-quality){display:contents}.browser-converter-demo .converter-preview-panel{grid-area:1/1/2/4;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:32px 48px 48px;pointer-events:none}.browser-converter-demo .converter-preview-panel>:first-child{display:none;flex:1;min-height:0;height:100%;margin:0}.browser-converter-demo [data-show-output-preview=true] .converter-preview-panel>:first-child{display:flex}.browser-converter-demo [data-show-output-preview=true] .converter-source-preview{visibility:hidden}.browser-converter-demo .converter-input>button{z-index:2}.browser-converter-demo .converter-interactive-preview{pointer-events:auto}.browser-converter-demo .converter-format{grid-area:5/1;z-index:2;align-self:center;align-items:stretch;min-width:0}.browser-converter-demo .converter-settings-button-host{grid-area:5/2;justify-self:start;align-self:center}.browser-converter-demo .converter-layout .converter-settings-button{width:48px;height:48px}.browser-converter-demo .converter-settings>label{grid-area:3/1/4/4;justify-self:start;margin-top:var(--converter-spacing)}.browser-converter-demo .converter-quick-settings{grid-area:4/1/5/4;width:100%;min-width:0;margin:var(--converter-spacing) 0 0;text-align:left}.browser-converter-demo :is(.converter-format,.converter-settings-button-host,.converter-action){margin-top:var(--converter-spacing)}.browser-converter-demo .converter-action{grid-area:5/3;justify-self:end;align-self:center}.browser-converter-demo .converter-action>button{min-width:var(--converter-format-width)}.browser-converter-demo [data-has-result=true] .converter-action{display:none}.browser-converter-demo .converter-save-actions{grid-area:5/3;justify-self:end;align-self:center;width:auto;margin-top:var(--converter-spacing)}.browser-converter-demo .converter-save-primary{flex:none;width:var(--converter-format-width)}.browser-converter-demo [data-has-result=false] .converter-save-actions{display:none}.browser-converter-demo .converter-arrow-right{display:block}.browser-converter-demo .converter-arrow-down{display:none}.browser-converter-demo .converter-status{grid-area:2/1/3/4;width:100%;margin-top:var(--converter-spacing);text-align:left}.browser-converter-demo .converter-log{text-align:left;font-size:11px;opacity:.65}.browser-converter-demo .converter-log[data-log-summary=true]{width:auto;font-size:12px;text-decoration:underline}.browser-converter-demo .converter-status[data-log-active=false]:not(:has(.converter-notice)){display:none}@container (max-width: 420px){.browser-converter-demo .converter-layout{--converter-spacing:12px;--converter-format-width:clamp(100px,calc((100cqw - 72px) / 2),160px)}.browser-converter-demo .converter-preview-panel{padding:24px 32px 40px}.browser-converter-demo .converter-action>button{padding-inline:12px}.browser-converter-demo .converter-arrow-right{margin-left:0}}@container (max-width: 340px){.browser-converter-demo .converter-layout{--converter-spacing:8px;--converter-format-width:calc((100cqw - 64px) / 2);grid-template-rows:minmax(140px,1fr) repeat(4,auto)}.browser-converter-demo .converter-action>button{padding-inline:8px;gap:4px;font-size:12px}}.browser-converter-demo .converter-status[data-log-active=false] .converter-log{display:none}.browser-converter-demo .embedded-converter{--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788)}.browser-converter-demo .converter-layout .btn{font-weight:500;font-size:14px;box-shadow:none;text-transform:none}.browser-converter-demo .converter-action>.btn{background:var(--color-primary);color:var(--color-primary-content);border:0}.browser-converter-demo .converter-settings-button{background:var(--color-base-200);border:0}[data-theme=dark] .browser-converter-demo .embedded-converter{--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314)}@media (min-width:481px){.browser-converter-demo[data-demo-layout=wide]{max-width:375px}.browser-converter-demo[data-demo-layout=wide] .converter-layout{aspect-ratio:auto;grid-template-rows:310px repeat(4,auto);transition:grid-template-rows .28s cubic-bezier(.2,.7,.2,1)}.browser-converter-demo:has([data-portable-preview=true]){max-width:720px}.browser-converter-demo .converter-layout[data-portable-preview=true]{aspect-ratio:auto;grid-template-rows:clamp(300px,50svh,460px) repeat(4,auto)}}@media (max-width:480px){.browser-converter-demo{max-width:none}.browser-converter-demo .converter-layout[data-portable-preview=true]{aspect-ratio:auto;grid-template-rows:clamp(240px,50svh,480px) repeat(4,auto)}.browser-converter-demo [data-portable-preview=true] .converter-input{left:-2rem;width:calc(100% + 4rem);transform:none}.browser-converter-demo [data-portable-preview=true] .converter-dropzone{position:absolute;inset:0;border-radius:0}.browser-converter-demo .portable-editor{width:100%;position:relative;inset:auto;height:100%;min-height:0;border-radius:0}.browser-converter-demo .portable-media{position:absolute;inset:0}.browser-converter-demo .portable-split-grip{--portable-grip-inset:21px;width:40px;height:40px}}.browser-converter-demo .converter-layout[data-portable-preview=true] .converter-status{display:block;height:28px;overflow-y:auto;margin-top:12px}.browser-converter-demo [data-portable-preview=true] .converter-log{height:28px;min-height:28px;max-height:28px}.browser-converter-demo .converter-layout[data-portable-preview=true] .converter-native-controls{display:flex!important;align-items:center;min-height:104px}.browser-converter-demo .portable-controls{width:100%}.browser-converter-demo .converter-layout .btn{animation:none}@media(prefers-reduced-motion:reduce){.browser-converter-demo,.browser-converter-demo .converter-layout{transition:none}}.browser-converter-demo :is(.converter-action>.btn,.converter-save-primary){width:var(--converter-format-width);transform:none;transition-property:background-color,color,border-color}.browser-converter-demo .embedded-converter .embedded-settings-panel{width:min(960px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}@media(max-width:480px){.browser-converter-demo .embedded-converter .embedded-settings-panel{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}.HeroPenCorrection_correction__LDDO2{--hero-pen-color:#d63232;position:relative;display:inline-block;padding-top:1.35em;white-space:nowrap;isolation:isolate}.HeroPenCorrection_handwriting__PNKgH,.HeroPenCorrection_strike__wDWcs{position:absolute;pointer-events:none;overflow:visible;color:var(--hero-pen-color)}.HeroPenCorrection_strike__wDWcs{width:calc(100% + .35em);height:.8em;left:-.175em;bottom:.34em;stroke-width:4}.HeroPenCorrection_handwriting__PNKgH{width:100%;height:auto;left:0;bottom:calc(100% - 1.6em);transform:rotate(-5deg);stroke-width:3.2}.HeroPenCorrection_ink__BXLYX{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.HeroPenCorrection_correction__LDDO2[data-ready=true] .HeroPenCorrection_ink__BXLYX{animation:HeroPenCorrection_draw__T1ArV var(--pen-duration) cubic-bezier(.37,0,.45,1) var(--pen-delay) both}[data-theme=dark] .HeroPenCorrection_correction__LDDO2{--hero-pen-color:#ff7774}@keyframes HeroPenCorrection_draw__T1ArV{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@media (prefers-reduced-motion:reduce){.HeroPenCorrection_correction__LDDO2[data-active=true] .HeroPenCorrection_ink__BXLYX,.HeroPenCorrection_correction__LDDO2[data-ready=true] .HeroPenCorrection_ink__BXLYX{animation:none;stroke-dashoffset:0;opacity:1}}.PseoRightClickModal_dialog__VWGqB{position:absolute;left:0;width:100%;z-index:1100;pointer-events:none;visibility:hidden}.PseoRightClickModal_dialog__VWGqB[data-positioned=true]{visibility:visible}.PseoRightClickModal_viewport__qS5uV{display:flex;justify-content:center;padding:0 16px 24px}.PseoRightClickModal_panel__lxNza{position:relative;width:min(100%,560px);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:12px;padding:24px;text-align:center;pointer-events:auto;box-shadow:0 16px 48px rgb(0 0 0/18%);animation:PseoRightClickModal_appear__Y86OS .22s ease-out both}.PseoRightClickModal_close__qT35X{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.PseoRightClickModal_close__qT35X:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.PseoRightClickModal_close__qT35X:focus-visible,.PseoRightClickModal_playback__L1Wg3:focus-visible{outline:2px solid oklch(var(--p));outline-offset:2px}.PseoRightClickModal_eyebrow__nx2NV{margin:0 28px 7px;font-size:12px;font-weight:600;opacity:.62}.PseoRightClickModal_title__1oEHI{margin:0;font-size:clamp(23px,4vw,32px);line-height:1.15;letter-spacing:-.7px;font-weight:750}.PseoRightClickModal_description__hrbnG{margin:12px auto 18px;font-size:14px;line-height:1.5;opacity:.75;max-width:390px}.PseoRightClickModal_player__kxHgT{position:relative;width:min(100%,calc(clamp(130px, 34svh, 280px) * 4 / 3));margin:0 auto 20px;border-radius:12px;overflow:hidden}.PseoRightClickModal_video__yXIq4{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain}.PseoRightClickModal_playback__L1Wg3{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;color:white;background:transparent;cursor:pointer}.PseoRightClickModal_playback__L1Wg3 span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgb(0 0 0/60%);opacity:0;transition:opacity .15s}.PseoRightClickModal_playback__L1Wg3:focus-visible span,.PseoRightClickModal_playback__L1Wg3:hover span,.PseoRightClickModal_playback__L1Wg3[data-paused=true] span{opacity:1}.PseoRightClickModal_cta__xz_1L{min-width:210px;min-height:48px}.PseoRightClickModal_platforms__8W_JS{font-size:12px;opacity:.6;margin:10px 0 0}@media(max-width:480px){.PseoRightClickModal_viewport__qS5uV{padding-inline:12px}.PseoRightClickModal_panel__lxNza{padding:18px 16px 16px}.PseoRightClickModal_title__1oEHI{font-size:24px}.PseoRightClickModal_eyebrow__nx2NV{margin-bottom:5px}.PseoRightClickModal_description__hrbnG{margin-block:8px 12px}.PseoRightClickModal_player__kxHgT{border-radius:8px;margin-bottom:12px}.PseoRightClickModal_cta__xz_1L{width:100%}.PseoRightClickModal_platforms__8W_JS{margin-top:6px}}@keyframes PseoRightClickModal_appear__Y86OS{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.PseoRightClickModal_panel__lxNza{animation:none}.PseoRightClickModal_playback__L1Wg3 span{transition:none}}.right-click-demo-playback{opacity:0}.right-click-demo-playback:focus-visible,.right-click-demo-playback[data-paused=true]{opacity:1}@media (hover:hover){.right-click-demo-player:hover .right-click-demo-playback{opacity:1}}@media (prefers-reduced-motion:no-preference){.right-click-demo-playback{transition:opacity .15s}}@media (max-width:767px){.right-click-hero-demo [data-browser-demo]:has([data-portable-preview=true]){max-width:none}}.right-click-hero-demo{transition:grid-template-columns .28s cubic-bezier(.2,.7,.2,1)}.right-click-hero-demo [data-browser-demo]:has([data-portable-preview=true]){max-width:720px}@media(min-width:1024px){.right-click-hero-demo:has([data-portable-preview=true]){grid-template-columns:minmax(0,4fr) minmax(0,3fr)}}@media(prefers-reduced-motion:reduce){.right-click-hero-demo{transition:none}}