.browser-converter-demo{width:100%;max-width:680px;margin-inline:auto;container-type:inline-size}.browser-converter-demo[data-demo-layout=wide]{max-width:480px;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)}.browser-converter-demo[data-demo-layout=wide] .converter-layout{aspect-ratio:auto;grid-template-rows:320px repeat(4,auto)}.browser-converter-demo[data-demo-layout=wide] .converter-layout:has(.converter-dropzone-hint){grid-template-rows:auto repeat(4,auto)}.browser-converter-demo[data-demo-layout=wide] .converter-layout:has(.converter-dropzone-hint) .converter-input{aspect-ratio:1}@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:auto 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;aspect-ratio:var(--portable-source-aspect,3/4);min-height:220px;max-height:min(65svh,520px);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}}.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-ready=true] .HeroPenCorrection_ink__BXLYX,.HeroPenCorrection_ink__BXLYX{animation:none;stroke-dashoffset:0;opacity:1}}.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}}