:root{--ink:#0b0914;--muted:#625c70;--line:#e7e3ee;--purple:#1460df;--task-color:#1460df;--task-hover:#0d4ebc;--task-soft:#f1f6fd;--task-border:#b7cde2;--success:#1460df;--success-hover:#0d4ebc}body{color:var(--ink);background-color:#fff;background-image:linear-gradient(#dce5ed36 1px,#0000 1px),linear-gradient(90deg,#dce5ed36 1px,#0000 1px),radial-gradient(at 20% 0,#edf4fc65,#0000 65%);background-repeat:repeat,repeat,no-repeat;background-size:40px 40px,40px 40px,100% 650px}.header{border-bottom-color:#e7e3ee}.nav-tools{color:#221a35}.nav-guides{color:#625c70}.locale-trigger{color:#292135;border-color:#e7e3ee}.brand-mark{background:#7c3aed}.brand-dot{color:#7c3aed}main[data-tool]{--purple:var(--task-color)}.workspace-heading .tool-context h1{color:#0b0914}.workspace-heading .tool-context p{color:#625c70}.core-tool-tabs>[data-core-tool=compress]{--tab-color:#fff;--tab-bg:#cc3440;--tab-border:#bd2d39;--tab-depth:#a62732;--tab-hover:#ba2d39}.core-tool-tabs>[data-core-tool=resize]{--tab-color:#00260d;--tab-bg:#00a63e;--tab-border:#009536;--tab-depth:#00832f;--tab-hover:#00b344}.core-tool-tabs>[data-core-tool=convert]{--tab-color:#fff;--tab-bg:#7c3aed;--tab-border:#7130df;--tab-depth:#5d21bc;--tab-hover:#6d28d9}.core-tool-tabs>a{color:var(--tab-color);background:var(--tab-bg);border-color:var(--tab-border);box-shadow:0 2px 0 var(--tab-depth);font-size:15px;text-decoration:none}.core-tool-tabs>a.active{color:var(--tab-color);background:var(--tab-bg);border-color:var(--tab-depth);box-shadow:0 2px 0 var(--tab-depth);font-weight:750;text-decoration:none}.core-tool-tabs>a:hover{background:var(--tab-hover);border-color:var(--tab-depth)}.workspace-tool-row>.tool-switcher>summary{color:#49350b;background:#ffd43b;border-color:#edbd22;box-shadow:0 2px #d4a516}.workspace-tool-row>.tool-switcher>summary:hover{background:#ffdf62}.workspace-tool-row>.tool-switcher>summary>svg,.workspace-tool-row .switcher-chevron{color:#49350b}.tool-switcher>summary{color:#312641;border-color:#ddd3ec}.tool-menu{border-color:#e1d8ef;box-shadow:0 12px 32px #34125c14}.tool-menu a{color:#30253e}.tool-menu a:hover,.tool-menu a[aria-current=page]{color:#1460df;background:#edf4fc}main[data-tool] .editor{border-color:#e4dfee;box-shadow:0 3px #f0ecf7,0 10px 26px #32145b05}main[data-tool] .settings-side{background:#f5f8fe;border-color:#e8e1f3}main[data-tool] .dropzone{background:#f1f6fd;border-color:#b7cde2}main[data-tool] .dropzone.dragging{border-color:#1460df;box-shadow:inset 0 0 0 1px #1460df}main[data-tool] .dropzone h2{color:#171021}main[data-tool] .dropzone>p,main[data-tool] .dropzone>small{color:#625c70}main[data-tool] .primary{color:#fff;background:#1460df;border-color:#1460df;box-shadow:0 3px #0d4ebc}main[data-tool] .primary:hover:not(:disabled){background:#0d4ebc}main[data-tool] .primary:disabled{color:#696174;box-shadow:none;background:#efedf3;border-color:#e4dfea}main[data-tool] .editor.has-files .dropzone .primary{color:#1460df;background:#fff;border-color:#b7cde2;box-shadow:0 2px #e8e1f3}main[data-tool] .editor.has-files .dropzone{background:#fcfbff;border-color:#e4dfee}main[data-tool] .download,main[data-tool] .task-actions[data-action=download] .task-primary{color:#00260d;background:#00a63e;border-color:#009536;box-shadow:0 3px #00832f}main[data-tool] .download:hover,main[data-tool] .task-actions[data-action=download] .task-primary:hover{background:#00b344}.section-label{color:#41364f}.step-num{color:#775722;background:#fff2d2}.file-count{color:#1460df;background:#edf4fc}.field-label{color:#30253e!important}.settings-side select,.input-with-unit input,.edit-editor select{color:#261c34;border-color:#d8cde8;font-size:16px}.quality-label output{color:#1460df;background:#edf4fc;border:1px solid #cbdcf3}main[data-tool] input[type=range]{accent-color:#1460df}.range-labels{color:#625c70}.field-hint,.format-note p,.heic-help{color:#625c70!important}.format-note{background:#f1edff;border:1px solid #d5e2f5}.format-note>span{color:#1460df;border-color:#baa4ff}.conversion-source{color:#514365;background:#edf4fc}.conversion-source>strong,.conversion-source span strong,.sample-button,.text-button,.edit-file-actions button,.edit-reset{color:#1460df}.queue-item strong,.result-info>strong,.edit-result strong{color:#22172f}.queue-item small,.result-comparison small,.result-note,.edit-result p{color:#625c70}.results{background:#fff;border-color:#b7cde2}.results-heading h2,.edit-results h2{color:#241737}.result-check,.saving{color:#1460df;background:#edf4fc}.saving.larger{color:#86521b;background:#fff2e2}.notice{color:#ac2840}.task-actions{border-color:#d8cde8;box-shadow:0 6px 26px #34125c14}.task-actions strong{color:#21162e}.task-actions>div>span{color:#625c70}.upload-art .photo-front{color:#1460df;border-color:#b7cde2}.upload-art .photo-back{background:#edf4fc;border-color:#b7cde2}.upload-art .upload-badge{background:#1460df}.tool-seo-content{color:#625c70}.tool-seo-content h2{color:#21162e}.tool-seo-content a{color:#1460df}.tool-seo-content a:hover{color:#0d4ebc}.tool-seo-content .seo-instructions{background:#f1f6fd;border-left:3px solid #a5c6f4;border-radius:0 10px 10px 0;padding:18px 22px}.seo-instructions li::marker{color:#1460df;font-weight:700}.seo-questions summary{color:#30213e}.seo-questions details{border-color:#e7e0f0}.seo-breadcrumb,.seo-related li>p,.seo-tool-directory li>p{color:#625c70}.guide-quick-answer{background:#f1f6fd;border-color:#cbdcf3}.guide-toc{border-color:#cbdcf3}.guide-body h2{color:#21162e}.guide-body,.guide-body p{color:#625c70}.guide-card{border-color:#e4dfee;box-shadow:0 3px #f0ecf7}.guide-card:nth-child(3n+1){border-top:3px solid #1460df}.guide-card:nth-child(3n+2){border-top:3px solid #10b981}.guide-card:nth-child(3n){border-top:3px solid #a5c6f4}.guide-card:hover{border-color:#a5c6f4;box-shadow:0 4px #d5e2f5}.guide-card h3{color:#21162e}.guide-card p{color:#625c70}.guide-card-label{color:#71617f}.guide-card-read{color:#1460df}.guide-index-group>h2,.blog-intents h2{color:#21162e}.blog-intents a{color:#1460df;border-color:#cbdcf3}.guide-index-hero{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(120deg,#1460df,#0072c6);border-color:#3286f4;box-shadow:0 4px #b9d6ff}.guide-index-hero h1,.guide-index-hero p,.guide-index-hero .eyebrow{color:#fff}.guide-index-hero .primary{color:#1460df;background:#fff;border-color:#fff;box-shadow:0 3px #064ca7}.guide-index-art{color:#fff;background:#ffffff12;border-color:#ffffff70;box-shadow:8px 10px #ffffff0a}:where(a,button,summary,input,select):focus-visible{outline-offset:3px;outline:3px solid #1460df}@media (max-width:600px){.core-tool-tabs>a,.workspace-tool-row>.tool-switcher>summary{font-size:14px}.editor .section-label{font-size:13px}.editor .dropzone>small,.editor .range-labels{font-size:12px}.editor .field-hint{font-size:13px!important}.sample-button,.text-button{font-size:13px}.tool-seo-content .seo-instructions{padding:16px 18px}.tool-seo-content,.tool-seo-content p{font-size:15px}.seo-related li>p,.seo-tool-directory li>p{font-size:14px}}.workspace-tool-row{grid-template-columns:1.15fr repeat(4,minmax(0,1fr));max-width:1100px}.core-tool-tabs>[data-core-tool=heic-to-jpg]{--tab-color:#fff;--tab-bg:#1460df;--tab-border:#1258cf;--tab-depth:#104bb5;--tab-hover:#1257cc}@media (max-width:600px){.workspace-tool-row{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tool-row>[data-core-tool=heic-to-jpg]{grid-column:1/-1;min-height:44px}.workspace-tool-row>[data-core-tool=heic-to-jpg] svg{display:block}}