.home-personal-shortcuts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.home-personal-shortcuts button,.home-finder-more{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:11px}.home-personal-shortcuts button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.home-finder-more{color:var(--accent)}.home-finder-footer-main .home-finder-more{text-underline-offset:2px;background:0 0;border:0;padding:0 2px;font-size:10px;line-height:1.2;text-decoration:underline}.home-tool-finder :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-upload-limits{color:var(--text-muted);margin-top:9px;font-size:11px}.reference-hero .hero-action-panel .home-paste-hint{margin-top:5px;font-size:10px;display:flex}.reference-hero .home-task-shortcuts{flex-wrap:wrap;overflow:visible}.reference-hero{background:linear-gradient(to bottom,transparent 65%,var(--background) 100%),radial-gradient(ellipse at 85% 35%,#dae6ff 0,transparent 50%),radial-gradient(ellipse at 6% 56%,#e8e5ff 0,transparent 44%),#f8faff;min-height:768px;padding:50px 0 48px}.reference-hero:before,.reference-hero:after{display:none}.reference-hero .hero-copy{width:1100px;max-width:calc(100% - 40px);padding:0}.reference-hero .eyebrow{letter-spacing:.24em;font-size:12px}.reference-hero .home-hero-heading{letter-spacing:-.055em;max-width:none;margin:20px auto 14px;font-size:80px;line-height:.97}.reference-hero .home-hero-heading span:first-child{background-image:linear-gradient(120deg,#5350ff,#6427f5)}.reference-hero .home-hero-heading span:last-child{background-image:linear-gradient(105deg,#246aff,#5841ff)}.reference-hero .hero-intro>p{max-width:720px;font-size:18px;line-height:1.5}.reference-hero .hero-action-panel{grid-template-columns:1fr 1fr;gap:18px;max-width:1060px;margin-top:29px}.reference-hero .home-tool-finder{border-color:#d2dcff;min-height:308px;padding:20px;box-shadow:0 12px 30px #344fa012}.reference-hero .home-tool-finder-head h2{font-size:22px}.reference-hero .home-tool-search{margin-top:8px}.reference-hero .home-tool-search input{background:#f2f5fa;border:0;border-radius:999px;height:40px}.reference-hero .home-task-shortcuts{gap:5px}.reference-hero .home-task-shortcuts button{background:#eef2f7;border:0;flex:1;padding:5px 10px}.reference-hero .home-task-shortcuts button.active{color:#fff;background:#eef2f7}.reference-hero .home-tool-results{gap:8px}.reference-hero .home-tool-results>a{background:#f4f7fc;border-color:#edf1fa;border-radius:16px;min-height:59px}.reference-hero .home-tool-results>a>span{color:#2976ff;box-shadow:none;background:#e9f1ff}.reference-hero .home-tool-results>a:nth-child(2)>span{color:#f74478;background:#fff0f5}.reference-hero .home-tool-results>a:nth-child(3)>span{color:#00b58a;background:#e6fff6}.reference-hero .home-tool-results>a:nth-child(4)>span{color:#8345ff;background:#f4edff}.reference-hero .home-tool-finder-footer{padding-top:6px;font-size:9px}.reference-hero .upload-card{border:0;padding:12px;box-shadow:0 12px 30px #344fa010}.reference-hero .dropzone{background:linear-gradient(140deg,#fff,#f7f9ff);border:2px dashed #dce4ff;border-radius:18px;justify-content:center;align-items:center;min-height:282px;padding:24px 14px;display:flex}.reference-hero .dropzone .button{background:linear-gradient(110deg,#4382ff,#2040ff);box-shadow:0 7px 15px #3469ff2b}.reference-hero .home-upload-inline-trust{font-size:12px}.reference-hero .home-proof-strip{border-color:#e7edfa;border-radius:22px;min-height:82px;margin-top:22px;padding:17px 24px}.reference-hero .home-proof-strip strong{font-size:14px}.reference-hero .home-proof-strip small{font-size:11px}.reference-hero .home-proof-strip>div{padding-inline:18px}.reference-hero .home-proof-strip>div>svg{filter:drop-shadow(2px 3px #c8d8ff70);width:30px;height:30px}.reference-hero .home-tool-orbit{inset:0;-webkit-mask-image:none;mask-image:none}.reference-hero .home-tool-orbit:before{border:20px solid #ffffff3d;width:92%;height:600px;top:55%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 0 0 60px #a6beff12,0 0 0 120px #bec5ff0a}.reference-hero .home-tool-orbit:after{border-color:#abc3ff;width:69%;height:400px;top:48%;box-shadow:0 0 0 1px #fff9}.reference-hero .home-tool-orbit-track span{offset-path:none;opacity:1;background:linear-gradient(140deg,#fff,#f7f9ffdf);border:1px solid #ffffffb3;gap:10px;height:52px;padding:9px 20px;font-size:13px;animation:none;top:auto;left:auto;box-shadow:0 12px 28px #5679dc16,inset 0 2px 1px #fff}.reference-hero .home-tool-orbit-track span i{color:#fff;background:linear-gradient(140deg,#72b9ff,#1561ec);border-radius:6px;width:27px;height:29px;box-shadow:3px 4px #b6d8ff75,0 6px 12px #48d3}.reference-hero .home-tool-orbit-track .tone-rose i{color:#fff;background:linear-gradient(140deg,#ffa7bd,#ff3d72)}.reference-hero .home-tool-orbit-track .tone-green i{color:#fff;background:linear-gradient(140deg,#64efcf,#02b784)}.reference-hero .home-tool-orbit-track .tone-purple i{color:#fff;background:linear-gradient(140deg,#c491ff,#853cff)}.reference-hero .home-tool-orbit-track .tone-amber i{color:#fff;background:linear-gradient(140deg,#ffe2a0,#faaa28)}.reference-hero .outer span:first-child{top:20%;left:14%}.reference-hero .outer span:nth-child(2){top:31%;left:8.5%;transform:rotate(3deg)}.reference-hero .outer span:nth-child(3){top:43%;left:5.5%}.reference-hero .outer span:nth-child(4){top:54%;left:8%;transform:rotate(-4deg)}.reference-hero .outer span:nth-child(5){top:65%;left:13%}.reference-hero .inner span:first-child{top:20%;right:15%;transform:rotate(-5deg)}.reference-hero .inner span:nth-child(2){top:30%;right:8.5%;transform:rotate(-5deg)}.reference-hero .inner span:nth-child(3){top:43%;right:8%}.reference-hero .inner span:nth-child(4){top:54%;right:7%;transform:rotate(6deg)}.reference-hero .inner span:nth-child(5){top:65%;right:11%}.reference-hero .home-tool-orbit-track span:nth-child(6){display:none}.reference-hero .home-hero-decoration{border-radius:25px;width:118px;height:142px;display:grid;bottom:24%;box-shadow:inset 6px 4px 5px #ffffff60,inset -8px -5px 3px #174ddc30,12px 19px #8ab9ff3b,0 30px 45px #347bff35}.reference-hero .home-hero-decoration.image{left:2.8%;transform:rotate(-20deg)}.reference-hero .home-hero-decoration.pdf{right:2.3%;transform:rotate(21deg);box-shadow:inset 6px 4px 5px #ffffff60,inset -8px -5px 3px #d9195530,12px 19px #ffb9cd52,0 30px 45px #f96c9235}.reference-hero .home-hero-decoration>svg{width:80px;height:88px}.file-fold{background:linear-gradient(45deg,#ffffff90,#ffffff15);border-radius:0 20px 0 9px;width:33px;height:35px;position:absolute;top:0;right:0;box-shadow:-3px 3px 6px #154fb338}.decoration-bubble{color:#337cff;background:radial-gradient(circle at 30% 25%,#fff,#dbe9ff90);border:3px solid #fff9;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;position:absolute;bottom:-36px;right:-30px;box-shadow:5px 10px #bdceff48}.decoration-bubble svg{width:27px;height:27px}.reference-hero .home-tool-orbit{max-width:1893px;margin-inline:auto;-webkit-mask-image:none;mask-image:none}.reference-hero .home-tool-orbit:before,.reference-hero .home-tool-orbit:after{-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.reference-hero .home-tool-orbit-track span:nth-child(n){will-change:transform;backface-visibility:hidden;background:#f9fbff;margin-top:0;animation:2.5s ease-in-out infinite alternate referencePillFloat;transform:translate(0,0)scale(1)translate(0,0)}.reference-hero .home-tool-orbit-track.inner span{animation-duration:3s;animation-direction:alternate-reverse}.reference-hero .home-tool-orbit.is-paused .home-tool-orbit-track span{animation-play-state:paused}@keyframes referencePillFloat{0%{transform:translate(0,0)}to{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.reference-hero .home-tool-orbit-track span:nth-child(n){will-change:auto;animation:none;transform:none}}@media (min-width:1101px){body:has(.reference-hero) .header .nav{max-width:1280px;min-height:64px}.reference-hero .hero-copy{z-index:2;position:relative}}@media (min-width:1101px) and (max-width:1550px){.reference-hero .hero-copy{width:960px}.reference-hero .home-tool-orbit-track span{height:44px;padding:7px 12px;font-size:12px}.reference-hero .outer span{margin-left:-50px}.reference-hero .inner span{margin-right:-50px}.reference-hero .home-hero-decoration{bottom:14%;scale:.7}}@media (max-width:1100px){.reference-hero{min-height:0;padding:44px 0 32px}.reference-hero .home-hero-heading{font-size:64px}.reference-hero .home-proof-strip>div{padding-inline:9px}}@media (max-width:860px){.reference-hero .hero-action-panel{grid-template-columns:1fr;max-width:600px}.reference-hero .home-proof-strip{grid-template-columns:1fr 1fr;gap:14px 0;max-width:600px}.reference-hero .home-proof-strip>div:nth-child(2){border-right:0}}@media (max-width:560px){.reference-hero .hero-copy{max-width:calc(100% - 24px)}.reference-hero .home-hero-heading{font-size:clamp(36px,10.5vw,58px)}.reference-hero .eyebrow{letter-spacing:.17em;font-size:9px}.reference-hero .hero-intro>p{font-size:15px}.reference-hero .home-tool-finder{padding:16px}.reference-hero .home-tool-finder-head h2{font-size:20px}.reference-hero .home-task-shortcuts button{padding-inline:9px}.reference-hero .home-proof-strip{padding:12px 7px}.reference-hero .home-proof-strip>div{text-align:left;grid-template-columns:25px minmax(0,1fr);gap:7px}.reference-hero .home-proof-strip strong{white-space:normal;font-size:11px}.reference-hero .home-proof-strip small{white-space:normal;font-size:9px}.reference-hero .home-proof-strip>div>svg{width:23px;height:23px}}
.tool-page-refreshed{isolation:isolate;background:linear-gradient(180deg,transparent 45%,var(--background)),radial-gradient(ellipse at 80% 8%,#e3eaff,transparent 48%),radial-gradient(ellipse at 15% 24%,#efebff,transparent 45%),#f8faff;padding:28px 0 64px;position:relative}.tool-page-refreshed:before{content:"";z-index:-1;pointer-events:none;border:1px solid #ccd9ff70;border-radius:50%;width:min(1400px,94%);height:440px;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 0 35px #dce5ff25,0 0 0 75px #e7eaff20}.tool-page-refreshed .breadcrumbs{flex-wrap:wrap;margin-bottom:28px;font-size:12px}.tool-page-refreshed .tool-title{max-width:820px}.tool-hero-mark{color:#fff;background:linear-gradient(140deg,#6a5bff,#2867f4);border:1px solid #ffffff80;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid;box-shadow:0 10px 24px #4b66df24,inset 0 1px 1px #ffffff60}.tool-hero-mark svg{width:28px;height:28px}.tool-page-refreshed .tool-title .eyebrow{letter-spacing:.16em;font-size:11px}.tool-page-refreshed .tool-title h1{letter-spacing:-.045em;color:#111b32;margin:12px 0;font-size:clamp(32px,4vw,56px);line-height:1.08}.tool-page-refreshed .tool-title p{max-width:660px;color:var(--text-secondary);margin-inline:auto;font-size:17px;line-height:1.6}.tool-hero-links{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.tool-hero-links a{color:var(--accent)}.tool-hero-links a:hover{text-underline-offset:3px;text-decoration:underline}.tool-page-refreshed .processing-disclosure{background:#ffffffbf;border:1px solid #dfe7f7;border-radius:14px;max-width:960px;box-shadow:0 5px 20px #354f8e05}.tool-page-refreshed :is(.workspace,.advanced-tool-surface){background:#fff;border:1px solid #dbe3f5;border-radius:24px;box-shadow:0 20px 50px #354f8e0e,0 2px 5px #354f8e04}.tool-page-refreshed :is(.dropzone,.advanced-dropzone){background:linear-gradient(145deg,#fff,#f5f8ff);border:2px dashed #d8e2fa;border-radius:18px;transition:border-color .2s,background-color .2s}.tool-page-refreshed :is(.dropzone,.advanced-dropzone):hover{border-color:#8daaff}.tool-page-refreshed :is(.dropzone,.advanced-dropzone).active{border-color:var(--accent);background:#edf3ff}.tool-page-refreshed .upload-icon{color:#fff;background:linear-gradient(140deg,#7260fb,#3474ff);border-radius:18px;width:62px;height:62px;box-shadow:0 10px 24px #4268df24}.tool-page-refreshed .advanced-dropzone>svg{box-sizing:content-box;color:#fff;background:linear-gradient(140deg,#7260fb,#3474ff);border-radius:18px;width:28px;height:28px;padding:16px;box-shadow:0 10px 24px #4268df24}.tool-page-refreshed :is(.dropzone,.advanced-dropzone) h3{letter-spacing:-.035em;font-size:23px}.tool-page-refreshed .button:not(.secondary):not(.danger){background:linear-gradient(115deg,#397bff,#2948f3);box-shadow:0 5px 12px #3768ef20}.tool-page-refreshed :is(.dropzone,.advanced-dropzone) .button{border-radius:999px;min-height:46px;padding-inline:25px}.tool-page-refreshed :is(.settings-panel,.compression-settings-panel,.advanced-file-summary){background:#f7f9fe;border-color:#e3e9f5;border-radius:16px}.tool-page-refreshed :is(.file-item,.compression-file-row,.result-item){border-color:#e4eaf6;border-radius:13px}.tool-page-refreshed :is(.field,.advanced-field) :is(input:not([type=range]):not([type=checkbox]):not([type=color]),textarea,select){background:#fcfdff;border-color:#dce4f3;border-radius:10px}.tool-page-refreshed :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tool-page-refreshed+.section.soft{background:var(--background);border-top:1px solid #e6ebf5}.tool-education .tool-example,.tool-education .tool-troubleshooting article,.tool-education .related-guides a{background:#f8faff;border:1px solid #e2e8f6;border-radius:16px}:is(.pdf-editor-entry,.native-pdf-entry){background:radial-gradient(at 80% 15%,#e3eaff,#0000 50%),radial-gradient(at 15% 35%,#efebff,#0000 45%),#f8faff}:is(.pdf-editor-drop,.native-pdf-drop){background:linear-gradient(145deg,#fff,#f5f8ff);border:2px dashed #d8e2fa;border-radius:22px;box-shadow:0 18px 45px #354f8e0e}@media (max-width:760px){.tool-page-refreshed{background:linear-gradient(#f5f7ff,var(--background) 650px);padding:20px 0 40px}.tool-page-refreshed:before{display:none}.tool-page-refreshed .breadcrumbs{margin-bottom:22px;font-size:11px}.tool-hero-mark{border-radius:14px;width:48px;height:48px;margin-bottom:14px}.tool-hero-mark svg{width:24px;height:24px}.tool-page-refreshed .tool-title p{font-size:15px}.tool-page-refreshed :is(.workspace,.advanced-tool-surface){border-radius:17px}.tool-page-refreshed :is(.dropzone,.advanced-dropzone) h3{font-size:20px}}.tool-page-refreshed{padding-top:22px;padding-bottom:44px}.tool-page-refreshed:before{opacity:.55;height:310px;top:20px}.tool-page-refreshed>.container{max-width:1180px}.tool-page-refreshed .breadcrumbs{margin-bottom:22px}.tool-page-refreshed .tool-title{text-align:left;background:linear-gradient(115deg,#ffffffd9,#f1f5ffb8);border:1px solid #fff;border-radius:22px;grid-template-columns:64px minmax(0,1fr);column-gap:22px;max-width:1080px;margin:auto;padding:22px 26px;display:grid;position:relative;box-shadow:0 8px 30px #435a9f08}.tool-page-refreshed .tool-hero-mark{border-radius:19px;grid-area:1/1/5;align-self:center;width:64px;height:64px;margin:0}.tool-page-refreshed .tool-title>:not(.tool-hero-mark){grid-column:2}.tool-page-refreshed .tool-title-heading{justify-content:flex-start;gap:12px}.tool-page-refreshed .tool-title h1{letter-spacing:-.045em;margin:6px 0 8px;font-size:clamp(30px,3.2vw,44px)}.tool-page-refreshed .tool-title p{max-width:760px;margin:0;font-size:15px}.tool-page-refreshed .tool-hero-links{justify-content:flex-start;margin-top:10px}.tool-page-refreshed .processing-disclosure{background:#ffffffc9;border-radius:999px;width:fit-content;max-width:100%;margin:14px auto 18px;padding:9px 15px}.tool-page-refreshed .processing-disclosure>span{width:30px;height:30px}.tool-page-refreshed .processing-disclosure strong{font-size:12px}.tool-page-refreshed .processing-disclosure p{font-size:11px}.tool-page-refreshed :is(.workspace,.advanced-tool-surface){border-color:#dce4f3;margin-top:0;overflow:visible;box-shadow:0 18px 50px #384e9810,0 1px 3px #384e9805}.tool-page-refreshed .workspace:not(.advanced-workspace) .workspace-body{padding:20px}.tool-page-refreshed :is(.dropzone,.advanced-dropzone){background:radial-gradient(at 50% 0,#eaf0ff80,#0000 65%),#fbfcff;min-height:248px;padding:26px 20px}.tool-page-refreshed :is(.dropzone,.advanced-dropzone) h3{margin:12px 0 7px}.tool-page-refreshed .upload-icon{border-radius:16px;width:54px;height:54px}.tool-page-refreshed :is(.workspace-toolbar,.compression-toolbar){background:linear-gradient(110deg,#f5f7ff,#fff);border-bottom:1px solid #e5ebf6;border-radius:23px 23px 0 0;padding:14px 20px}.tool-page-refreshed .compression-workspace-body{padding:20px}.tool-page-refreshed .compression-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:20px}.tool-page-refreshed .compression-files-panel{background:linear-gradient(145deg,#fff,#f8faff);border-color:#e0e7f5;align-self:start;height:auto;min-height:0;padding:18px;box-shadow:0 4px 18px #304e9405}.tool-page-refreshed .compression-settings-panel{background:linear-gradient(155deg,#fff,#f4f7ff);border-color:#e0e7f5;padding:18px;box-shadow:0 4px 18px #304e9405}.tool-page-refreshed :is(.file-row,.compression-file-row){background:#fff;border:1px solid #e4eaf6;border-radius:14px;padding:12px;transition:border-color .2s,box-shadow .2s}.tool-page-refreshed :is(.file-row,.compression-file-row):hover{border-color:#bbcafa;box-shadow:0 5px 14px #3658ac0b}.tool-page-refreshed .workspace:not(.advanced-workspace) .settings-grid{background:#f7f9fe;border-color:#e1e8f5;gap:18px;margin:16px 0;padding:18px}.tool-page-refreshed :is(.work-actions,.compression-actions){border-top-color:#e6ecf7;gap:10px;margin-top:18px;padding-top:16px}.tool-page-refreshed .privacy-note{margin-top:16px;font-size:12px}.tool-page-refreshed .button{transition:transform .18s,box-shadow .18s,background-color .18s}.tool-page-refreshed .button:enabled:hover{transform:translateY(-2px);box-shadow:0 7px 18px #3158c024}.tool-page-refreshed .button:enabled:active{transform:translateY(0)}.tool-page-refreshed :is(.field,.advanced-field):focus-within{color:var(--accent)}.tool-page-refreshed :is(.result-card,.advanced-file-summary){border-color:#dee7f5;border-radius:16px;box-shadow:0 6px 22px #31529c08}.tool-page-refreshed .result-entry{animation:.3s ease-out both toolResultReveal}@keyframes toolResultReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.tool-page-refreshed .compression-main-grid{grid-template-columns:1fr}}@media (max-width:600px){.tool-page-refreshed .tool-title{border-radius:17px;grid-template-columns:44px minmax(0,1fr);gap:0 12px;padding:18px}.tool-page-refreshed .tool-hero-mark{border-radius:13px;grid-row:1/3;width:44px;height:44px}.tool-page-refreshed .tool-title h1{font-size:28px}.tool-page-refreshed .tool-title>p,.tool-page-refreshed .tool-title>.tool-hero-links{grid-column:1/-1;margin-top:12px}.tool-page-refreshed .tool-title-heading{gap:6px}.tool-page-refreshed .processing-disclosure{border-radius:14px}.tool-page-refreshed .workspace:not(.advanced-workspace) .workspace-body,.tool-page-refreshed .compression-workspace-body{padding:12px}.tool-page-refreshed :is(.compression-files-panel,.compression-settings-panel){padding:14px}.tool-page-refreshed .workspace:not(.advanced-workspace) .settings-grid{gap:14px;padding:14px}.tool-page-refreshed :is(.dropzone,.advanced-dropzone){min-height:230px;padding:24px 14px}}@media (prefers-reduced-motion:reduce){.tool-page-refreshed .result-entry{animation:none}.tool-page-refreshed .button{transition:none}.tool-page-refreshed .button:enabled:hover{transform:none}}.tool-page-jumps{scrollbar-width:none;align-items:center;gap:7px;max-width:1080px;margin:14px auto 0;padding:3px;display:flex;overflow-x:auto}.tool-page-jumps::-webkit-scrollbar{display:none}.tool-page-jumps-label{color:#71809a;letter-spacing:.06em;text-transform:uppercase;flex:none;margin-right:3px;font-size:11px;font-weight:800}.tool-page-jumps a{color:#465a78;white-space:nowrap;background:#ffffffca;border:1px solid #dfe6f4;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:750;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 3px 10px #455a9d08}.tool-page-jumps a:hover{color:#244fb3;background:#fff;border-color:#aebef4;transform:translateY(-2px);box-shadow:0 6px 16px #455a9d16}.tool-page-jumps a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-page-jumps a svg{width:15px;height:15px}.tool-page-jumps .tool-page-jump-primary{color:#fff;background:linear-gradient(115deg,#5c70c6,#3977b9);border-color:#5273cb;box-shadow:0 5px 14px #4066ad2b}.tool-page-jumps .tool-page-jump-primary:hover{color:#fff;background:linear-gradient(115deg,#5065b4,#2e69ab);border-color:#375ba7}.tool-page-jump-primary svg:last-child{width:13px;margin-left:2px}.tool-workspace-anchor,#tool-how-to,#tool-faq{scroll-margin-top:8px}@media (max-width:600px){.tool-page-jumps{gap:6px;margin-top:10px}.tool-page-jumps-label{display:none}.tool-page-jumps a{min-height:38px;padding:8px 11px}}@media (prefers-reduced-motion:reduce){.tool-page-jumps a{transition:none}.tool-page-jumps a:hover{transform:none}}
.tool-page-illustrated{background:linear-gradient(180deg,transparent,var(--background) 850px),radial-gradient(ellipse at 90% 12%,#d8edff,transparent 40%),radial-gradient(ellipse at 10% 28%,#e8e0ff,transparent 45%),#f7f9ff}.tool-page-illustrated>.container{max-width:1280px;position:relative}.tool-page-illustrated .tool-title{background:linear-gradient(115deg,#ffffffec,#edf2ffb0);border-color:#fff;border-radius:26px;grid-template-columns:76px minmax(0,1fr);max-width:none;min-height:190px;padding:28px 350px 28px 28px;box-shadow:0 15px 40px #4559a510}.tool-page-illustrated .tool-hero-mark{background:linear-gradient(145deg,#796cff,#3f4dff);border-radius:23px;width:76px;height:76px;box-shadow:0 14px 25px #5b60e52b,inset 0 2px 2px #ffffff60}.tool-page-illustrated .tool-hero-mark svg{width:34px;height:34px}.tool-page-illustrated .tool-title h1{font-size:clamp(30px,3vw,44px)}.tool-heading-art{pointer-events:none;width:290px;height:185px;position:absolute;top:50px;right:44px}.tool-illustration{pointer-events:none;width:260px;max-width:100%;height:175px;margin:auto;position:relative}.tool-art-card{color:#fff;background:linear-gradient(145deg,#a5d9ff,#5574fa);border:7px solid #ffffffb8;border-radius:19px;place-items:center;width:92px;height:110px;display:grid;position:absolute;top:24px;box-shadow:0 12px 22px #436ed126,inset 0 2px 3px #ffffff80}.tool-art-card svg{stroke-width:1.5px;width:54px;height:54px}.tool-art-card.source{left:12px;transform:rotate(-14deg)}.tool-art-card.destination{background:linear-gradient(145deg,#b6f2eb,#52b9e0);top:36px;right:12px;transform:rotate(12deg)}.tool-art-card b{text-overflow:ellipsis;white-space:nowrap;color:#4c56ea;background:#fff;border-radius:12px;max-width:130px;padding:5px 12px;font-size:14px;font-weight:800;position:absolute;bottom:-17px;overflow:hidden;box-shadow:0 5px 14px #3d64a714}.tool-art-arrow{color:#8493f8;width:30px;height:30px;position:absolute;top:74px;left:115px}.tool-art-orbit{border:2px solid #ffffffa0;border-radius:50%;position:absolute;inset:25px -10px;transform:rotate(-15deg)}.tool-art-spark{color:#a2a2ff;width:18px;position:absolute;top:9px;right:0}.tool-page-illustrated .processing-disclosure{border:1px solid #e4e9fa;margin:16px auto;padding:10px 20px;box-shadow:0 4px 12px #4153a508}.tool-page-illustrated :is(.workspace,.advanced-tool-surface){background:linear-gradient(140deg,#fff,#f9fbff);border:1px solid #dce5fa;border-radius:26px;max-width:none;box-shadow:0 20px 50px #3a569214}.tool-page-illustrated .workspace:not(.advanced-workspace) .workspace-body{padding:16px}.tool-page-illustrated :is(.dropzone,.advanced-dropzone){background:radial-gradient(at 15%,#dceaff80,#0000 40%),radial-gradient(at 85%,#e9e4ff80,#0000 40%),#fafbff;border-color:#b9c5ff;min-height:290px;position:relative;overflow:hidden}.tool-page-illustrated .dropzone:before{content:"";pointer-events:none;background:linear-gradient(145deg,#c8edff,#8c9ffc);border:9px solid #ffffffb0;border-radius:22px;width:125px;height:140px;position:absolute;top:25%;left:6%;transform:rotate(-14deg);box-shadow:22px 18px 0 -3px #c9deff70,0 15px 24px #506bce15}.tool-page-illustrated .dropzone:after{content:"+";color:#bbc5f5;pointer-events:none;background:0 0;border:2px dashed #c9d4ff;border-radius:20px;place-items:center;width:80px;height:80px;font-size:44px;font-weight:300;animation:none;display:grid;position:absolute;top:35%;right:9%;transform:rotate(9deg)}.tool-page-illustrated .dropzone>div{z-index:1;position:relative}.tool-page-illustrated .compression-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:20px}.batch-total-size{color:var(--text-secondary);margin-top:3px;font-size:13px;font-weight:400;display:block}.tool-page-illustrated .compression-selection>span{color:#1872ff;background:linear-gradient(145deg,#e6f2ff,#d0e2ff);border-radius:15px;width:48px;height:48px}.tool-page-illustrated .compression-selection strong{font-size:20px}.tool-page-illustrated .compression-panel-heading{border-bottom-style:dashed;justify-content:flex-start;gap:14px;padding-bottom:18px}.tool-page-illustrated .compression-panel-heading>small{white-space:nowrap;margin-left:auto}.tool-page-illustrated .batch-heading-icon{color:#fff;background:linear-gradient(140deg,#54aaff,#1766f5);border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 6px 14px #347bed26}.batch-heading-icon svg{width:24px;height:24px}.tool-page-illustrated .converter-heading-icon{color:#fff;background:linear-gradient(140deg,#a77aff,#6639f5);border-radius:15px;flex-basis:48px;width:48px;height:48px;box-shadow:0 6px 14px #7745ed26}.tool-page-illustrated .workspace .compression-main-grid>.compression-settings-panel{margin:0}.tool-page-illustrated .converter-panel-heading>div>span{text-transform:none;letter-spacing:-.02em;color:var(--text-heading);font-size:18px;font-weight:750}.tool-page-illustrated .converter-panel-heading>div>strong{font-size:12px;font-weight:400}.format-tile-field>span{margin-bottom:10px;font-size:12px;font-weight:700;display:block}.format-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.format-tiles button{min-width:0;color:var(--text-heading);cursor:pointer;background:#fff;border:1px solid #dce5fa;border-radius:13px;grid-template-columns:22px auto;justify-content:center;align-items:center;gap:7px;padding:12px 7px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:grid;position:relative}.format-tiles button>svg{color:#f4a05e;width:21px;height:21px}.format-tiles button:nth-child(2)>svg{color:#2694ef}.format-tiles button:nth-child(3)>svg{color:#8751f6}.format-tiles button small{color:var(--text-muted);grid-column:1/-1;font-size:9px}.format-tiles button.selected{background:#f7f3ff;border-color:#8a63ff;box-shadow:0 0 0 2px #8a63ff14}.format-tiles button>.format-selected-check{color:#7040f3;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:-6px;right:-4px}.format-tiles button:hover{border-color:#9fb7f6}.format-tiles button:disabled{cursor:not-allowed}.tool-page-illustrated .tool-batch-add{justify-content:center;min-height:300px}.tool-page-illustrated .compression-actions{background:linear-gradient(100deg,#f4f7ff,#fff);border-radius:0 0 20px 20px;padding:18px}@media (max-width:680px){.tool-page-illustrated .workspace .compression-actions{margin:16px 0 0;padding:14px 0 0}.tool-page-illustrated .workspace .compression-actions .button{justify-content:center;width:100%}.workspace-assurances{gap:12px}.tool-page-illustrated .compression-panel-heading{flex-wrap:wrap}.tool-page-illustrated .compression-panel-heading>small{margin-left:0}.tool-page-illustrated .tool-batch-add{min-height:190px}.format-tiles button{padding:10px 5px}}.tool-page-illustrated :is(.compression-files-panel,.compression-settings-panel){background:linear-gradient(150deg,#fff,#f3f7ff);border:1px solid #dfe6fb;border-radius:22px;padding:20px}.tool-page-illustrated .compression-panel-heading small{color:#377b6b;background:#f1fcf9;border:1px solid #d6eee9;border-radius:999px;padding:6px 10px}.tool-page-illustrated :is(.file-row,.compression-file-row){background:linear-gradient(120deg,#f2f7ff,#fff);border-color:#cfddfa;padding:14px}.tool-page-illustrated .file-thumb{border-radius:14px;box-shadow:0 4px 10px #3762b514}.tool-batch-add{text-align:center;background:linear-gradient(145deg,#fff,#f5f9ff);border:1px dashed #cad9fa;border-radius:18px;flex-direction:column;align-items:center;margin-top:18px;padding:18px 16px 24px;display:flex}.tool-batch-add .tool-illustration{flex:none;height:160px;margin:0 auto 12px;transform:none}.tool-batch-add h3{letter-spacing:-.03em;margin:4px 0 6px;font-size:23px}.tool-batch-add p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.tool-batch-add small{color:var(--text-muted);margin-top:14px;font-size:11px}.tool-page-illustrated .button:not(.secondary):not(.danger){background:linear-gradient(110deg,#168dff,#404aff 65%,#7744fa);border:0;box-shadow:0 7px 16px #4665ec25}.tool-batch-add .button{border-radius:999px;min-height:46px;padding-inline:24px}.tool-page-illustrated .advanced-two-column{align-items:start;gap:24px}.tool-page-illustrated .advanced-preview-panel{background:linear-gradient(145deg,#fff,#f3f6ff);border:1px solid #e0e7fb;border-radius:20px;padding:22px}.tool-page-illustrated .advanced-form-grid{gap:18px}.tool-page-illustrated :is(.work-actions,.compression-actions){padding:18px 4px 2px}.tool-page-illustrated .compression-primary-action{min-height:48px;padding-inline:26px}.tool-page-illustrated .workspace .compression-files-panel{flex-direction:column;align-self:stretch;display:flex}.tool-page-illustrated .workspace .tool-batch-add{flex:1;min-height:320px}.tool-page-illustrated .workspace .tool-batch-add .button{background:linear-gradient(105deg,#009dff 0%,#254aff 53%,#8515ff 100%);border-radius:999px;gap:12px;min-height:56px;padding:0 30px;font-size:16px;box-shadow:0 8px 15px #3864ef30,inset 0 1px #ffffff50}.tool-page-illustrated .workspace .workspace-toolbar-actions .button{border-radius:16px;gap:10px;min-height:50px;padding-inline:20px;font-size:14px}.tool-page-illustrated .workspace .button.secondary{background:linear-gradient(#fff,#f9fbff);border:1px solid #d4e1ff;box-shadow:0 5px 10px #456ac410,inset 0 1px #fff}.tool-page-illustrated .workspace .button.danger{color:#ed244b;background:#fff8fa;border-color:#ffbac7}.tool-page-illustrated .workspace .compression-file-row .icon-button{background:#fff;border-radius:14px;width:44px;height:46px;box-shadow:0 5px 10px #426acf0d}.tool-page-illustrated .workspace .compression-file-row .remove-file-button{color:#ed244b;background:#fff8fa;border-color:#ffc5cf}.tool-page-illustrated .workspace .format-tiles button{border-radius:12px;gap:8px;min-height:48px;padding:10px;display:flex;box-shadow:0 3px 9px #4865b908}.tool-page-illustrated .workspace .format-tiles button small{display:none}.tool-page-illustrated .workspace .format-tiles button>svg:not(.format-selected-check){box-sizing:content-box;background:#fff0df;border-radius:6px;padding:4px}.tool-page-illustrated .workspace .format-tiles button:nth-child(2)>svg:not(.format-selected-check){background:#e6f4ff}.tool-page-illustrated .workspace .format-tiles button:nth-child(3)>svg:not(.format-selected-check){background:#efe7ff}.tool-page-illustrated .workspace .format-tiles button.selected{color:#6431ee;border-color:#9161ff;box-shadow:0 0 0 2px #a580ff16,0 4px 12px #9c80f315}.tool-page-illustrated .workspace .theme-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#994cff 0%,#6636ff var(--range-progress),#d9e4fb var(--range-progress),#d9e4fb 100%);height:8px}.tool-page-illustrated .workspace .theme-range::-webkit-slider-thumb{background:#7035ff;border:3px solid #fff;width:24px;height:24px;margin-top:-8px;box-shadow:0 3px 8px #7846e94a}.tool-page-illustrated .workspace .theme-range::-moz-range-progress{background:linear-gradient(90deg,#994cff,#6636ff);height:8px}.tool-page-illustrated .workspace .theme-range::-moz-range-thumb{background:#7035ff;border:3px solid #fff;width:18px;height:18px}.tool-page-illustrated .workspace .compression-actions{border-radius:0 0 26px 26px;gap:14px;margin:20px -20px -20px;padding:18px 24px}.workspace-assurances{flex-wrap:wrap;gap:20px;margin-right:auto;display:flex}.workspace-assurances>span{align-items:center;gap:10px;display:flex}.workspace-assurances>span>svg{box-sizing:content-box;color:#7541f7;background:#efe9ff;border-radius:14px;width:22px;height:22px;padding:11px}.workspace-assurances>span:nth-child(2)>svg{color:#147aff;background:#e5f0ff}.workspace-assurances strong,.workspace-assurances small{display:block}.workspace-assurances strong{font-size:12px}.workspace-assurances small{color:var(--text-muted);margin-top:2px;font-size:10px}.tool-page-illustrated .workspace .compression-actions .button{border-radius:17px;min-height:56px;padding-inline:24px;font-size:15px}.tool-page-illustrated .workspace .compression-primary-action{background:linear-gradient(105deg,#009dff,#254aff 53%,#9918ff);box-shadow:0 8px 16px #6143ed30,inset 0 1px #ffffff60}.tool-page-illustrated .workspace .tool-batch-add{gap:0;padding:32px 20px}.tool-batch-add .tool-art-card{border-width:5px;border-radius:19px;width:116px;height:128px}.tool-batch-add .tool-art-card.source{z-index:2;background:linear-gradient(145deg,#9ad9ff,#1474ff);top:12px;left:32px}.tool-batch-add .tool-art-card.destination{background:linear-gradient(145deg,#cce9ff,#80baff);top:26px;right:24px}.tool-batch-add .tool-art-card svg{width:72px;height:72px}.tool-batch-add :is(.tool-art-card b,.tool-art-arrow,.tool-art-orbit,.tool-art-spark){display:none}.tool-page-illustrated .tool-batch-add h3{margin:6px 0 8px;font-size:28px}.tool-page-illustrated .tool-batch-add p{margin-bottom:20px;font-size:16px}.tool-page-illustrated .tool-batch-add small{font-size:12px}.tool-page-illustrated .compression-panel-heading h2,.tool-page-illustrated .converter-panel-heading>div>span{font-size:22px}.tool-page-illustrated .converter-panel-heading>div>strong{font-size:14px}.tool-page-illustrated .workspace .compression-file-row .file-thumb{flex:0 0 68px;width:68px;height:68px}.tool-page-illustrated .workspace .compression-file-row{grid-template-columns:68px minmax(0,1fr) auto;min-height:100px}.tool-page-illustrated .workspace .compression-file-row strong{font-size:15px}.tool-page-illustrated .workspace .compression-file-row small{font-size:12px}.tool-page-illustrated .workspace .compression-settings-panel{background:linear-gradient(140deg,#ffffffd9,#f2f6ff)}.selected-format-description{background:linear-gradient(#fff,#fafcff);border:1px solid #d8e3ff;border-radius:13px;margin-top:-12px;padding:10px 14px;box-shadow:0 4px 9px #4e6ac908}.selected-format-description strong,.selected-format-description span{display:block}.selected-format-description strong{font-size:14px}.selected-format-description span{color:var(--text-secondary);margin-top:3px;font-size:12px}.quality-slider{padding-top:20px;position:relative}.quality-value{color:#fff;background:linear-gradient(120deg,#8655ff,#5030ff);border-radius:6px 6px 6px 0;padding:0 7px;font-size:12px;font-weight:700;line-height:24px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 8px #6747de30}.quality-scale{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.tool-page-illustrated .workspace .compression-settings-panel .field>label{font-size:14px}@media (max-width:680px){.tool-page-illustrated .workspace .compression-file-row{grid-template-columns:48px minmax(0,1fr)}.tool-page-illustrated .workspace .compression-file-row .file-thumb{flex-basis:48px;width:48px;height:48px}.tool-page-illustrated .workspace .tool-batch-add{min-height:220px;padding:24px 12px}.tool-page-illustrated .compression-panel-heading h2,.tool-page-illustrated .converter-panel-heading>div>span{font-size:19px}.tool-page-illustrated .tool-batch-add h3{font-size:23px}.tool-page-illustrated .workspace .compression-actions{margin:20px 0 0;padding:16px 0 0}}@media (prefers-reduced-motion:no-preference){.tool-page-illustrated .workspace .button{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.tool-page-illustrated .workspace .button:enabled:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4b60da28}.tool-page-illustrated .workspace .button:enabled:active{transform:translateY(0)scale(.98)}.tool-page-illustrated .tool-batch-add:hover .tool-illustration{translate:0 -5px}.tool-page-illustrated .tool-batch-add .tool-illustration{transition:translate .35s}}@media (max-width:1000px){.tool-page-illustrated .workspace .compression-actions{flex-wrap:wrap}.workspace-assurances{width:100%}.tool-page-illustrated .tool-title{padding-right:230px}.tool-heading-art{transform-origin:100%;width:190px;right:30px;transform:scale(.8)}.tool-page-illustrated .compression-main-grid{grid-template-columns:1fr}.tool-page-illustrated .dropzone:before{opacity:.5;width:80px;height:95px;left:3%}.tool-page-illustrated .dropzone:after{opacity:.5;right:4%}.tool-batch-add .tool-illustration{display:none}.tool-batch-add{padding:20px}}@media (max-width:680px){.tool-heading-art{display:none}.tool-page-illustrated .tool-title{grid-template-columns:50px minmax(0,1fr);gap:0 14px;min-height:0;padding:20px}.tool-page-illustrated .tool-hero-mark{border-radius:16px;width:50px;height:50px}.tool-page-illustrated .tool-hero-mark svg{width:26px;height:26px}.tool-page-illustrated .tool-title h1{font-size:28px}.tool-page-illustrated .tool-title>p,.tool-page-illustrated .tool-hero-links{grid-column:1/-1}.tool-page-illustrated .dropzone:before,.tool-page-illustrated .dropzone:after{display:none}.tool-page-illustrated :is(.workspace,.advanced-tool-surface){border-radius:19px}.tool-page-illustrated :is(.compression-files-panel,.compression-settings-panel,.advanced-preview-panel){border-radius:16px;padding:14px}.tool-page-illustrated .advanced-two-column{grid-template-columns:1fr;gap:16px}.tool-page-illustrated .workspace .compression-file-row{grid-template-columns:48px minmax(0,1fr)}.tool-page-illustrated .workspace .compression-file-row .file-thumb{flex-basis:48px;width:48px;height:48px}}.tool-page-illustrated .workspace .compression-main-grid>.compression-settings-panel{gap:14px;padding:18px}.tool-page-illustrated .workspace .compression-panel-heading h2,.tool-page-illustrated .workspace .converter-panel-heading>div>span{font-size:20px}.tool-page-illustrated .workspace .tool-batch-add{min-height:260px;padding:24px 16px}.tool-page-illustrated .workspace .tool-batch-add h3{font-size:24px}.tool-page-illustrated .workspace .tool-batch-add .button,.tool-page-illustrated .workspace .compression-actions .button{min-height:48px;padding-inline:22px;font-size:14px}.tool-page-illustrated .workspace .illustrated-control{min-width:0;position:relative}.tool-page-illustrated .workspace .illustrated-control>svg{z-index:1;box-sizing:content-box;color:#176dff;pointer-events:none;background:#f0f7ff;border-radius:7px;width:23px;height:23px;padding:3px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tool-page-illustrated .workspace .compression-settings-panel .premium-select-trigger{background:linear-gradient(120deg,#fff,#fbfdff);border:1px solid #d7e3ff;border-radius:13px;min-height:44px;font-weight:550;box-shadow:0 3px 7px #3f65be0a,inset 0 1px #fff}.tool-page-illustrated .workspace .linked-dimensions{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px}.tool-page-illustrated .workspace .aspect-lock-button{background:linear-gradient(135deg,#edf2ff,#e1eaff);border-radius:12px;width:44px;min-height:44px}.tool-page-illustrated .workspace .aspect-lock-button svg{width:22px;height:22px}.tool-page-illustrated .workspace .quality-slider .theme-range{height:24px;min-height:24px;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.tool-page-illustrated .workspace .quality-scale{margin-top:0;font-size:11px}.tool-page-illustrated .workspace .converter-advanced{background:#fff;border:1px solid #e2eaff;border-radius:14px;box-shadow:0 5px 12px #446ac30c}.tool-page-illustrated .workspace .converter-advanced-trigger{gap:10px;min-height:46px;padding:4px 12px 4px 8px}.tool-page-illustrated .workspace .converter-advanced-trigger>svg:first-child{box-sizing:content-box;color:#7540ff;background:#faf7ff;border-radius:10px;width:24px;height:24px;padding:5px}.tool-page-illustrated .workspace .converter-advanced-trigger .advanced-chevron{color:#146aff;flex:none;width:17px;height:17px;transition:transform .18s}.tool-page-illustrated .workspace .converter-advanced.open .advanced-chevron{transform:rotate(180deg)}.tool-page-illustrated .workspace .settings-check input{accent-color:#216bff;flex:none;width:18px;height:18px}@media (max-width:680px){.tool-page-illustrated .workspace .compression-main-grid>.compression-settings-panel{gap:14px;padding:14px}.tool-page-illustrated .workspace .tool-batch-add{min-height:200px}.tool-page-illustrated .workspace .compression-actions{flex-wrap:wrap;display:flex}.tool-page-illustrated .workspace .compression-actions .button{flex:130px;width:auto;padding-inline:14px}.tool-page-illustrated .workspace .converter-advanced-trigger small{letter-spacing:0;font-size:9px}}@media (prefers-reduced-motion:reduce){.tool-page-illustrated .workspace .converter-advanced-trigger .advanced-chevron{transition:none}}.tool-page-illustrated .workspace .compression-main-grid>.compression-settings-panel{background:linear-gradient(125deg,#ffffffeb,#f0f6ffb8);border-color:#e0e9fc;align-content:start;gap:12px}.tool-page-illustrated .workspace .converter-panel-heading{border-bottom-color:#e6edfa;gap:12px;margin-bottom:0;padding-bottom:12px}.tool-page-illustrated .workspace .converter-heading-icon{border-radius:12px;flex-basis:38px;width:38px;height:38px;box-shadow:0 5px 10px #7745ed24,inset 0 1px 2px #ffffff80}.tool-page-illustrated .workspace .converter-heading-icon svg{stroke-width:2.5px;width:23px;height:23px}.tool-page-illustrated .workspace .converter-panel-heading>div>span{font-size:17px;line-height:1.25}.tool-page-illustrated .workspace .converter-panel-heading>div>strong{font-size:12px;line-height:1.4}.tool-page-illustrated .workspace .compression-settings-panel .field>label{margin-bottom:5px;font-size:12px}.tool-page-illustrated .workspace .compression-settings-panel .format-tiles button{border-radius:10px;gap:7px;min-height:40px;padding:7px 9px;font-size:12px}.tool-page-illustrated .workspace .format-tiles button>svg:not(.format-selected-check){color:#fff;background:linear-gradient(145deg,#ffc28c,#ff9d58);width:17px;height:17px;padding:3px}.tool-page-illustrated .workspace .format-tiles button:nth-child(2)>svg:not(.format-selected-check){color:#fff;background:linear-gradient(145deg,#71d1ff,#199bfa)}.tool-page-illustrated .workspace .format-tiles button:nth-child(3)>svg:not(.format-selected-check){color:#fff;background:linear-gradient(145deg,#af77ff,#7732ff)}.tool-page-illustrated .workspace .format-tiles button>.format-selected-check{color:#fff;fill:#6138ff;stroke-width:2px;box-shadow:0 2px 5px #6539fc30}.tool-page-illustrated .workspace .selected-format-description{border-radius:11px;margin-top:-8px;padding:8px 12px}.tool-page-illustrated .workspace .selected-format-description strong{font-size:12px}.tool-page-illustrated .workspace .selected-format-description span{margin-top:1px;font-size:11px}.tool-page-illustrated .workspace .illustrated-control>svg{z-index:2;width:20px;height:20px;padding:2px;left:10px}.tool-page-illustrated .workspace .illustrated-control .premium-select-trigger{padding-left:43px}.tool-page-illustrated .workspace .compression-settings-panel .premium-select-trigger{border-radius:10px;min-height:40px;padding-top:7px;padding-bottom:7px;font-size:12px}.tool-page-illustrated .workspace .compression-settings-panel .dimension-fields input{border-radius:10px;height:40px;min-height:40px;padding:8px 10px;font-size:12px}.tool-page-illustrated .workspace .aspect-lock-button{height:40px;min-height:40px}.tool-page-illustrated .workspace .settings-check{gap:8px;font-size:12px}.tool-page-illustrated .workspace .quality-value{font-size:11px;line-height:21px;top:-3px}.tool-page-illustrated .workspace .converter-advanced-trigger{min-height:40px;font-size:12px}@media (pointer:coarse){.tool-page-illustrated .workspace .compression-settings-panel :is(.premium-select-trigger,.format-tiles button,.converter-advanced-trigger,.aspect-lock-button){min-height:44px}}.premium-select.is-open{z-index:60}.premium-select .premium-select-menu{opacity:0;background:#fff}.premium-select.is-open .premium-select-menu{opacity:1}.premium-select.opens-up .premium-select-menu{transform-origin:bottom;top:auto;bottom:calc(100% + 8px)}.premium-select .premium-select-options{scrollbar-gutter:stable}.premium-select .premium-select-options button{color:#293852}.premium-select .premium-select-options button.selected{color:#2854df}.tool-page-illustrated .workspace .illustrated-control:has(.is-open)>svg{z-index:61}.tool-page-illustrated .workspace .quality-slider{padding-top:25px}.tool-page-illustrated .workspace .quality-value{border-radius:6px;top:0;transform:translate(-50%)}.tool-page-illustrated .workspace .quality-value:after{content:"";border:4px solid #0000;border-top-color:#6036ff;margin-left:-4px;position:absolute;top:100%;left:50%}.tool-page-illustrated .dropzone:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='72' cy='29' r='10' fill='white' fill-opacity='.95'/%3E%3Cpath d='M12 79 36 43 57 67 70 51 90 79Z' fill='white' fill-opacity='.88'/%3E%3C/svg%3E"),linear-gradient(145deg,#c8edff,#8c9ffc);background-size:cover}.tool-page-illustrated .dropzone .upload-icon{color:#fff;background:linear-gradient(145deg,#8271ff,#396bff);box-shadow:0 6px 16px #526bea25}.tool-page-illustrated .workspace button:focus-visible{outline-offset:3px;outline:2px solid #5269ee}@media (prefers-reduced-motion:reduce){.premium-select .premium-select-menu{transition:none}}.tool-page-illustrated .tool-batch-add:hover .tool-illustration{translate:none}.tool-page-illustrated .tool-batch-add .tool-illustration{transition:none}.animated-format-tiles{isolation:isolate;position:relative}.format-selection-indicator{width:calc(33.3333% - 6px);transform:translateX(calc(var(--selected-format) * (100% + 9px)));pointer-events:none;z-index:1;background:#f7f3ff;border:1px solid #9161ff;border-radius:10px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0;box-shadow:0 3px 9px #8155eb15}.format-selection-indicator>svg{color:#fff;fill:#6635ff;border-radius:50%;width:17px;height:17px;position:absolute;top:-6px;right:-5px;box-shadow:0 2px 5px #6539fc30}.tool-page-illustrated .workspace .animated-format-tiles button{z-index:2;background:0 0}.tool-page-illustrated .workspace .animated-format-tiles button.selected{box-shadow:none;background:0 0;border-color:#0000}.tool-page-illustrated .workspace .animated-format-tiles button:first-of-type>svg{background:linear-gradient(145deg,#ffc28c,#ff9d58)}.tool-page-illustrated .workspace .animated-format-tiles button:nth-of-type(2)>svg{background:linear-gradient(145deg,#71d1ff,#199bfa)}.tool-page-illustrated .workspace .animated-format-tiles button:nth-of-type(3)>svg{background:linear-gradient(145deg,#af77ff,#7732ff)}@keyframes conversion-card-in{0%{opacity:.35;translate:0 5px}to{opacity:1;translate:0}}.modern-color-picker{background:#fff;border:1px solid #dae4fb;border-radius:14px;gap:12px;min-width:0;padding:12px;display:grid}.color-picker-heading{align-items:center;gap:10px;display:flex}.color-picker-preview{border:1px solid #d6deed;border-radius:10px;flex:none;width:38px;height:38px}.color-picker-heading label{color:#66758f;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex}.tool-page-illustrated .workspace .color-picker-heading input{width:100%;max-width:110px;height:34px;min-height:34px;padding:6px;font-family:monospace}.color-picker-heading button{color:#335ccf;cursor:pointer;background:#f1f5ff;border:0;border-radius:8px;margin-left:auto;padding:8px}.color-picker-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.color-picker-swatches button{cursor:pointer;border:1px solid #dae0ec;border-radius:7px;min-width:0;height:27px}.color-picker-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #7955ff}.color-picker-channels{gap:7px;display:grid}.color-picker-channels label{color:#65748e;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:8px;font-size:11px;display:grid}.tool-page-illustrated .workspace .color-picker-channels input{height:18px;min-height:18px;box-shadow:none;accent-color:#7550ef;padding:0}.color-picker-channels output{text-align:right;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.format-selection-indicator{transition:none}.dynamic-tool-art{animation:none}}.dynamic-tool-art{animation:none}.dynamic-tool-art .tool-art-card{animation:.34s cubic-bezier(.22,1,.36,1) individual-card-change}@keyframes individual-card-change{0%{opacity:.4;translate:9px;scale:.96}to{opacity:1;translate:0;scale:1}}.format-settings-transition{grid-column:1/-1;min-width:0;overflow:hidden}.format-settings-content{gap:12px;padding:4px 1px;display:grid}.tool-page-illustrated .workspace .format-settings-content .selected-format-description{margin-top:0}.modern-color-picker{background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 3px 12px #4e64a608}.color-picker-preview{border-radius:12px;box-shadow:inset 0 0 0 3px #ffffffa0,0 3px 8px #31426d15}.color-picker-error{color:#bb234d;font-size:11px}.color-picker-swatches button{transition:transform .15s}.color-picker-swatches button:hover{transform:translateY(-2px)}.tool-page-illustrated .workspace .color-picker-channels input{appearance:none;cursor:pointer;border:0;border-radius:99px;height:10px;min-height:10px}.color-picker-channels input::-webkit-slider-thumb{appearance:none;background:#6576d9;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 5px #26396c50}.color-picker-channels input::-moz-range-thumb{background:#6576d9;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 5px #26396c50}.color-picker-channels input:focus-visible{outline-offset:5px;outline:2px solid #8a79ec}.color-picker-channels label{min-height:26px}.color-picker-channels output{color:#405072;background:#eef2fc;border-radius:5px;padding:3px}@media (prefers-reduced-motion:reduce){.dynamic-tool-art .tool-art-card{animation:none}.color-picker-swatches button{transition:none}}.smart-upload-actions{container-type:inline-size}.smart-upload-batch-head{align-items:center}.smart-upload-batch-head>div:first-child{flex:auto}.smart-upload-batch-head .fixed-upload-icon{flex:none;width:54px;height:54px;margin:0}.smart-upload-batch-head strong{color:#26364c;letter-spacing:-.015em;font-size:15px;font-weight:680}.smart-upload-batch-head small{line-height:1.45}.smart-upload-batch-controls{flex-wrap:nowrap;flex:none}.smart-upload-batch-controls button{white-space:nowrap;flex:none;transition:border-color .2s,background-color .2s,transform .2s}.smart-upload-batch-controls button:hover{transform:translateY(-1px)}.smart-action-grid>button{background:#fff;border-color:#dce5f0;box-shadow:0 2px 10px #2b3e5806}.smart-action-grid>button>svg:last-child{color:#6587a7}.smart-action-grid strong{color:#273a53;font-size:14px;font-weight:660;line-height:1.3}.smart-action-grid small{color:#697d94;font-size:11px;line-height:1.45}.smart-action-heading strong{color:#334760;font-weight:680}.smart-actions-toggle{color:#426b91;background:#f7fbff;border:1px solid #d6e4f2;border-radius:999px;min-height:38px;margin:13px auto 0;padding:7px 16px;font-size:12px;font-weight:650;transition:background-color .2s,transform .2s,border-color .2s;display:block}.smart-actions-toggle:hover{background:#eef6fd;border-color:#b6d1e8;transform:translateY(-1px)}@container (max-width:530px){.smart-upload-batch-head{flex-wrap:wrap;gap:13px}.smart-upload-batch-controls{justify-content:flex-start;width:100%}.smart-upload-batch-controls button{flex:1 1 0;justify-content:center}}@container (max-width:370px){.smart-upload-file-list,.smart-action-grid{grid-template-columns:1fr}}.tool-page-illustrated .workspace .converter-panel-heading>div>span{color:#263a52;font-weight:680}.tool-page-illustrated .workspace .converter-panel-heading>div>strong{color:#718398;font-weight:500}.tool-page-illustrated .workspace .converter-heading-icon{color:#416b94;box-shadow:none;background:#eaf3fb}.tool-page-illustrated .workspace .format-tile-field>span,.tool-page-illustrated .workspace .field>label{color:#40536b;font-weight:640}.tool-page-illustrated .workspace .format-tiles button{color:#33475f;font-weight:650}.tool-page-illustrated .workspace .animated-format-tiles button.selected{color:#315e8a}.format-selection-indicator>svg{fill:#4c82b0;box-shadow:0 2px 6px #3f779c24}.tool-page-illustrated .workspace .animated-format-tiles button:nth-of-type(n)>svg:not(.format-selected-check){color:#4e84b2;background:#e8f2fa}.tool-page-illustrated .workspace .selected-format-description{box-shadow:none;background:#fbfdff;border-color:#d9e7f2}.tool-page-illustrated .workspace .selected-format-description strong{color:#3c5069;font-weight:650}.tool-page-illustrated .workspace .selected-format-description span{color:#76869a}.tool-page-illustrated .workspace .quality-value{background:#507fa7;box-shadow:0 3px 8px #426c8d24}.tool-page-illustrated .workspace .quality-value:after{border-top-color:#507fa7}.tool-page-illustrated .workspace .converter-advanced-trigger>svg:first-child{color:#5687b0}.tool-page-illustrated .workspace .button:not(.secondary):not(.danger){background:linear-gradient(110deg,#497fa9,#366d9a);box-shadow:0 8px 18px #366d9a24}.tool-page-illustrated .workspace .button:not(.secondary):not(.danger):hover{background:linear-gradient(110deg,#416f97,#2f608a);box-shadow:0 10px 22px #366d9a30}.modern-color-picker{background:#fbfdff;border:1px solid #d9e6f0;border-radius:16px;gap:0;padding:13px;box-shadow:0 6px 20px #2b486109}.color-picker-topline{align-items:center;gap:11px;min-width:0;display:flex}.color-picker-current{border:1px solid #cdddea;border-radius:12px;flex:none;width:42px;height:42px;box-shadow:inset 0 0 0 3px #ffffffa8,0 2px 8px #29496714}.color-picker-value{gap:2px;min-width:0;display:grid}.color-picker-value strong{color:#3c5169;font-size:11px;font-weight:650}.color-picker-value span{color:#77899d;font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.color-picker-native{color:#406b91;cursor:pointer;background:#fff;border:1px solid #cbdde9;border-radius:9px;place-items:center;min-width:76px;min-height:34px;margin-left:auto;padding:0 11px;font-size:11px;font-weight:650;transition:border-color .2s,background-color .2s;display:grid;position:relative;overflow:hidden}.color-picker-native:hover{background:#f3f9fd;border-color:#9bbfda}.color-picker-native input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-picker-native:focus-within{outline-offset:2px;outline:2px solid #8bb5d5}.modern-color-picker .color-picker-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:13px 0;display:grid}.modern-color-picker .color-picker-swatches button{border:1px solid #cbd9e7;border-radius:8px;place-items:center;min-width:0;height:30px;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.modern-color-picker .color-picker-swatches button:hover{transform:translateY(-2px);box-shadow:0 5px 10px #334e691f}.modern-color-picker .color-picker-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #6e9fc4}.modern-color-picker .color-picker-swatches svg{color:#294259;filter:drop-shadow(0 1px 1px #fff);stroke-width:3px;width:15px;height:15px}.modern-color-picker .color-picker-swatches button:nth-child(3) svg{color:#fff;filter:none}.color-picker-entry{align-items:center;gap:7px;display:flex}.color-picker-entry label{color:#72849a;flex:1;align-items:center;gap:9px;min-width:0;font-size:10px;font-weight:650;display:flex}.tool-page-illustrated .workspace .color-picker-entry input,.modern-color-picker .color-picker-entry input{color:#334a63;background:#fff;border:1px solid #d4e1ed;border-radius:9px;width:100%;min-width:0;height:36px;min-height:36px;padding:6px 10px;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.color-picker-entry input[aria-invalid=true]{border-color:#c96b76}.color-picker-icon-button{color:#66819d;background:#fff;border:1px solid #d4e1ed;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;transition:color .2s,background-color .2s,border-color .2s;display:grid}.color-picker-icon-button svg{width:15px;height:15px}.color-picker-error{margin-top:7px;display:block}.color-picker-details{border-top:1px solid #e4edf4;margin-top:11px;padding-top:9px}.color-picker-details summary{color:#69829c;cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;font-weight:620;list-style:none;display:flex}.color-picker-details summary::-webkit-details-marker{display:none}.color-picker-details summary svg{width:14px;height:14px;transition:transform .2s}.color-picker-details[open] summary svg{transform:rotate(180deg)}.color-picker-details .color-picker-channels{gap:8px;padding-top:13px}.color-picker-details .color-picker-channels label{color:#647990;grid-template-columns:38px minmax(0,1fr) 28px}.color-picker-details .color-picker-channels output{color:#4f6680;background:#edf3f8}.tool-page-illustrated .workspace .color-picker-details .color-picker-channels input{accent-color:#5786ad;height:8px;min-height:8px}.color-picker-details .color-picker-channels input::-webkit-slider-thumb{background:#547fa4}.color-picker-details .color-picker-channels input::-moz-range-thumb{background:#547fa4}@media (max-width:420px){.modern-color-picker .color-picker-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.smart-upload-batch-controls button,.smart-action-grid>button,.smart-actions-toggle,.modern-color-picker .color-picker-swatches button,.color-picker-icon-button,.color-picker-details summary svg{transition:none}}.smart-upload-card[data-file-selected=true] .dropzone{background:linear-gradient(155deg,#fff 0%,#f5f7ff 58%,#f2f8ff 100%);border-color:#9bb8e3}.smart-upload-file-list.single-file{justify-content:center;padding-right:0;display:flex}.smart-upload-file-list.single-file>div{flex:0 auto;width:min(100%,270px)}.smart-action-reveal{min-width:0;overflow:hidden}.smart-action-extra-grid{margin-top:9px}.smart-actions-toggle{color:#435d96;background:linear-gradient(135deg,#fff,#f2f5ff);border-color:#cfdaf4;justify-content:center;align-items:center;gap:8px;padding:8px 17px;display:flex;box-shadow:0 4px 12px #576ab010}.smart-actions-toggle:hover{background:linear-gradient(135deg,#fff,#eaf0ff);border-color:#aebeed;box-shadow:0 7px 16px #576ab018}.smart-actions-toggle svg{width:14px;height:14px;transition:transform .32s cubic-bezier(.22,1,.36,1)}.smart-actions-toggle svg.expanded{transform:rotate(180deg)}.smart-action-grid>button{border-color:#dbe3f2;box-shadow:0 3px 12px #52679b0a}.smart-action-grid>button:hover:not(:disabled){background:#fcfdff;border-color:#a4b8ea;box-shadow:0 12px 25px #52679b18}.smart-action-grid>button>svg:first-child{color:#5474ac;background:linear-gradient(145deg,#eef3ff,#e7f5fa)}.smart-action-grid>button>svg:last-child{color:#5b79ae;transition:transform .24s cubic-bezier(.22,1,.36,1)}.smart-action-grid>button:hover>svg:last-child{transform:translate(3px)}.tool-page-illustrated .workspace .converter-heading-icon{color:#4f6cb2;background:linear-gradient(145deg,#edf0ff,#e7f6fc);box-shadow:0 5px 14px #536bb017}.format-selection-indicator{background:linear-gradient(145deg,#f3f5ff,#edf7fd);border-color:#8ea9db;box-shadow:0 5px 14px #536bb018}.format-selection-indicator>svg{fill:#5b75b6}.tool-page-illustrated .workspace .animated-format-tiles button:first-of-type>svg:not(.format-selected-check){color:#a96b54;background:linear-gradient(145deg,#fff1e8,#ffe3d4)}.tool-page-illustrated .workspace .animated-format-tiles button:nth-of-type(2)>svg:not(.format-selected-check){color:#3b83b0;background:linear-gradient(145deg,#eaf7ff,#d9effe)}.tool-page-illustrated .workspace .animated-format-tiles button:nth-of-type(3)>svg:not(.format-selected-check){color:#7664ae;background:linear-gradient(145deg,#f2efff,#e9e5ff)}.tool-page-illustrated .workspace .theme-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#827bd3 0%,#4b91b5 var(--range-progress),#dce7ef var(--range-progress),#dce7ef 100%)}.tool-page-illustrated .workspace .theme-range::-webkit-slider-thumb{background:#547db4;box-shadow:0 3px 9px #526ca83d}.tool-page-illustrated .workspace .theme-range::-moz-range-progress{background:linear-gradient(90deg,#827bd3,#4b91b5)}.tool-page-illustrated .workspace .theme-range::-moz-range-thumb{background:#547db4}.tool-page-illustrated .workspace .quality-value{background:linear-gradient(135deg,#6e7cc2,#4b91b5)}.tool-page-illustrated .workspace .button:not(.secondary):not(.danger){background:linear-gradient(115deg,#5c6fb9,#397eae);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .22s;box-shadow:0 9px 20px #4a71ad29}.tool-page-illustrated .workspace .button:not(.secondary):not(.danger):hover{background:linear-gradient(115deg,#5264aa,#31729e);transform:translateY(-2px);box-shadow:0 12px 26px #4a71ad33}.modern-color-picker{background:linear-gradient(155deg,#fff,#f8faff);border-color:#d9e2f4;padding:13px;box-shadow:0 8px 24px #50639d0d,inset 0 1px #fff;container-type:inline-size}.color-picker-topline{background:radial-gradient(circle at 8% 10%,#e8edff 0%,#0000 42%),linear-gradient(110deg,#fbfcff,#f1f7fb);border:1px solid #e0e7f5;border-radius:13px;min-height:76px;padding:10px}.color-picker-current{background-color:#fff;background-image:linear-gradient(45deg,#e6ebf4 25%,#0000 25%),linear-gradient(-45deg,#e6ebf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6ebf4 75%),linear-gradient(-45deg,#0000 75%,#e6ebf4 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #d3dff1;border-radius:14px;width:52px;height:52px;padding:5px;overflow:hidden;box-shadow:0 5px 12px #465c8a20}.color-picker-current>span{background:var(--picker-color);border-radius:9px;width:100%;height:100%;transition:background-color .22s;display:block;box-shadow:inset 0 0 0 1px #586a9a17}.color-picker-value{gap:3px}.color-picker-value small{color:#7482a0;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.color-picker-value strong{color:#253956;letter-spacing:.02em;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.color-picker-native{color:#526ca4;background:linear-gradient(145deg,#fff,#f0f4ff);border-color:#cbd8ee;justify-content:center;align-items:center;gap:6px;min-width:93px;display:flex;box-shadow:0 3px 8px #526ca410}.color-picker-native svg{width:15px;height:15px}.color-picker-native:hover{color:#405e9a;background:#edf2ff;border-color:#a6b9e1}.color-picker-palette-heading{justify-content:space-between;align-items:baseline;gap:8px;margin:14px 2px 8px;display:flex}.color-picker-palette-heading span{color:#344a6a;font-size:11px;font-weight:700}.color-picker-palette-heading small{color:#8795ae;font-size:10px}.modern-color-picker .color-picker-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 13px}.modern-color-picker .color-picker-swatches button{color:#4c5f7b;white-space:nowrap;background:#fff;border-color:#dce4f2;border-radius:10px;justify-content:flex-start;align-items:center;gap:6px;height:38px;padding:5px 7px;font-size:10px;font-weight:650;display:flex;box-shadow:0 2px 6px #4b639408}.modern-color-picker .color-picker-swatches button:hover{background:#f8faff;border-color:#a9bce4;box-shadow:0 6px 12px #4b639418}.modern-color-picker .color-picker-swatches button[aria-pressed=true]{background:#f1f4ff;border-color:#829ddd;outline:0;box-shadow:0 0 0 2px #829ddd28,0 5px 12px #4b639418}.color-picker-swatch-dot{background:var(--swatch);border:1px solid #7584a747;border-radius:7px;flex:none;place-items:center;width:19px;height:19px;display:grid;box-shadow:inset 0 1px #ffffff80}.modern-color-picker .color-picker-swatches .color-picker-swatch-dot svg{color:#2c4163;filter:drop-shadow(0 1px 1px #fff);width:13px;height:13px}.modern-color-picker .color-picker-swatches button:nth-child(3) .color-picker-swatch-dot svg{color:#fff;filter:none}.color-picker-entry{border-top:1px solid #e4e9f4;padding-top:11px}.color-picker-entry label{color:#647692}.tool-page-illustrated .workspace .color-picker-entry input,.modern-color-picker .color-picker-entry input{background:#fff;border-color:#d3dff1}.color-picker-icon-button{color:#617eae;border-color:#d3dff1}.color-picker-icon-button:hover{color:#4f69a6;background:#f3f6ff;border-color:#a6bbe2}.color-picker-details-toggle{color:#657b9c;text-align:left;background:0 0;border:0;border-top:1px solid #e4e9f4;justify-content:space-between;align-items:center;width:100%;min-height:30px;margin-top:8px;padding:6px 2px 0;font-size:11px;font-weight:650;display:flex}.color-picker-details-toggle:hover{color:#455f9a}.color-picker-details-toggle svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.color-picker-details-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.color-picker-details-content{overflow:hidden}.color-picker-details-content .color-picker-channels{gap:8px;padding:10px 2px 2px}.color-picker-details-content .color-picker-channels label{color:#647990;grid-template-columns:38px minmax(0,1fr) 28px}.color-picker-details-content .color-picker-channels output{color:#4f6680;background:#eef2fa}.tool-page-illustrated .workspace .color-picker-details-content .color-picker-channels input{height:8px;min-height:8px}.tool-page-illustrated .workspace .color-picker-details-content input.color-channel-red{background:linear-gradient(90deg,#f9e9e9,#d98c9b)}.tool-page-illustrated .workspace .color-picker-details-content input.color-channel-green{background:linear-gradient(90deg,#e8f3ee,#7fb9aa)}.tool-page-illustrated .workspace .color-picker-details-content input.color-channel-blue{background:linear-gradient(90deg,#e9eff9,#83a6d6)}.color-picker-details-content .color-channel-red::-webkit-slider-thumb{background:#c97788}.color-picker-details-content .color-channel-green::-webkit-slider-thumb{background:#60a68f}.color-picker-details-content .color-channel-blue::-webkit-slider-thumb{background:#7096c9}.color-picker-details-content .color-channel-red::-moz-range-thumb{background:#c97788}.color-picker-details-content .color-channel-green::-moz-range-thumb{background:#60a68f}.color-picker-details-content .color-channel-blue::-moz-range-thumb{background:#7096c9}@container (max-width:280px){.modern-color-picker .color-picker-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.file-action-feedback{color:#334960;text-align:left;background:linear-gradient(110deg,#f2f9fb,#f7f8ff);border:1px solid #cbddec;border-radius:13px;align-items:center;gap:10px;min-width:0;min-height:45px;padding:8px 9px 8px 15px;font-size:12px;font-weight:650;display:flex;position:relative;box-shadow:0 8px 22px #416d9920}.file-action-feedback:before{content:"";background:linear-gradient(#63b5ad,#6e85ca);border-radius:0 3px 3px 0;width:3px;position:absolute;inset:8px auto 8px 0}.file-action-feedback>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-action-feedback button{color:#356c8a;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a9c8df;border-radius:9px;padding:5px 12px;font-weight:750;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,background-color .2s,box-shadow .2s}.file-action-feedback button:hover{background:#f8fcff;border-color:#80b1cd;transform:translateY(-1px);box-shadow:0 4px 10px #557b9e1c}.file-action-feedback button:focus-visible{outline-offset:2px;outline:2px solid #547faa}.file-action-feedback .file-action-dismiss{color:#7890a3;background:0 0;border-color:#0000;place-items:center;width:30px;min-width:30px;padding:0;display:grid}.file-action-feedback .file-action-dismiss:hover{color:#435e77;border-color:#d0e0ec}.file-action-feedback .file-action-dismiss svg{width:15px;height:15px}.smart-upload-card .file-action-feedback{margin:10px 2px 0}.workspace-file-feedback{margin:14px 20px 0}.smart-upload-batch-controls button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:680px){.workspace-file-feedback{margin:12px 14px 0}}@media (prefers-reduced-motion:reduce){.smart-actions-toggle svg,.smart-action-grid>button>svg:last-child,.color-picker-current>span,.color-picker-details-toggle svg,.tool-page-illustrated .workspace .button:not(.secondary):not(.danger),.file-action-feedback button{transition:none}}
::selection{color:#fff;background:var(--brand-500)}.site-scroll-progress{z-index:110;background:linear-gradient(90deg,var(--brand-400),var(--brand-500) 55%,#34c4dd);width:100%;height:3px;box-shadow:0 1px 8px color-mix(in srgb,var(--brand-500) 36%,transparent);opacity:0;transform-origin:0;pointer-events:none;transition:opacity .2s,transform .12s linear;position:fixed;inset:0 auto auto 0;transform:scaleX(0)}.site-scroll-progress[data-visible=true]{opacity:1}.header.is-scrolled{border-bottom-color:color-mix(in srgb,var(--brand-500) 15%,var(--border));box-shadow:0 8px 28px #16255214}.header .nav-link,.header .wm-menu-trigger{transition:color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast)}.header :is(.nav-link,.wm-menu-trigger,.command-trigger):focus-visible,.footer :is(a,button):focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}main :is(.page-hero h1,.tool-title h1,.section-head h2,.content-page h1,.content-page h2){text-wrap:balance}main :is(.page-hero p,.tool-title p,.section-head p,.content-page p){text-wrap:pretty}.page-hero p{max-width:64ch}.content-page :is(p,li){line-height:1.75}.content-page a:not(.button),.category-copy a:not(.button){color:var(--brand-500);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--brand-500) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--brand-500) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--motion-fast),color var(--motion-fast);text-decoration-thickness:1px}.content-page a:not(.button):hover,.category-copy a:not(.button):hover{color:var(--brand-900);text-decoration-color:currentColor}.breadcrumbs{min-width:0;line-height:1.5}.breadcrumbs a{transition:color var(--motion-fast),text-decoration-color var(--motion-fast)}.breadcrumbs a:hover{color:var(--brand-500)}main :is(.button,.icon-button):focus-visible,main :is(input,textarea,select):focus-visible,main :is(.tool-card-main,.category-link-row a):focus-visible{outline:3px solid color-mix(in srgb,var(--brand-500) 45%,transparent);outline-offset:3px}main :is(.button,.icon-button):disabled{box-shadow:none;transform:none}.dropzone[data-clickable=true],.advanced-dropzone{cursor:pointer}.dropzone[data-clickable=true]:hover,.advanced-dropzone:hover{border-color:var(--brand-400);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-500) 12%,transparent),0 10px 26px #1d377e0f}.dropzone[data-clickable=true]:focus-within,.advanced-dropzone:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 13%,transparent)}:is(.home-paste-hint,.workspace-paste-hint,.advanced-paste-hint){cursor:default}.advanced-dropzone.validating{cursor:progress}.tool-page-jumps a:focus-visible,.tool-directory-chips button:focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}.file-row,.advanced-file-summary{transition:border-color .18s,background-color .18s}.file-row:hover,.advanced-file-summary:hover{border-color:color-mix(in srgb,var(--brand-500) 25%,var(--border));background:color-mix(in srgb,var(--brand-50) 32%,#fff)}.category-hero-jump{border:1px solid var(--brand-200);width:fit-content;min-height:40px;color:var(--brand-900);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:22px auto 0;padding:8px 13px;font-size:12px;font-weight:800;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 5px 16px #1e36750f}.category-hero-jump svg{width:15px;height:15px}.category-hero-jump:hover{border-color:var(--brand-400);transform:translateY(-2px);box-shadow:0 10px 20px #1e36751a}.category-hub-tools{scroll-margin-top:94px}.category-hub-tools-head{justify-content:space-between;align-items:end;gap:16px;margin:0 0 16px;display:flex}.category-hub-tools-head h2{letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(23px,3vw,30px)}.category-hub-count{border:1px solid var(--brand-200);color:var(--brand-900);background:var(--brand-50);border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:800}.category-hub-controls{align-items:center;gap:10px;margin-bottom:22px;display:flex}.category-hub-controls .category-hub-search{width:min(100%,520px);max-width:none;margin:0}.category-hub-popular{border:1px solid var(--border);min-height:44px;color:var(--text-secondary);background:#fff;border-radius:10px;flex:none;padding:8px 13px;font-size:12px;font-weight:800;transition:color .18s,border-color .18s,background-color .18s}.category-hub-popular:hover{color:var(--brand-500);border-color:var(--brand-200)}.category-hub-popular[aria-pressed=true]{color:#fff;border-color:var(--brand-500);background:var(--brand-500)}.category-hub-empty{border:1px dashed var(--border);background:var(--cloud-50);text-align:center;border-radius:16px;align-content:center;justify-items:center;gap:9px;min-height:260px;padding:28px;display:grid}.category-hub-empty>svg{width:28px;height:28px;color:var(--brand-500)}.category-hub-empty p{color:var(--text-secondary);margin:0 0 9px}.category-hub-tools .tool-grid{margin:0}.footer{border-top:3px solid color-mix(in srgb,var(--brand-400) 38%,transparent)}.footer-links a,.footer-links button{align-items:center;width:fit-content;min-height:32px;display:inline-flex}.footer-links a:hover,.footer-links button:hover{text-underline-offset:3px;text-decoration:underline}.footer-explore{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;width:fit-content;min-height:38px;margin-top:13px;padding:8px 12px;font-size:12px;font-weight:800;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.footer-explore:hover{background:#ffffff29;border-color:#ffffff6b;transform:translateY(-2px)}.footer-explore svg{width:15px;height:15px}@media (max-width:620px){.site-scroll-progress{height:2px}.footer-links a,.footer-links button{min-height:40px}.content-page{padding-top:42px}.category-hub-tools-head{flex-direction:column;align-items:start;gap:9px}.category-hub-controls{flex-direction:column;align-items:stretch}.category-hub-controls .category-hub-search{width:100%}.category-hub-popular{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.site-scroll-progress,.header .nav-link,.header .wm-menu-trigger,.file-row,.advanced-file-summary,.category-hero-jump,.footer-explore{transition:none}.category-hero-jump:hover,.footer-explore:hover{transform:none}}@media (forced-colors:active){.site-scroll-progress{background:highlight}.dropzone[data-clickable=true]:focus-within,.advanced-dropzone:focus-within{outline:2px solid highlight}}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:49px!important}.password-visibility{width:38px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-visibility:hover{color:var(--brand-500);background:var(--brand-50)}.password-visibility:focus-visible{outline:3px solid var(--brand-400);outline-offset:2px}.password-visibility svg{width:18px;height:18px}.caps-lock-hint{background:#fff5dd;border-radius:6px;width:fit-content;padding:4px 8px;font-weight:700;color:#8d4c0a!important;font-size:11px!important}.password-requirements{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.password-requirements li{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;line-height:1.2;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.password-requirements li[data-met=true]{color:#126a49;background:#ebf9f1;border-color:#b7dfce}.password-requirements li span{font-size:13px;line-height:1}.account-form-actions{flex-wrap:wrap}.account-form-actions .button{width:auto;min-width:128px}.account-form-actions span[role=alert],.session-action small[role=alert]{color:var(--danger)}.session-action{justify-items:end;gap:5px;display:grid}.session-action small{text-align:right;max-width:190px;line-height:1.35}.danger-zone>label{color:var(--text-secondary);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.danger-zone .password-input-wrap{max-width:360px;margin-bottom:12px}.danger-zone .password-input-wrap input{width:100%}.danger-zone .password-visibility{width:38px;height:36px;min-height:36px;color:var(--text-secondary);font-size:inherit;background:0 0;border:0;border-radius:8px;margin:0;padding:0}.danger-zone .password-visibility:hover{color:var(--brand-500);background:var(--brand-50)}.danger-zone>button{margin-left:0}.contact-topic-suggestions{flex-wrap:wrap;gap:7px;display:flex}.contact-topic-suggestions button{border:1px solid var(--border);min-height:34px;color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:750}.contact-topic-suggestions button:hover{border-color:var(--brand-400);color:var(--brand-500)}.contact-topic-suggestions button[aria-pressed=true]{border-color:var(--brand-500);color:#fff;background:var(--brand-500)}.contact-topic-suggestions button:focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}.contact-character-count.near-limit{color:#9a5909}.guide-directory-controls{gap:14px;margin:0 0 24px;display:grid}.guide-directory-search{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;align-items:center;gap:9px;width:min(100%,560px);min-height:48px;padding:4px 5px 4px 14px;display:flex;box-shadow:0 6px 18px #1d377e0a}.guide-directory-search:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 13%,transparent)}.guide-directory-search>svg{width:18px;height:18px;color:var(--text-muted);flex:none}.guide-directory-search input{width:100%;min-width:0;height:38px;color:var(--text-heading);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.guide-directory-search button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.guide-directory-search button:hover{background:var(--brand-50);color:var(--brand-500)}.guide-directory-search button svg{width:16px;height:16px}.guide-directory-categories{flex-wrap:wrap;gap:7px;display:flex}.guide-directory-categories button{border:1px solid var(--border);min-height:38px;color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750;transition:background-color .18s,border-color .18s,color .18s}.guide-directory-categories button:hover{border-color:var(--brand-400);color:var(--brand-500)}.guide-directory-categories button[aria-pressed=true]{border-color:var(--brand-500);color:#fff;background:var(--brand-500)}.guide-directory-count{color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.guide-directory-empty{border:1px dashed var(--border);background:var(--cloud-50);text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:8px;min-height:280px;padding:28px;display:grid}.guide-directory-empty>svg{width:30px;height:30px;color:var(--brand-500)}.guide-directory-empty h2,.guide-directory-empty p{margin:0}.guide-directory-empty p{color:var(--text-muted);margin-bottom:10px}.guide-card{transition:border-color .2s,box-shadow .2s,transform .2s}.guide-card:hover{border-color:color-mix(in srgb,var(--brand-500) 25%,var(--border));transform:translateY(-3px);box-shadow:0 20px 44px #1523401a}.guide-card h2 a:focus-visible,.guide-card .card-link:focus-visible,.guide-directory-categories button:focus-visible,.guide-directory-search button:focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}.guide-contents{border:1px solid var(--border);background:var(--cloud-50);border-radius:16px;padding:18px 20px}.guide-contents>strong{color:var(--text-heading);font-size:13px}.guide-contents ol{gap:7px;margin:10px 0 0;padding-left:20px;display:grid}.guide-contents li{color:var(--text-muted);padding-left:3px;font-size:13px}.guide-contents a{color:var(--brand-500);font-weight:700;text-decoration:none}.guide-contents a:hover{text-underline-offset:3px;text-decoration:underline}.guide-article section[id]{scroll-margin-top:100px}.guide-next-previous{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.guide-next-previous a{border:1px solid var(--border);min-width:0;min-height:90px;color:var(--text-heading);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:15px;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex}.guide-next-previous a:hover{border-color:var(--brand-400);box-shadow:0 8px 22px #1d377e14}.guide-next-previous a:last-child{text-align:right;justify-content:flex-end}.guide-next-previous a svg{width:18px;height:18px;color:var(--brand-500);flex:none}.guide-next-previous a span{gap:3px;min-width:0;display:grid}.guide-next-previous small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.guide-next-previous strong{font-size:13px;line-height:1.35}.guide-contents a:focus-visible,.guide-next-previous a:focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}.tool-workspace-anchor,#tool-how-to,#tool-faq{scroll-margin-top:100px}.error-page-suggestions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:680px;margin:32px auto 0;padding-top:22px;display:flex}.error-page>div:last-of-type{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.error-page-suggestions span{width:100%;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.error-page-suggestions a{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:var(--surface);border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.error-page-suggestions a:hover{border-color:var(--brand-400);color:var(--brand-500)}.error-page-suggestions a:focus-visible{outline:3px solid var(--brand-400);outline-offset:3px}@media (max-width:620px){.password-requirements{gap:5px}.password-requirements li{font-size:10px}.session-list .session-action{justify-items:stretch;width:100%}.guide-directory-controls{gap:11px}.guide-directory-categories{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.guide-directory-categories button{flex:none}.guide-directory-categories::-webkit-scrollbar{display:none}.guide-article section[id]{scroll-margin-top:83px}.guide-next-previous{grid-template-columns:1fr}.guide-next-previous>span{display:none}.tool-workspace-anchor,#tool-how-to,#tool-faq{scroll-margin-top:83px}}@media (prefers-reduced-motion:reduce){.guide-card,.password-requirements li{transition:none}.guide-card:hover{transform:none}}
:root{--experience-ease:cubic-bezier(.22, 1, .36, 1);--experience-ink-shadow:0 18px 48px #1927561a;--experience-focus:color-mix(in srgb, var(--accent) 25%, transparent)}.page-skeleton{background:radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--accent) 7%, transparent), transparent 62%);min-height:min(740px,100dvh - 74px);padding:clamp(44px,6vw,76px) 0 88px}.page-skeleton>.container{max-width:1180px}.page-skeleton-heading{justify-items:center;gap:13px;max-width:790px;margin:0 auto 44px;display:grid}.page-skeleton-line,.page-skeleton-icon{background:linear-gradient(100deg, var(--cloud-100) 15%, color-mix(in srgb, var(--accent) 9%, white) 45%, var(--cloud-100) 75%);background-size:220% 100%;border-radius:999px;flex:none;max-width:100%;animation:1.8s linear infinite page-skeleton-shimmer;display:block}.page-skeleton-line{height:13px}.page-skeleton-eyebrow{height:26px}.page-skeleton-title{height:clamp(38px,5vw,58px);margin:8px 0 3px}.page-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.page-skeleton-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-skeleton-card{border:1px solid var(--border);background:var(--surface);border-radius:19px;align-content:start;gap:13px;min-width:0;min-height:210px;padding:24px;display:grid;box-shadow:0 12px 34px #1927560a}.page-skeleton-card .page-skeleton-icon{border-radius:13px;width:43px;height:43px;margin-bottom:8px}.page-skeleton-search{border:1px solid var(--border);background:var(--surface);border-radius:15px;max-width:700px;height:56px;margin:0 auto 24px;padding:15px}.page-skeleton-search .page-skeleton-line{opacity:.6;height:23px}.page-skeleton-tabs,.page-skeleton-jumps{align-items:center;gap:9px;margin-bottom:26px;display:flex;overflow:hidden}.page-skeleton-tabs .page-skeleton-line,.page-skeleton-jumps .page-skeleton-line{height:37px}.page-skeleton-tool{padding-top:30px}.page-skeleton-tool .page-skeleton-heading{justify-items:start;max-width:100%;margin-bottom:22px}.page-skeleton-tool .page-skeleton-title{margin-block:0}.page-skeleton-breadcrumb{height:11px;margin-bottom:14px}.page-skeleton-workspace{border:1px solid var(--border);background:var(--surface);border-radius:23px;overflow:hidden;box-shadow:0 18px 50px #19275612}.page-skeleton-workspace-head{border-bottom:1px solid var(--border);background:var(--cloud-50);justify-content:space-between;align-items:center;gap:16px;min-height:67px;padding:18px 22px;display:flex}.page-skeleton-workspace-head .page-skeleton-line{height:16px}.page-skeleton-drop{border:2px dashed var(--border);background:var(--cloud-50);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:315px;margin:20px;padding:35px 16px;display:flex}.page-skeleton-drop .page-skeleton-icon{border-radius:17px;width:58px;height:58px}.page-skeleton-drop-title{height:22px}.page-skeleton-cta{height:44px;margin-top:5px}.page-skeleton-dashboard>.container{max-width:1320px}.page-skeleton-dashboard-layout{grid-template-columns:244px minmax(0,1fr);gap:32px;display:grid}.page-skeleton-dashboard-nav,.page-skeleton-dashboard-activity{border:1px solid var(--border);background:var(--surface);border-radius:19px;align-content:start;gap:19px;padding:25px;display:grid}.page-skeleton-dashboard-nav{min-height:380px}.page-skeleton-dashboard-nav .page-skeleton-line:nth-child(n+3){height:28px}.page-skeleton-dashboard-main{min-width:0}.page-skeleton-dashboard-main .page-skeleton-heading{justify-items:start;margin:0 0 36px}.page-skeleton-dashboard-main .page-skeleton-card{min-height:165px}.page-skeleton-dashboard-activity{min-height:215px;margin-top:24px}@keyframes page-skeleton-shimmer{to{background-position-x:-220%}}@media (max-width:900px){.page-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-skeleton-dashboard-layout{grid-template-columns:1fr;gap:24px}.page-skeleton-dashboard-nav{align-items:center;min-height:65px;padding:16px;display:flex;overflow:hidden}.page-skeleton-dashboard-nav .page-skeleton-line{min-width:75px}.page-skeleton-dashboard-nav .page-skeleton-line:nth-child(-n+2){display:none}}@media (max-width:620px){.page-skeleton{padding-block:34px 60px}.page-skeleton-heading{margin-bottom:30px}.page-skeleton-grid{gap:12px}.page-skeleton-card{min-height:172px;padding:17px}.page-skeleton-workspace-head{padding-inline:16px}.page-skeleton-drop{min-height:240px;margin:14px}}@media (max-width:420px){.page-skeleton-grid{grid-template-columns:1fr}.page-skeleton-card:nth-child(n+4),.page-skeleton-tabs .page-skeleton-line:nth-child(n+4),.page-skeleton-workspace-head .page-skeleton-line:last-child{display:none}}main{min-width:0}main :is(.page-hero,.tool-title,.auth-layout,.dashboard-grid,.guide-article,.content-page,.pricing){animation:experience-enter .5s var(--experience-ease) both}@keyframes experience-enter{0%{opacity:.72;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-hero{isolation:isolate;padding-top:clamp(52px,6vw,82px);padding-bottom:clamp(38px,4vw,58px);position:relative}.page-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 16%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%);position:absolute;inset:0 -5vw -24px}.page-hero h1{text-wrap:balance;max-width:950px;margin-inline:auto}.page-hero .eyebrow{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:color-mix(in srgb, var(--accent-soft) 60%, white);border-radius:999px;width:fit-content;max-width:100%;margin-inline:auto;padding:6px 11px}.page-hero p{text-wrap:pretty}.section-head h2,.category-copy h2,.tool-education h2{text-wrap:balance}.reference-hero .hero-action-panel{position:relative}.reference-hero .hero-action-panel:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 13%, transparent), transparent);pointer-events:none;border-radius:50%;position:absolute;inset:8% 7% 2%}.home-tool-finder,.hero-action-panel .upload-card{border-color:color-mix(in srgb, var(--accent) 17%, var(--border));box-shadow:0 24px 60px #1927561c,0 2px 5px #19275609}.home-tool-results>a>span,.home-browse-strip>a>svg:first-child,.home-proof-strip>div>svg{transition:transform .3s var(--experience-ease)}@media (hover:hover) and (pointer:fine){.home-tool-results>a:hover>span,.home-browse-strip>a:hover>svg:first-child,.home-proof-strip>div:hover>svg{transform:translateY(-2px)scale(1.08)}}:is(.tool-card,.guide-card,.price-card,.benefit,.home-category-panel,.category-copy,.panel,.admin-panel){border-color:color-mix(in srgb, var(--accent) 9%, var(--border));box-shadow:0 2px 6px #19275606,0 12px 34px #1927560b}:is(.tool-card,.guide-card,.price-card,.benefit,.home-category-panel,.panel,.admin-panel){transition:transform .28s var(--experience-ease), border-color .24s ease, box-shadow .28s var(--experience-ease), background-color .24s ease}:is(.tool-card,.guide-card,.price-card,.benefit,.home-category-panel,.panel,.admin-panel):focus-within{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));box-shadow:0 0 0 4px var(--experience-focus), var(--experience-ink-shadow)}.tool-card .tool-icon,.guide-card>span,.benefit>svg{transition:transform .3s var(--experience-ease), background-color .24s ease, box-shadow .24s ease}@media (hover:hover) and (pointer:fine){:is(.tool-card,.guide-card,.price-card,.benefit,.home-category-panel):hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--experience-ink-shadow);transform:translateY(-4px)}:is(.tool-card,.guide-card,.benefit):hover :is(.tool-icon,.benefit-icon){transform:translateY(-2px)rotate(-3deg)scale(1.06)}}.button,.command-trigger,.nav-link,.tool-page-jumps a,.advanced-tabs button,.tool-directory-actions button,.category-hub-popular,.guide-directory-categories button{-webkit-tap-highlight-color:transparent}.button:not(.secondary):not(.ghost):not(.danger){background:linear-gradient(125deg, color-mix(in srgb, var(--accent) 86%, white), var(--accent) 52%, color-mix(in srgb, var(--accent) 82%, var(--accent-strong)));box-shadow:0 5px 15px color-mix(in srgb, var(--accent) 17%, transparent)}.button:not(.secondary):not(.ghost):not(.danger):hover{background:linear-gradient(125deg, var(--accent), var(--accent-hover));box-shadow:0 11px 24px color-mix(in srgb, var(--accent) 25%, transparent)}.button:disabled,.button[aria-busy=true]{box-shadow:none!important;transform:none!important}.button svg.lucide-arrow-right{transition:transform .24s var(--experience-ease)}.button:hover svg.lucide-arrow-right{transform:translate(3px)}.nav-link[aria-current=page],.dashboard-sidebar a.active{box-shadow:inset 0 -2px color-mix(in srgb, var(--accent) 40%, transparent)}.footer-explore:hover svg.lucide-arrow-right{transform:translate(3px)}.footer-explore svg.lucide-arrow-right{transition:transform .24s var(--experience-ease)}:is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){min-width:0;transition:border-color .2s,box-shadow .2s,background-color .2s}:is(.advanced-field,.field,.admin-field,.tool-search,.guide-directory-search):focus-within{border-color:color-mix(in srgb, var(--accent) 46%, var(--border))}:is(.advanced-field,.field,.admin-field) :is(input,select,textarea):focus-visible{outline:2px solid var(--experience-focus);outline-offset:1px}.tool-page-refreshed :is(.workspace,.advanced-tool-surface),:is(.pdf-editor-drop,.native-pdf-drop){box-shadow:0 2px 5px #19275606,0 22px 56px #19275617}:is(.dropzone,.advanced-dropzone,.pdf-editor-drop,.native-pdf-drop){transition:border-color .24s ease, background-color .24s ease, box-shadow .28s var(--experience-ease), transform .28s var(--experience-ease)}:is(.dropzone,.advanced-dropzone,.pdf-editor-drop,.native-pdf-drop):focus-visible,:is(.dropzone,.advanced-dropzone,.pdf-editor-drop,.native-pdf-drop):focus-within{outline:2px solid var(--experience-focus);outline-offset:2px}.advanced-dropzone.active,.dropzone.active{border-color:var(--accent);box-shadow:0 0 0 5px var(--experience-focus), 0 20px 40px #19275617}.advanced-message,.status,.result-card,.advanced-file-summary,.utility-output{animation:experience-feedback .34s var(--experience-ease) both}.category-hub-tools .tool-grid,.category-hub-empty{animation:experience-feedback .28s var(--experience-ease) both}@keyframes experience-feedback{0%{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.content-page{min-width:0}.content-page :is(p,li){max-width:75ch}.content-page h2,.guide-article h2{scroll-margin-top:110px}.tool-education .format-list{flex-wrap:wrap;gap:8px;padding-left:0;list-style:none;display:flex}.tool-education .format-list li{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent-soft) 45%, white);border-radius:999px;max-width:100%;padding:6px 11px;font-size:13px;line-height:1.45}@media (max-width:760px){.section{padding-block:clamp(48px,9vw,70px)}.page-hero{padding-top:44px}.tool-page-refreshed .tool-title{box-shadow:0 12px 34px #19275613}.tool-page-refreshed :is(.workspace,.advanced-tool-surface){box-shadow:0 14px 36px #19275613}.advanced-two-column>div{padding:clamp(16px,4vw,24px)}.advanced-actions,.work-actions{gap:9px}.content-page{padding-block:46px 70px}}@media (max-width:520px){.page-hero h1{letter-spacing:-.045em;font-size:clamp(32px,9vw,44px)}.page-hero p{font-size:15px}.section-head{align-items:flex-start}.tool-directory-sort{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-directory-sort>span{grid-column:1/-1;padding:2px 8px 0}.tool-directory-sort button{min-width:0;padding-inline:5px}.tool-directory-actions{gap:7px}.tool-directory-actions>button{min-width:0}.tool-page-refreshed .processing-disclosure{align-items:flex-start;width:100%}.tool-page-refreshed .processing-disclosure p{white-space:normal}.tool-page-refreshed :is(.dropzone,.advanced-dropzone){min-height:215px}.footer{padding-top:48px}.home-tool-finder,.hero-action-panel .upload-card{box-shadow:0 14px 36px #19275614}}@media (max-width:460px){.tool-directory-results.compact .tool-grid{grid-template-columns:1fr}.home-proof-strip>div{grid-template-columns:1fr;justify-items:center;gap:5px}.home-proof-strip span{text-align:center}.home-proof-strip :is(strong,small){text-overflow:clip;white-space:normal;overflow:visible}}@media (pointer:coarse){:is(.advanced-tabs button,.tool-directory-sort button,.guide-directory-categories button,.category-hub-popular,.tool-directory-actions button){min-height:44px}}@media (prefers-reduced-motion:reduce){.page-skeleton-line,.page-skeleton-icon,.category-hub-tools .tool-grid,.category-hub-empty,main :is(.page-hero,.tool-title,.auth-layout,.dashboard-grid,.guide-article,.content-page,.pricing),.advanced-message,.status,.result-card,.advanced-file-summary,.utility-output{animation:none}:is(.button,.tool-card,.guide-card,.price-card,.benefit,.home-category-panel,.panel,.admin-panel,.dropzone,.advanced-dropzone,.pdf-editor-drop,.native-pdf-drop){transition:none}:is(.tool-card,.guide-card,.price-card,.benefit,.home-category-panel):hover,.button:hover svg.lucide-arrow-right,.footer-explore:hover svg.lucide-arrow-right,.home-tool-results>a:hover>span,.home-browse-strip>a:hover>svg:first-child,.home-proof-strip>div:hover>svg{transform:none}}
.worked-examples{max-width:900px}.worked-examples nav{border:1px solid var(--line);border-radius:16px;margin-block:28px;padding:20px 24px}.worked-examples nav ul{margin-bottom:0}.worked-example{border-top:1px solid var(--line);padding-block:16px 30px;scroll-margin-top:110px}.example-file,.tool-example-callout,.home-example-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.example-file,.tool-example-callout{border:1px solid var(--line);background:var(--surface,#fff);border-radius:16px;padding:20px}.example-file p,.tool-example-callout p{color:var(--muted);margin:6px 0 0}.example-file .button,.tool-example-callout .button{flex-shrink:0}.tool-example-callout{margin-block:16px;font-size:14px}.tool-example-callout p{max-width:680px}.tool-example-callout a:not(.button){color:var(--brand);text-decoration:underline}.home-example-intro h2{margin:8px 0}.home-example-intro p{color:var(--muted);max-width:680px}.home-example-intro .button{flex-shrink:0}@media (max-width:640px){.example-file,.tool-example-callout,.home-example-intro{flex-direction:column;align-items:stretch;gap:16px}.example-file .button,.tool-example-callout .button,.home-example-intro .button{white-space:normal;align-self:flex-start}}.tool-article{margin:8px 0 36px}.tool-article-meta{color:var(--muted);margin:0 0 12px;font-size:.875rem}.tool-article-lede{font-size:1.075rem;line-height:1.7}.tool-article section{margin-top:28px}.tool-article ol,.tool-article ul{padding-left:1.3em}.tool-article li{margin:6px 0;line-height:1.6}.tool-article-table{border:1px solid var(--line);border-radius:14px;margin:16px 0 8px;overflow-x:auto}.tool-article-table table{border-collapse:collapse;width:100%;font-size:.95rem}.tool-article-table caption{text-align:left;caption-side:top;padding:12px 14px 4px;font-weight:600}.tool-article-table th,.tool-article-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:10px 14px}.tool-article-table thead th{background:color-mix(in srgb, var(--brand) 6%, var(--surface));font-weight:600}.tool-article-table tbody th{font-weight:600}