.tool-page-frame_frame__jSp39{--tool-ink:#14302b;--tool-muted:#5a6e69;--tool-line:#dde6e2;--tool-control-line:#b4c9c0;--tool-brand:#0b5e4c;--tool-brand-strong:#084638;--tool-tint:#eef6f1;--tool-radius:20px;max-width:calc(1200px + 2 * var(--refentra-gutter));margin:0 auto;padding:28px var(--refentra-gutter) 0;color:var(--tool-ink)}.tool-page-frame_frame__jSp39.tool-page-frame_frame__jSp39 :is(main,.tool-page){max-width:none;width:100%;min-height:0;margin:0;padding:0}.tool-page-frame_frame__jSp39 :is(main,.tool-page)>header:first-child{display:none}.tool-page-frame_extras__73dsj{margin:-8px 0 20px;color:var(--tool-muted);font-size:14px;line-height:1.55}.tool-page-frame_extras__73dsj p{margin:0}.tool-page-frame_frame__jSp39 .tool-card{margin-bottom:0;padding:28px;border:1px solid #e2e9e6;border-radius:var(--tool-radius);background:#fff;box-shadow:0 1px 1px rgb(20 53 47/3%),0 4px 10px rgb(20 53 47/4%),0 24px 48px -12px rgb(20 53 47/10%)}.tool-page-frame_frame__jSp39 .tool-card+.tool-card,.tool-page-frame_frame__jSp39 :is(main,.tool-page)>section.results{margin-top:20px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) h2{font-size:22px;line-height:1.3;letter-spacing:-.01em}.tool-page-frame_frame__jSp39 :is(main,.tool-page) select,.tool-page-frame_frame__jSp39 main input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]){min-height:48px;max-width:100%;border:1px solid var(--tool-control-line);border-radius:10px;background-color:#fff}.tool-page-frame_frame__jSp39 :is(main,.tool-page) :is(input,select):focus-visible{outline:3px solid #245ee5;outline-offset:2px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) input[type=range]{accent-color:var(--tool-brand)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .file-picker,.tool-page-frame_frame__jSp39 :is(main,.tool-page) button{min-height:44px;border-radius:10px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .primary{border:0;background:linear-gradient(180deg,#11745e 0,var(--tool-brand) 100%);color:#fff;font-weight:650;box-shadow:inset 0 1px 0 rgb(255 255 255/14%),0 1px 2px rgb(8 70 56/24%),0 6px 16px -6px rgb(8 70 56/45%);transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .primary:not(:disabled):hover{background:linear-gradient(180deg,#0d6652 0,var(--tool-brand-strong) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/14%),0 2px 4px rgb(8 70 56/24%),0 10px 22px -8px rgb(8 70 56/55%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .primary:not(:disabled):active{transform:translateY(1px)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) button.primary:disabled{border:0;background:#a9c8bd;color:#fff;box-shadow:none;cursor:not-allowed;opacity:1}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .secondary{border:1px solid var(--tool-control-line);background:#fff;color:var(--tool-ink);font-weight:600}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .secondary:not(:disabled):hover{border-color:var(--tool-brand);background:var(--tool-tint)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions>.primary~button.secondary{border-color:transparent;background:transparent;color:var(--tool-muted);box-shadow:none}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions>.primary~button.secondary:not(:disabled):hover{border-color:transparent;background:transparent;color:var(--tool-ink);text-decoration:underline}.tool-page-frame_frame__jSp39 :is(main,.tool-page) :is(.file-drop,section:has(>input[type=file])){border:1.5px dashed #b9d0c7;border-radius:16px;background:radial-gradient(120% 90% at 50% 0,#edf6f1 0,rgb(237 246 241/0) 70%),#fafcfb;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file]){padding:28px;text-align:center}.tool-page-frame_frame__jSp39 :where(.file-drop){padding:24px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) :is(.file-drop,section:has(>input[type=file])):hover{border-color:#7fb39f;box-shadow:0 0 0 4px rgb(11 94 76/5%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file]):not(:has(svg)):before{content:"";display:block;width:56px;height:56px;margin:0 auto 18px;border-radius:16px;background:#fff url(/icons/lucide/image-plus.svg) 50%/26px no-repeat;box-shadow:0 1px 2px rgb(20 53 47/8%),0 6px 16px -4px rgb(20 53 47/14%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file])>input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file])>label{position:static;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:48px;padding:12px 24px;overflow:visible;clip-path:none;border-radius:10px;background:var(--tool-brand);color:#fff;font-weight:650;white-space:normal;cursor:pointer}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file])>label:hover{background:var(--tool-brand-strong)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file])>label:focus-within{outline:3px solid #245ee5;outline-offset:3px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) input[type=file]::file-selector-button{min-height:44px;margin-right:12px;padding:10px 18px;border:0;border-radius:10px;background:var(--tool-brand);color:#fff;font:inherit;font-weight:650;cursor:pointer}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file])>:is(label,input[type=file])+:is(button,a){margin-top:12px}.tool-page-frame_frame__jSp39 :where(.file-drop:has(>label>input[type=file])){display:flex;flex-direction:column;align-items:center;text-align:center}.tool-page-frame_frame__jSp39 :where(.file-drop)>label:has(>input[type=file]){position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:10px;background:var(--tool-brand);color:#fff;font-weight:650;cursor:pointer}.tool-page-frame_frame__jSp39 :where(.file-drop)>label:has(>input[type=file]):hover{background:var(--tool-brand-strong)}.tool-page-frame_frame__jSp39 :where(.file-drop)>label:has(>input[type=file]:focus-visible){outline:3px solid #245ee5;outline-offset:3px}.tool-page-frame_frame__jSp39 :where(.file-drop)>label>input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tool-page-frame_frame__jSp39 :where(.file-drop:has(>label>input[type=file])):before{content:"";display:block;width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:#fff url(/icons/lucide/image-plus.svg) 50%/26px no-repeat;box-shadow:0 1px 2px rgb(20 53 47/8%),0 6px 16px -4px rgb(20 53 47/14%)}.tool-page-frame_frame__jSp39 .tool-workbench{display:grid;gap:24px}.tool-page-frame_frame__jSp39 .tool-workbench-intake,.tool-page-frame_frame__jSp39 .tool-workbench-settings{display:grid;align-content:start;gap:14px;min-width:0}.tool-page-frame_frame__jSp39 .tool-workbench-settings fieldset{margin:0;border:1px solid var(--tool-line);border-radius:12px}.tool-page-frame_frame__jSp39 :where(.file-drop)>[class*=cloud-import_cloud]{width:fit-content;max-width:100%;margin-inline:auto}.tool-page-frame_frame__jSp39 :where(.file-drop) [class*=cloud-import_row]{justify-content:center}.tool-page-frame_frame__jSp39 .tool-page>p.help{max-width:80ch;margin:0 0 6px;color:var(--tool-muted);font-size:14px;line-height:1.55}.tool-page-frame_frame__jSp39 .tool-page>p.help+:not(p.help){margin-top:18px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) :is(.file-picker,section:has(>input[type=file])>label,.file-drop>label:has(>input[type=file])){border:0;background:linear-gradient(180deg,#11745e 0,var(--tool-brand) 100%);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/14%),0 1px 2px rgb(8 70 56/24%),0 6px 16px -6px rgb(8 70 56/45%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) [class*=dropIcon]{border-radius:16px;background:#fff;color:var(--tool-brand);box-shadow:0 1px 2px rgb(20 53 47/8%),0 6px 16px -4px rgb(20 53 47/14%)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .results img{max-height:520px;object-fit:contain}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .results a.download.primary,.tool-page-frame_frame__jSp39 :is(main,.tool-page) .results a[download].primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;border-radius:10px;text-decoration:none}.tool-page-frame_frame__jSp39 section.results:has(>[class*=emptyResult]),.tool-page-frame_frame__jSp39 section.results[data-empty=true]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.tool-page-frame_frame__jSp39 .content-page{max-width:none;min-height:0;margin-top:40px;padding:0}.tool-page-frame_frame__jSp39 .content-page h2{margin:0 0 8px;font-size:22px}.tool-page-frame_frame__jSp39 [class*=__actions]{align-items:flex-start;align-content:start}.tool-page-frame_frame__jSp39 label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:flex-start;gap:10px;min-height:44px}.tool-page-frame_frame__jSp39 label>input[type=checkbox]{flex:none;width:20px;height:20px;min-height:20px;margin:2px 0 0;accent-color:var(--tool-brand)}.tool-page-frame_frame__jSp39 label:has(>input[type=radio]){display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px}.tool-page-frame_frame__jSp39 label>input[type=radio]{flex:none;width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--tool-brand)}.tool-page-frame_frame__jSp39 a:not([class]){color:var(--tool-brand);text-decoration-thickness:1px;text-underline-offset:3px}.tool-page-frame_frame__jSp39 a:not([class]):hover{color:var(--tool-brand-strong);text-decoration-thickness:2px}.tool-page-frame_frame__jSp39 .warning:not([role=alert]):not(:empty){padding:10px 12px;border-left:3px solid #b7791f;border-radius:6px;background:#fff4db;color:#6b420f;font-weight:600}.tool-page-frame_frame__jSp39 div.warning:not([role=alert])>:is(p,ul){margin:0}.tool-page-frame_frame__jSp39 div.warning:not([role=alert])>ul{margin-top:6px;padding-left:1.2em;color:var(--refentra-ink);font-weight:400}.tool-page-frame_frame__jSp39 :is(main,.tool-page) details>summary{cursor:pointer}@media (min-width:1024px){.tool-page-frame_frame__jSp39 .tool-workbench{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:32px}.tool-page-frame_frame__jSp39 .tool-workbench-settings{padding-left:32px;border-left:1px solid var(--tool-line)}.tool-page-frame_frame__jSp39:not([data-tool-frame=img_convert_heic_to_jpg]) .tool-page:has(>.file-drop+section.tool-card){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:20px;align-items:start}.tool-page-frame_frame__jSp39:not([data-tool-frame=img_convert_heic_to_jpg]) .tool-page:has(>.file-drop+section.tool-card)>*{grid-column:1/-1;min-width:0}.tool-page-frame_frame__jSp39:not([data-tool-frame=img_convert_heic_to_jpg]) .tool-page:has(>.file-drop+section.tool-card)>.file-drop{grid-column:1;justify-content:center;min-height:320px}.tool-page-frame_frame__jSp39:not([data-tool-frame=img_convert_heic_to_jpg]) .tool-page>.file-drop+section.tool-card{grid-column:2;margin-top:0}.tool-page-frame_frame__jSp39{padding-top:32px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) [class*=__workspace]{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:32px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) [class*=__workspace]:not(:has(>:nth-child(2))){grid-template-columns:minmax(0,1fr)}.tool-page-frame_frame__jSp39 :is(main,.tool-page) [class*=__sideCol]{min-width:0}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file]){display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .primary{min-height:52px;font-size:16px}.tool-page-frame_frame__jSp39[data-tool-frame=img_live_photo_to_motion_photo] [class*=__workspace]>[class*=__inputs]{grid-column:1;grid-row:1/span 5;grid-template-columns:minmax(0,1fr);align-content:start}.tool-page-frame_frame__jSp39[data-tool-frame=img_live_photo_to_motion_photo] [class*=__workspace]>:not([class*=__inputs]){grid-column:2}.tool-page-frame_frame__jSp39[data-tool-frame=img_live_photo_to_motion_photo] [class*=__workspace]>[class*=__result]{grid-column:1/-1}.tool-page-frame_frame__jSp39[data-tool-frame=img_convert_heic_to_jpg] :is(main,.tool-page){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:24px;align-items:start}.tool-page-frame_frame__jSp39[data-tool-frame=img_convert_heic_to_jpg] :is(main,.tool-page)>div,.tool-page-frame_frame__jSp39[data-tool-frame=img_convert_heic_to_jpg] :is(main,.tool-page)>section:nth-of-type(n+3){grid-column:1/-1}}@media (max-width:1023px){.tool-page-frame_frame__jSp39 .tool-workbench-settings{padding-top:20px;border-top:1px solid var(--tool-line)}.tool-page-frame_frame__jSp39 .tool-page>.file-drop+section.tool-card{margin-top:16px}.tool-page-frame_frame__jSp39:is([data-tool-frame=img_metadata_edit],[data-tool-frame=img_compress_target_size]) [class*=__previewBox]{max-height:260px;aspect-ratio:auto}.tool-page-frame_frame__jSp39:is([data-tool-frame=img_metadata_edit],[data-tool-frame=img_compress_target_size]) [class*=__previewBox] img{width:auto;max-width:100%;height:auto;max-height:240px;margin-inline:auto;object-fit:contain}.tool-page-frame_frame__jSp39 :is(main,.tool-page) [class*=__workspace]{grid-template-columns:minmax(0,1fr)}.tool-page-frame_frame__jSp39 .tool-card{padding:22px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) h2{font-size:19px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file]){min-height:0;padding:24px 20px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions:has(>.primary:not(:disabled)){position:sticky;bottom:0;z-index:5;margin-inline:-22px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--tool-line);background:rgb(255 255 255/96%);box-shadow:0 -8px 20px rgb(20 53 47/6%)}}@media (min-width:600px) and (max-width:1023px){.tool-page-frame_frame__jSp39{max-width:760px;padding:24px 20px 0}}@media (max-width:599px){.tool-page-frame_frame__jSp39{padding:16px 16px 0}.tool-page-frame_frame__jSp39 .tool-card{padding:16px;border-radius:14px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions:has(>.primary:not(:disabled)){margin-inline:-16px;padding-inline:16px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) section:has(>input[type=file]){padding:20px 14px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions:has(>button.primary){display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .actions:has(>button.primary)>button{width:100%}.tool-page-frame_frame__jSp39 :is(main,.tool-page) .results a.download.primary,.tool-page-frame_frame__jSp39 :is(main,.tool-page) .results a[download].primary{width:100%}}