:root{--ink:#252332;--muted:#797785;--purple:#7755d9;--light:#f3effc;--line:#eae8ef;--paper:#fcfbfe;--green:#35836b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #a58ae9}.wrap{max-width:1120px;margin-inline:auto;padding-inline:28px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:3px;font-size:27px;font-weight:800;display:inline-flex}.brand-mark{background:var(--purple);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;margin-right:7px;display:grid;transform:rotate(-5deg)}.brand-dot{color:var(--purple)}.header nav,.languages{align-items:center;display:flex}.header nav{gap:35px}.nav-tools{font-size:13px;font-weight:600}.languages{border:1px solid var(--line);color:var(--muted);border-radius:9px;gap:6px;padding:5px}.languages svg{margin:0 6px}.languages a{border-radius:5px;padding:7px;font-size:11px;font-weight:700}.languages a[aria-current=true]{background:var(--light);color:var(--purple)}.hero{text-align:center;padding-top:64px;padding-bottom:44px;position:relative}.eyebrow{color:var(--purple);letter-spacing:1.7px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:var(--purple);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-3.1px;margin:22px 0 20px;font-size:67px;font-weight:700;line-height:1.04}h1 em{color:var(--purple);letter-spacing:-2.4px;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-period{color:var(--purple)}.intro{max-width:480px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.85}.trust{color:#6f6b7e;justify-content:center;align-items:center;gap:7px;margin-top:23px;font-size:10px;display:flex}.trust svg{color:var(--green)}.trust-divider{border-left:1px solid #dad6e4;height:12px;margin:0 6px}.hero-spark{color:#b4a1dc;font-size:45px;font-weight:300;position:absolute}.spark-one{top:125px;left:12%;transform:rotate(10deg)}.spark-two{color:#c6b9e6;font-size:28px;top:230px;right:13%}.tool-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 17px;display:grid}.tool-tab{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:19px 16px;transition:border-color .2s,transform .2s;display:flex}.tool-tab:hover{border-color:#b8a0ed;transform:translateY(-2px)}.tool-tab.active{border-color:#9574e5;box-shadow:0 0 0 2px #eee7fc}.tool-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.tint-0{color:#7652cc;background:#f0eafa}.tint-1{color:#c58b3a;background:#fcf3e5}.tint-2{color:#3b8b78;background:#eaf5ef}.tool-tab strong{font-size:13px;font-weight:600;display:block}.tool-tab small{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.5;display:block}.tab-arrow{color:#9d8eb7;margin-left:auto}.editor{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:1.65fr 1fr;display:grid;overflow:hidden;box-shadow:0 9px 35px #29203d04}.upload-side{padding:27px 28px 18px}.settings-side{border-left:1px solid var(--line);background:#faf9fc;flex-direction:column;padding:27px 27px 20px;display:flex}.section-label{align-items:center;gap:9px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.step-num{color:#a5a0b0;font-size:9px;font-weight:500}.file-count{color:#8b8599;background:#f1eff5;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:10px;font-weight:500}.dropzone{text-align:center;background-color:#fcfaff;background-image:radial-gradient(#dcd2ef .65px,#0000 .65px);background-size:12px 12px;border:1.5px dashed #d4c8ed;border-radius:11px;padding:29px 14px 23px;transition:background-color .2s,border-color .2s}.dropzone.dragging{border-color:var(--purple);background-color:#eee6fd}.upload-art{width:95px;height:72px;margin:0 auto 16px;position:relative}.photo-back,.photo-front{background:#f0e9fc;border:1px solid #d6c7f1;border-radius:10px;width:57px;height:58px;position:absolute;top:3px;left:12px;transform:rotate(-13deg)}.photo-front{color:#9c7bdf;background:#fff;place-items:center;display:grid;top:7px;left:25px;transform:rotate(9deg);box-shadow:0 4px 12px #6e4d9c10}.upload-badge{background:var(--purple);color:#fff;border:3px solid #fcfaff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:0}.dropzone h2{letter-spacing:-.4px;margin:0 0 9px;font-size:18px}.dropzone p{color:var(--muted);margin:0 0 19px;font-size:11px}.primary{background:var(--purple);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:43px;padding:12px 19px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex;box-shadow:0 3px 5px #6b4ba01a}.primary:hover:not(:disabled){background:#6542c1}.dropzone>small{color:#91889f;margin-top:17px;font-size:9px;line-height:1.6;display:block}.private-note{color:#8d8799;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.private-note svg{color:#8d79b0}fieldset{border:0;min-width:0;margin:0;padding:0}.field-label{margin-bottom:10px;font-size:11px;font-weight:600;display:block}select,.input-with-unit{color:#575061;background:#fff;border:1px solid #e0dce8;border-radius:7px;width:100%;min-height:41px;font-size:12px}select{padding:9px 12px}.quality-label{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.quality-label .field-label{margin-bottom:0}.quality-label output{color:var(--purple);background:#eee7fa;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:600}.range{appearance:none;background:linear-gradient(to right,var(--purple) var(--range),#e7e0f1 var(--range));cursor:pointer;border-radius:5px;width:100%;height:4px;margin:20px 0 14px;display:block}.range:disabled{opacity:.4;cursor:not-allowed}.range::-webkit-slider-thumb{appearance:none;background:var(--purple);border:3px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #b9a6df}.range::-moz-range-thumb{background:var(--purple);border:3px solid #fff;border-radius:50%;width:10px;height:10px}.range-labels{color:#97909f;justify-content:space-between;font-size:9px;display:flex}.field-hint{color:#97909f;margin:12px 0;font-size:10px;line-height:1.6}.format-note{background:#f1eef7;border-radius:7px;align-items:flex-start;gap:7px;margin:18px 0 22px;padding:11px;display:flex}.format-note>span{color:#8e7ca8;border:1px solid #bcb0cf;border-radius:50%;flex-shrink:0;place-items:center;width:13px;height:13px;margin-top:2px;font-family:Georgia,serif;font-size:9px;font-style:italic;display:grid}.format-note p{color:#8c819b;margin:0;font-size:10px;line-height:1.65}.process{gap:9px;width:100%;margin-top:auto}.process span{flex:1}.settings-bottom{color:#a29aaa;text-align:center;margin:10px 0 0;font-size:9px}.width-field{margin-top:20px}.input-with-unit{align-items:center;padding-right:12px;display:flex;overflow:hidden}.input-with-unit input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:11px 12px}.input-with-unit span{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.queue{margin-top:12px}.queue-item{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:10px 0;display:flex}.queue-item img,.result-item img{object-fit:contain;background:repeating-conic-gradient(#f0eef4 0 25%,white 0 50%) 0/12px 12px;border-radius:6px;flex-shrink:0}.queue-item>div{flex:1;min-width:0}.queue-item strong,.result-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.queue-item small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.green{color:var(--green)}.icon-button{color:#92869f;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#f3edf8}.text-button{color:var(--muted);background:0 0;border:0;padding:12px 0 0;font-size:10px;text-decoration:underline}.notice{color:#a64343;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.results{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:17px;padding:20px 22px}.results-heading{align-items:center;gap:9px;display:flex}.results-heading h2{margin:0;font-size:12px;font-weight:600}.result-check{color:#58977d;background:#eef6f2;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.empty-results{color:#a199ac;margin:7px 0 0 34px;font-size:11px}.result-item{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:15px;padding:15px 0;display:flex}.result-info{flex:1;min-width:0}.result-info strong{font-size:12px}.result-info small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;font-size:10px;display:flex}.saving{color:var(--green);white-space:nowrap;background:#eef7f1;border-radius:5px;padding:6px 8px;font-size:10px}.saving.larger{color:#a87833;background:#fff6e7}.download{color:var(--purple);background:#f9f6ff;border:1px solid #e5dcef;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.download:hover{background:#ede4fc}.ad-slot{color:#b6afbf;background:#f8f7fa;border:1px dashed #e4e0eb;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:115px;margin-top:27px;display:flex}.ad-slot>span{text-transform:uppercase;letter-spacing:2px;font-size:8px}.ad-slot p{margin:10px 0 0;font-size:10px}.how-section{padding-top:65px;padding-bottom:50px}.how-section>.eyebrow{font-size:9px}h2{letter-spacing:-.6px}.how-section>h2{text-align:center;letter-spacing:-.9px;margin:15px 0 35px;font-size:27px;font-weight:600}.steps{grid-template-columns:repeat(3,1fr);gap:38px;padding:0 25px;display:grid}.steps article{position:relative}.step-illustration{border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.step-caption{color:#e4dfec;font-family:Georgia,serif;font-size:28px;position:absolute;top:6px;right:15px}.steps h3{font-size:13px;font-weight:600}.steps p{color:var(--muted);max-width:240px;font-size:11px;line-height:1.8}.faq-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:70px;padding-top:38px;padding-bottom:55px;display:grid}.faq-section>h2{max-width:240px;margin-top:4px;font-size:26px;font-weight:600;line-height:1.3}.faq-section details{border-bottom:1px solid var(--line);padding:16px 0}.faq-section details:first-child{padding-top:7px}.faq-section summary{cursor:pointer;justify-content:space-between;gap:18px;font-size:12px;font-weight:500;line-height:1.6;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{color:#9485a7;font-size:18px;line-height:1}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.8}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-top:25px;padding-bottom:28px;display:flex}.footer>div{align-items:center;gap:20px;display:flex}.brand.small{font-size:21px}.footer>div>span{color:var(--muted);font-size:10px}.footer nav{color:var(--muted);gap:22px;font-size:10px;display:flex}.prose{max-width:800px;min-height:70vh;padding-top:60px;padding-bottom:80px}.prose h1{letter-spacing:-2px;font-size:48px}.prose p{color:var(--muted);font-size:16px;line-height:1.9}.back{color:var(--purple);font-size:12px}.spinner{border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;flex:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.hero{padding-top:75px;padding-bottom:55px}}@media (max-width:850px){.wrap{padding-inline:22px}.tool-tab{gap:8px;padding:15px 12px}.tool-tab small,.tab-arrow{display:none}.editor{grid-template-columns:1.3fr 1fr}.settings-side,.upload-side{padding:22px 20px}.hero-spark,.footer>div>span{display:none}.faq-section{gap:35px}.steps{padding:0}.hero h1{font-size:58px}}@media (max-width:600px){.wrap{padding-inline:18px}.header{height:75px}.brand{font-size:24px}.brand-mark{width:30px;height:30px}.nav-tools{display:none}.hero{padding-top:43px;padding-bottom:30px}h1,.hero h1{letter-spacing:-2px;margin-top:20px;font-size:46px}h1 em{letter-spacing:-1.8px}.eyebrow{letter-spacing:1.3px;font-size:8px}.intro{max-width:330px;font-size:12px;line-height:1.85}.trust{flex-wrap:wrap;row-gap:9px;margin-top:18px;font-size:9px}.trust-divider{display:none}.trust>span:last-child{flex-basis:100%}.tool-tabs{gap:7px;margin-bottom:13px}.tool-tab{text-align:center;border-radius:10px;flex-direction:column;gap:9px;padding:13px 5px}.tool-tab strong{font-size:10px}.tool-icon{border-radius:9px;width:32px;height:32px}.tool-icon svg{width:18px;height:18px}.editor{display:block}.upload-side{padding:20px 17px 17px}.settings-side{border-left:0;border-top:1px solid var(--line);padding:20px 17px}.dropzone{padding-top:24px;padding-bottom:22px}.dropzone h2{font-size:17px}.settings-side .section-label{margin-bottom:17px}.format-note{margin:15px 0}.quality-label{margin-top:19px}.results{padding:17px}.result-item{flex-wrap:wrap;gap:10px}.result-item img{width:40px;height:40px}.result-info{flex-basis:calc(100% - 50px)}.saving{margin-left:50px}.download{margin-left:auto}.ad-slot{min-height:100px;margin-top:20px}.how-section{padding-top:43px;padding-bottom:30px}.how-section>h2{margin-bottom:25px;font-size:23px}.steps{grid-template-columns:1fr;gap:15px}.steps article{grid-template-columns:48px 1fr;align-items:start;column-gap:17px;padding:12px 0;display:grid}.step-illustration{grid-row:1/3;margin:0}.steps h3{margin:0 0 5px}.steps p{max-width:none;margin:0;padding-right:20px}.step-caption{font-size:21px;top:9px;right:0}.faq-section{grid-template-columns:1fr;gap:10px;padding-top:27px;padding-bottom:35px}.faq-section>h2{max-width:280px;font-size:23px}.footer{flex-direction:column;align-items:flex-start;gap:20px;padding-top:23px}.footer nav{flex-wrap:wrap;gap:20px;width:100%}.footer nav>span{margin-left:auto}.prose h1{font-size:38px}.prose p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
:root{--ink:#252735;--muted:#717584;--purple:#7051ce;--light:#f1edfb;--line:#e6e8ee;--paper:#f8f9fc}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.header{border-bottom-color:#e5e7ee;height:80px}.brand{letter-spacing:-1.1px;font-size:25px}.brand-mark{border-radius:10px;transform:none;box-shadow:inset 0 1px #ffffff35}.header nav{gap:28px}.nav-tools{color:#606575;font-size:13px;font-weight:500}.nav-tools:hover{color:var(--purple)}.language-picker{color:#74798a;align-items:center;display:flex;position:relative}.language-picker>svg{pointer-events:none;position:absolute;left:12px}.language-picker select{appearance:none;color:#454958;cursor:pointer;background:#fff;border:1px solid #dfe2ea;border-radius:9px;width:145px;min-height:40px;padding:8px 32px 8px 38px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #1c234004}.language-picker select:hover{border-color:#b8aecf}.language-chevron{pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;position:absolute;right:14px;transform:translateY(-2px)rotate(45deg)}.hero{padding-top:39px;padding-bottom:30px}.hero .eyebrow{letter-spacing:1.6px;color:#8b80a5;font-size:9px}.hero h1{letter-spacing:-2.2px;margin:15px 0 14px;font-size:51px;font-weight:650;line-height:1.08}.hero h1 em{letter-spacing:-1.9px}.intro{color:#727786;max-width:515px;font-size:14px;line-height:1.75}.trust{color:#7d8290;margin-top:17px;font-size:11px}.trust svg{color:#578772}.tool-tabs{gap:10px;margin-bottom:15px}.tool-tab{border-radius:11px;padding:16px 18px;transition:border-color .16s,background .16s;box-shadow:0 1px 3px #202c4903}.tool-tab:hover{background:#fdfcff;transform:none}.tool-tab.active{background:#fcfaff;border-color:#9d87d6;box-shadow:0 1px 4px #7051ce0a}.tool-tab strong{letter-spacing:-.15px;font-size:14px;font-weight:600}.tool-tab small{color:#818493;margin-top:5px;font-size:10px}.tool-icon{border-radius:9px;width:38px;height:38px}.tab-arrow{color:#b4adc2}.editor{border-color:#e0e3eb;border-radius:14px;grid-template-columns:1.65fr 1fr;box-shadow:0 2px 4px #28324803,0 12px 32px #28324805}.upload-side{padding:25px 26px 20px}.settings-side{background:#fbfbfd;padding:25px 26px 20px}.section-label{letter-spacing:-.1px;margin-bottom:19px;font-size:13px}.step-num{color:#8a8e9d;font-variant-numeric:tabular-nums;background:#f1f2f7;border-radius:5px;padding:4px 6px;font-size:10px}.file-count{color:#7d8191;background:#f0f1f6;padding:4px 8px;font-size:11px}.dropzone{background:#fbfaff;border-width:1px;border-color:#d4cce7;padding:26px 18px 23px}.dropzone.dragging{background:#f0eafa}.dropzone h2{letter-spacing:-.5px;font-size:20px;font-weight:600}.dropzone p{color:#7d7f8f;font-size:12px}.upload-art{height:65px;margin-bottom:9px;transform:scale(.86)}.primary{border-radius:8px;min-height:45px;padding:12px 20px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #2b1c5c12,inset 0 1px #ffffff20}.dropzone>small{color:#8a8799;margin-top:16px;font-size:10px}.private-note{color:#8b8c9c;margin-top:16px;font-size:11px}.field-label{color:#54596b;font-size:12px;font-weight:500}.settings-side select,.input-with-unit{color:#4b5061;border-color:#dfe2ea;border-radius:8px;min-height:43px;font-size:13px}.quality-label{margin-top:23px}.quality-label output{font-variant-numeric:tabular-nums;padding:5px 8px;font-size:12px}.range{height:4px;margin-top:21px;margin-bottom:14px}.range-labels{color:#8a8e9c;font-size:10px}.field-hint{color:#888c9b;font-size:11px}.format-note{background:#f1f2f7;margin-top:18px;margin-bottom:21px;padding:11px 12px}.format-note p{color:#858595;font-size:11px}.settings-bottom{color:#9093a0;margin-top:11px;font-size:10px}.results{border-radius:11px;margin-top:15px;padding:19px 22px;box-shadow:0 1px 2px #28324802}.results-heading h2{letter-spacing:-.1px;font-size:13px}.empty-results{color:#8e92a0;font-size:12px}.queue-item strong,.result-info strong{font-size:12px}.queue-item small,.result-info small,.saving,.download{font-size:11px}.icon-button{min-width:36px;min-height:36px}.ad-slot{background:#f3f4f8;border-color:#e1e3ec;min-height:100px;margin-top:24px}.how-section{padding-top:45px;padding-bottom:35px}.how-section>h2{letter-spacing:-.8px;margin-bottom:28px;font-size:25px}.steps h3{font-size:14px}.steps p{font-size:12px}.step-illustration{border-radius:11px;width:42px;height:42px}.step-caption{color:#d8dbe5;font-family:inherit;font-size:21px;font-weight:500}.faq-section{gap:60px;padding-top:32px;padding-bottom:42px}.faq-section>h2{letter-spacing:-.65px;font-size:25px}.faq-section summary{font-size:13px}.footer{padding-top:23px;padding-bottom:25px}.footer nav,.footer>div>span{font-size:11px}@media (min-width:1500px){.hero{padding-top:45px;padding-bottom:35px}}@media (max-width:850px){.tool-tab{padding:15px 13px}.tool-tab strong{font-size:13px}.settings-side,.upload-side{padding:22px 20px}.editor{grid-template-columns:1.3fr 1fr}.faq-section{gap:35px}}@media (max-width:600px){.header{height:70px}.brand{font-size:23px}.language-picker select{width:132px;min-height:40px;font-size:12px}.hero{padding-top:29px;padding-bottom:25px}.hero .eyebrow{letter-spacing:1.1px;font-size:8px}.hero h1{letter-spacing:-1.7px;margin:15px 0 13px;font-size:39px}.hero h1 em{letter-spacing:-1.5px}.intro{max-width:340px;font-size:12px;line-height:1.75}.trust{row-gap:6px;margin-top:14px;font-size:10px}.tool-tabs{gap:7px;margin-bottom:13px}.tool-tab{gap:8px;padding:12px 4px}.tool-tab strong{font-size:11px;font-weight:500}.tool-icon{width:30px;height:30px}.editor{display:block}.upload-side{padding:20px 17px 16px}.settings-side{padding:20px 17px}.dropzone{padding:19px 10px 20px}.dropzone h2{font-size:18px}.dropzone>small{font-size:9px}.upload-art{margin-bottom:6px}.private-note{font-size:10px}.section-label{font-size:12px}.settings-side select,.input-with-unit input{font-size:16px}.results{padding:17px}.empty-results{font-size:11px}.how-section{padding-top:35px;padding-bottom:25px}.how-section>h2{font-size:22px}.steps h3{font-size:13px}.steps p{font-size:11px}.faq-section{gap:10px;padding-top:26px;padding-bottom:32px}.faq-section>h2{font-size:23px}.faq-section summary{font-size:12px}.footer nav{font-size:10px}}
.hero-with-art{text-align:left;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding-top:26px;padding-bottom:30px;display:grid}.hero-with-art .eyebrow,.hero-with-art .trust{justify-content:flex-start}.hero-with-art .intro{max-width:510px;margin-left:0}.hero-with-art h1{font-size:clamp(36px,4.1vw,51px)}.hero-with-art .trust{flex-wrap:wrap;gap:6px;line-height:1.6}.hero-art{min-width:0;margin:0;position:relative}.hero-art>img{width:100%;height:auto;display:block}.hero-art figcaption{text-align:center;margin:-1px 0 0}.hero-art figcaption>span{letter-spacing:1.7px;color:#a298b2;font-size:8px;font-weight:600}.hero-art figcaption p{color:#82768f;margin:6px 0 0;font-family:Georgia,serif;font-size:15px;font-style:italic}.tool-tab>span:nth-child(2){min-width:0}.tool-tab strong,.hero h1,.visual-banner h2{overflow-wrap:anywhere}.tool-tab strong{line-height:1.4}.visual-banner{background:#f0edf7;border:1px solid #e7e1f0;border-radius:14px;grid-template-columns:1.3fr 1fr;align-items:stretch;gap:34px;margin-top:28px;padding:26px;display:grid;overflow:hidden}.banner-copy{align-self:center;padding:0 4px}.banner-tag{color:#8c7b9e;letter-spacing:1.5px;align-items:center;gap:7px;font-size:8px;font-weight:600;line-height:1.7;display:flex}.visual-banner h2{letter-spacing:-.8px;max-width:400px;margin:12px 0 9px;font-size:25px;font-weight:600;line-height:1.25}.visual-banner p{color:#8a8195;max-width:410px;margin:0;font-size:12px;line-height:1.9}.visual-banner a{color:#7c5cae;align-items:center;gap:10px;margin-top:17px;font-size:11px;font-weight:500;display:inline-flex}.visual-banner a:hover{text-decoration:underline}.banner-picture{align-self:center;position:relative}.banner-picture>img{border-radius:11px;width:100%;height:auto;display:block}.banner-stamp{color:#85729f;background:#faf8ff;border:5px solid #f0edf7;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;bottom:-14px;right:18px;transform:rotate(10deg)}.language-picker select{width:181px}.process{line-height:1.5}.process>svg{flex-shrink:0}.locale-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.locale-footer summary{cursor:pointer;color:#868191;align-items:center;gap:8px;font-size:11px;list-style:none;display:inline-flex}.locale-footer summary::-webkit-details-marker{display:none}.locale-footer summary:after{content:"+";margin-left:2px}.locale-footer[open] summary:after{content:"−"}.locale-footer-links{color:#797080;flex-wrap:wrap;gap:12px 20px;padding:17px 0 4px;font-size:12px;display:flex}.locale-footer-links a:hover,.locale-footer-links a[aria-current]{color:var(--purple)}.footer-with-locales{display:block}.footer-main{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.footer-main>div{align-items:center;gap:20px;display:flex}.footer-main>div>span{color:var(--muted);font-size:11px}.footer .locale-footer-links{justify-content:flex-start}@media (max-width:850px){.hero-with-art{gap:12px}.hero-with-art h1{font-size:39px}.hero-art figcaption>span{font-size:7px}.hero-art figcaption p{font-size:12px}.hero-with-art .trust-divider{display:none}.hero-with-art .trust>span:last-child{flex-basis:100%}.visual-banner{gap:22px;padding:22px}.visual-banner h2{font-size:22px}.footer-main>div>span{display:none}}@media (max-width:600px){.language-picker select{width:163px}.hero-with-art{text-align:center;padding-top:29px;padding-bottom:25px;display:block}.hero-with-art .eyebrow,.hero-with-art .trust{justify-content:center}.hero-with-art h1{font-size:37px}.hero-with-art .intro{max-width:340px;margin-inline:auto}.hero-art{display:none}.hero-with-art .trust{line-height:1.5}.visual-banner{grid-template-columns:1fr;gap:20px;margin-top:23px;padding:22px}.visual-banner h2{font-size:23px}.visual-banner p{font-size:12px}.banner-tag{letter-spacing:1px;font-size:8px}.banner-picture>img{object-fit:cover;max-height:160px}.footer-main{flex-direction:column;align-items:flex-start;gap:16px}.footer-main nav{width:100%}.locale-footer-links{gap:14px 20px}.tool-tab strong{font-size:10px}}@media (max-width:360px){.language-picker select{width:143px;font-size:11px}.brand{font-size:21px}.brand-mark{margin-right:4px}}
.compression-art{padding:8px 0 0 12px}.tech-workbench{background:#211e32;border:1px solid #3a3552;border-radius:15px;overflow:hidden;box-shadow:0 5px 12px #29203708,0 17px 38px #2920370d}.tech-toolbar{color:#a3a0b7;letter-spacing:.2px;border-bottom:1px solid #ffffff0c;align-items:center;gap:16px;height:37px;padding:0 15px;font-size:9px;display:flex}.tech-toolbar>svg{color:#79788e;margin-left:auto}.toolbar-divider{color:#5d576e;padding:0 7px}.window-dots{gap:4px;display:flex}.window-dots i{background:#5d536e;border-radius:50%;width:5px;height:5px}.window-dots i:nth-child(2){background:#74618c}.window-dots i:last-child{background:#9275b2}.tech-flow{background:radial-gradient(at 75% 58%,#7d5ae91e,#0000 60%),radial-gradient(#ffffff12 .6px,#0000 .6px) 0 0/13px 13px;grid-template-columns:1.2fr .43fr .85fr;align-items:center;gap:0;min-height:235px;padding:29px 26px 38px;display:grid;position:relative}.tech-file{background:#363147;border:1px solid #5b526e;border-radius:10px;min-width:0;padding:9px;position:relative;box-shadow:0 10px 25px #0002}.tech-file-top{color:#bfb8d4;align-items:center;gap:5px;margin-bottom:9px;font-size:8px;display:flex}.tech-file-top>svg{color:#9b8eba;flex-shrink:0}.tech-file-top>span:not(.file-type){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-type{color:#9b8eba;border:1px solid #5b526e;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:6px}.scene{border-radius:6px;overflow:hidden}.scene>svg{width:100%;height:auto;display:block}.file-detail{flex-direction:column;gap:4px;min-height:18px;margin-top:10px;display:flex;position:relative}.detail-line{background:#746788;border-radius:3px;width:42%;height:3px}.detail-line.short{opacity:.5;width:25%}.file-pixels{gap:3px;display:flex;position:absolute;top:0;right:0}.file-pixels i{background:#8a72b7;border-radius:1px;width:3px;height:8px}.tech-after{background:#342e47;border-color:#8c72b1;padding:8px;transform:scale(.92)}.tech-after .file-detail{min-height:10px}.tech-after .file-pixels i{background:#7ab4a1}.tech-after .tech-file-top{font-size:7px}.output-check{color:#b8e9d2;background:#3d6357;border:3px solid #211e32;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-8px;right:-7px}.tech-transfer{color:#a99bbd;justify-content:center;align-items:center;display:flex}.tech-before-label,.tech-after-label{color:#958ca6;text-align:center;font-size:9px;line-height:1.5;position:absolute;bottom:15px}.tech-before-label{width:41%;left:26px}.tech-after-label{color:#b9a4d7;width:29%;right:24px}.tech-status{color:#aaa0ba;letter-spacing:.3px;border-top:1px solid #ffffff0c;align-items:center;gap:9px;height:36px;padding:0 17px;font-size:8px;display:flex}.status-dot{background:#86b6a4;border-radius:50%;width:4px;height:4px}.status-arrow{color:#76698a;margin:0 5px}.tech-status-rule{flex:1}.tech-status>svg{color:#87b49f}.compression-art figcaption{margin-top:13px}.compression-art figcaption>span{letter-spacing:1.2px;font-size:8px}.compression-art figcaption p{color:#9a94a2;margin-top:6px;font-family:inherit;font-size:11px;font-style:normal}.privacy-callout{background:#f1f3f8;border-color:#e5e8ef;align-items:center;gap:23px;padding:25px 27px;display:flex}.privacy-emblem{color:#8c8aa2;background:#fafbfe;border:1px solid #e1e5ee;border-radius:18px;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid}.privacy-callout .banner-copy{flex:1;padding:0}.privacy-callout h2{letter-spacing:-.5px;max-width:none;margin:7px 0;font-size:19px}.privacy-callout p{max-width:580px;font-size:11px;line-height:1.8}.privacy-callout .banner-tag{color:#9291a2;letter-spacing:1.2px;font-size:7px}.privacy-callout .privacy-link{flex-shrink:0;max-width:155px;margin:0;font-size:11px;line-height:1.6}@media (max-width:850px){.compression-art{padding-left:0}.tech-flow{min-height:205px;padding-inline:16px}.tech-before-label{left:16px}.tech-after-label{right:15px}.tech-file{padding:6px}.tech-file-top{gap:3px;font-size:7px}.file-type{display:none}.tech-transfer>svg{width:17px}.privacy-callout{gap:18px}.privacy-callout .privacy-link{max-width:120px}}@media (max-width:600px){.privacy-callout{grid-template-columns:38px 1fr;gap:12px;padding:20px;display:grid}.privacy-emblem{border-radius:11px;align-self:start;width:38px;height:42px}.privacy-emblem svg{width:21px;height:21px}.privacy-callout h2{font-size:19px;line-height:1.4}.privacy-callout .privacy-link{grid-column:2;max-width:none;font-size:11px}.privacy-callout p{font-size:11px}}
.locale-switcher{z-index:40;position:relative}.locale-trigger{color:#45535b;background:#fff;border:1px solid #dde4e5;border-radius:10px;align-items:center;gap:10px;min-width:165px;max-width:205px;min-height:42px;padding:9px 13px;font-size:12px;display:flex}.locale-trigger>span:not(.locale-caret){text-align:left;flex:1}.locale-trigger img,.locale-menu img{object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #14212116,0 1px 2px #14212112}.locale-caret{border-bottom:1.5px solid #859095;border-right:1.5px solid #859095;width:6px;height:6px;margin-left:8px;transform:translateY(-2px)rotate(45deg)}.locale-trigger[aria-expanded=true] .locale-caret{transform:translateY(2px)rotate(225deg)}.locale-menu{background:#fff;border:1px solid #dce5e3;border-radius:15px;width:226px;max-height:min(410px,70vh);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 35px #16302a12,0 2px 5px #16302a05}.locale-menu a{color:#243d47;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:9px 11px;font-size:14px;line-height:1.5;display:flex}.locale-menu a:hover,.locale-menu a:focus-visible{outline-offset:-2px;background:#f0f5f3}.locale-menu a[aria-checked=true]{color:#08775f;background:#f3f8f6;font-weight:600}.locale-tick{color:#13866b;margin-left:auto;font-size:12px}.scene>img{aspect-ratio:1.5;object-fit:cover;width:100%;height:auto;display:block}.real-file-detail{color:#a69bb8;flex-direction:row;justify-content:space-between;align-items:center;gap:3px;font-size:7px;display:flex}.real-file-detail strong{color:#d1c9df;font-size:8px;font-weight:500}.tech-after .real-file-detail{flex-direction:column;align-items:flex-start}.tech-after .real-file-detail strong{color:#a3d3bb}.sample-credit{color:#aaa3b5;margin-top:7px;font-size:8px;display:inline-block}.sample-credit:hover{text-decoration:underline}.sample-button{color:#8b75b3;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:14px auto -3px;padding:5px 7px;font-size:11px;display:flex}.sample-button:hover{text-decoration:underline}.result-item{align-items:flex-start}.result-item>img{margin-top:4px}.result-info>strong{margin-bottom:12px}.result-comparison{align-items:center;gap:16px;display:flex}.result-comparison>div{flex-direction:column;gap:4px;display:flex}.result-comparison>div>span{color:#9295a3;font-size:9px}.result-comparison b{color:#555866;font-size:11px;font-weight:500}.result-comparison small{color:#9691a0;margin:0;font-size:10px}.comparison-arrow{color:#aaa0bc}.result-note{color:#8a8f9b;margin:10px 0 0;font-size:10px;line-height:1.7}.result-note.caution{color:#a17b3e}.saving{margin-top:5px}.download{margin-top:0}@media (max-width:600px){.locale-trigger{min-width:147px;max-width:171px;padding:8px 10px;font-size:12px}.locale-menu{width:215px}.result-comparison{gap:12px}.result-note{font-size:10px}.result-item .saving{margin-top:4px}.result-item .download{margin-top:0}}@media (max-width:360px){.locale-trigger{gap:7px;min-width:135px;font-size:11px}.locale-trigger img{width:20px;height:14px}}
.tool-section{padding-top:24px}.tool-tabs{gap:14px;margin-bottom:0}.tool-tab{--key-base:#dce0e9;min-height:94px;box-shadow:inset 0 1px 0 #fff,0 3px 0 var(--key-base),0 6px 12px #27334b06;background:linear-gradient(#fff 0%,#fcfcff 100%);border:1px solid #dfe3ed;border-bottom-color:#cfd5e2;border-radius:12px;padding:20px 19px;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative}.tool-tab.active{--key-base:#d2c4ef;box-shadow:inset 0 1px 0 #fff,0 3px 0 var(--key-base),0 6px 12px #66459c08;background:linear-gradient(#fcfaff,#f5f0ff);border-color:#a48bd9}.tool-tab strong{letter-spacing:-.25px;font-size:16px}.tool-tab small{color:#8b8799;font-size:10px;line-height:1.6}.tool-icon{border:1px solid #00000005;border-radius:11px;width:46px;height:46px;box-shadow:inset 0 1px #fffc,0 2px #0000000b}.tool-tab.active .tool-icon{box-shadow:inset 0 1px #fffc,0 2px #bca7de55}.tab-arrow{opacity:.7}.tool-tab:active{box-shadow:inset 0 1px 0 #fff,0 1px 0 var(--key-base);transform:translateY(2px)}.tool-context{justify-content:space-between;align-items:center;gap:18px;padding:27px 2px 18px;display:flex}.tool-context h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:600;line-height:1.2}.tool-context p{color:#8b8c9a;margin:6px 0 0;font-size:12px;line-height:1.7}.tool-local{color:#91939e;text-align:right;align-items:center;gap:6px;font-size:10px;line-height:1.6;display:inline-flex}.tool-local svg{color:#7ba18c;flex-shrink:0}.editor{box-shadow:0 3px 8px #27334b03,0 15px 30px #27334b04}.dropzone{background:linear-gradient(150deg,#fdfcff,#f9f7fe);border-color:#d3c7e9}.primary{background:linear-gradient(#8862dd 0%,#7850cd 100%);border:1px solid #7050bd;border-color:#a98be3 #7050bd #6440aa;border-radius:9px;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:inset 0 1px #ffffff38,0 4px #553590,0 7px 13px #6743a51a}.primary:hover:not(:disabled){background:linear-gradient(#906be3,#8058d4)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 1px #3b23591a,0 1px #553590,0 2px 5px #6743a512}.primary:disabled{color:#fbf9ff;opacity:.68;background:#c4b3e1;border-color:#d6cce7;box-shadow:inset 0 1px #ffffff50,0 2px #c4b3da}.download{background:linear-gradient(#fff,#f6f1fd);border-color:#ddd1ec #ddd1ec #d0c1e3;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 1px #fff,0 2px #e0d5ed}.download:active{transform:translateY(1px);box-shadow:0 1px #e0d5ed}.locale-trigger{box-shadow:inset 0 1px #fff,0 2px #e6e9ed,0 3px 6px #293b3603}.locale-trigger:active{transform:translateY(1px);box-shadow:0 1px #e6e9ed}.sample-button{margin-top:18px}.functional-story{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;margin-top:12px;padding:35px 6px 11px;display:grid}.story-copy .eyebrow{letter-spacing:1.4px;color:#a193b0;justify-content:flex-start;font-size:8px}.story-copy h2{letter-spacing:-.8px;margin:13px 0;font-size:29px;font-weight:600;line-height:1.25}.story-copy h2 em{color:#8060bd;font-family:Georgia,serif;font-weight:400}.story-copy>p{color:#8b8795;max-width:430px;margin:0;font-size:12px;line-height:1.85}.story-private{color:#9a93a1;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.story-private svg{color:#879d8e}.functional-story .compression-art{padding-top:0;padding-left:0}@media (hover:hover) and (pointer:fine){.tool-tab:hover{box-shadow:inset 0 1px 0 #fff,0 4px 0 var(--key-base),0 8px 14px #27334b07;border-color:#b8a4dc;transform:translateY(-1px)}.tool-tab:active{box-shadow:0 1px 0 var(--key-base);transform:translateY(2px)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 5px #553590,0 8px 15px #6743a51c}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 1px #3b23591a,0 1px #553590}}@media (max-width:850px){.tool-tab{gap:10px;padding:18px 13px}.tool-tab strong{font-size:14px}.tool-icon{width:39px;height:39px}.functional-story{gap:25px}.story-copy h2{font-size:25px}}@media (max-width:600px){.tool-section{padding-top:19px}.tool-tabs{gap:9px}.tool-tab{border-radius:10px;gap:10px;min-height:90px;padding:14px 4px 12px}.tool-tab strong{letter-spacing:-.15px;font-size:11px;font-weight:600}.tool-icon{border-radius:9px;width:33px;height:33px}.tool-context{align-items:flex-start;padding-top:24px;padding-bottom:17px}.tool-context h1{font-size:23px}.tool-context p{margin-top:5px;font-size:11px}.tool-local{display:none}.primary{min-height:45px}.functional-story{margin-top:8px;padding:27px 2px 0;display:block}.story-copy{display:none}.functional-story .hero-art{max-width:400px;margin-inline:auto;display:block}.functional-story .tech-flow{min-height:205px}.functional-story .hero-art figcaption{margin-top:10px}.functional-story .hero-art figcaption p{font-size:10px}}
.tool-breadcrumb{color:#9a90a8;flex-wrap:wrap;align-items:center;gap:8px;margin:23px 2px -10px;font-size:10px;line-height:1.7;display:flex}.tool-breadcrumb a:hover{color:#7651b8}.tool-context>div{max-width:750px}.tool-context p{max-width:690px}.tool-local{flex-shrink:0;max-width:185px}.related-tools{margin:25px 0 4px}.related-tools h2{letter-spacing:0;color:#8c8497;margin:0 0 12px;font-size:12px;font-weight:500}.related-tools>div{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.related-tools a{color:#716182;background:#fdfcff;border:1px solid #e7e0ee;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:14px 13px;font-size:11px;line-height:1.6;transition:border-color .15s,background .15s;display:flex}.related-tools a:hover{background:#f7f1ff;border-color:#bba3dd}.related-tools a>span:last-child{color:#b3a4c7}.tool-guide{border-top:1px solid #ebe6f1;grid-template-columns:1.2fr 1fr;gap:45px;margin-top:34px;padding-top:28px;display:grid}.tool-guide h2{margin:0 0 10px;font-size:17px;line-height:1.5}.tool-guide p{color:#87818f;margin:0;font-size:12px;line-height:1.9}.target-setting{background:#f6f1fc;border:1px solid #e6dced;border-radius:10px;margin:24px 0 15px;padding:18px}.target-setting strong{color:#7550b5;margin:8px 0;font-size:29px;display:block}.target-setting p{color:#8b7f96;margin:0;font-size:11px;line-height:1.8}.target-confirmation{color:#52866d}.preset-input-note{color:#8e78ab;margin:9px 0 -5px;font-size:10px}.settings-side select:disabled{opacity:1;color:#736a80;background:#f7f5fa}.how-section{padding-top:40px}@media (max-width:850px){.related-tools>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guide{gap:25px}.tool-context>div{max-width:75%}}@media (max-width:600px){.tool-context>div{max-width:100%}.tool-breadcrumb{gap:6px;margin-top:21px;margin-bottom:-10px;font-size:9px}.tool-context p{font-size:11px;line-height:1.8}.related-tools{margin-top:22px}.related-tools a{padding:12px 10px;font-size:10px}.related-tools h2{font-size:11px}.tool-guide{grid-template-columns:1fr;gap:23px;margin-top:27px;padding-top:25px}.tool-guide h2{font-size:16px}.target-setting{margin-top:20px}.target-setting strong{font-size:27px}}.heic-thumbnail{color:#7652b7;letter-spacing:.04em;background:#eee9fa;border-radius:8px;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:2px;width:44px;height:44px;font-size:8px;font-weight:700;display:flex}.heic-help{color:var(--muted);margin:15px 0 0;font-size:12px;line-height:1.65}.locale-trigger>span:not(.locale-caret){text-align:start}.locale-menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;max-height:min(460px,100svh - 100px)}.locale-menu a{scroll-margin-block:8px}.locale-menu a>span[lang]{flex:1;min-width:0}.locale-menu .locale-tick{flex:none}.result-comparison b{direction:ltr;unicode-bidi:isolate}.queue-item strong,.result-info>strong{unicode-bidi:plaintext}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .eyebrow,html[dir=rtl] .banner-tag,html[dir=rtl] .ad-slot>span{letter-spacing:normal}html[dir=rtl] .locale-menu{left:0;right:auto}html[dir=rtl] .locale-caret{margin-left:0;margin-right:8px}html[dir=rtl] .locale-tick,html[dir=rtl] .file-count,html[dir=rtl] .tab-arrow{margin-left:0;margin-right:auto}html[dir=rtl] .settings-side{border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .functional-story .story-copy{text-align:right}html[dir=rtl] .tech-workbench{direction:ltr}html[dir=rtl] .primary>svg:last-child,html[dir=rtl] .tab-arrow svg,html[dir=rtl] .comparison-arrow svg,html[dir=rtl] .privacy-link svg{transform:rotate(180deg)}html[dir=rtl] .empty-results{margin-left:0;margin-right:34px}html[dir=rtl] .step-caption{left:15px;right:auto}html[dir=rtl] .input-with-unit{padding-left:12px;padding-right:0}@media (max-width:600px){html[dir=rtl] .settings-side{border-right:0}html[dir=rtl] .saving{margin-left:0;margin-right:50px}html[dir=rtl] .download,html[dir=rtl] .footer nav>span{margin-left:0;margin-right:auto}html[dir=rtl] .step-caption{left:0}html[dir=rtl] .steps p{padding-left:20px;padding-right:0}}html[dir=rtl] .range{background:linear-gradient(to left,var(--purple) var(--range),#e7e0f1 var(--range))}html[dir=rtl] .sample-button svg,html[dir=rtl] .tool-breadcrumb span[aria-hidden=true]{display:inline-block;transform:rotate(180deg)}html:lang(th) h1,html:lang(th) h2,html:lang(th) .eyebrow,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) .eyebrow{letter-spacing:normal;line-height:1.5}.locale-menu-title{z-index:1;color:#85908d;background:#fff;border-bottom:1px solid #edf0ef;justify-content:space-between;gap:12px;margin:-1px 0 6px;padding:10px 11px;font-size:10px;display:flex;position:sticky;top:-8px}.locale-menu-title>span:last-child{font-variant-numeric:tabular-nums;color:#7c6899}
.guide-page{padding-top:6px;padding-bottom:45px}.guide-hero{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;padding:40px 0 36px;display:grid}.guide-hero .eyebrow{justify-content:flex-start;font-size:10px}.guide-hero h1{letter-spacing:-1.3px;margin:14px 0;font-size:clamp(30px,3.2vw,43px);line-height:1.22}.guide-hero p{color:#83798f;max-width:650px;font-size:14px;line-height:1.85}.guide-hero .primary{margin:7px 0 14px}.guide-hero small{color:#8d8397;align-items:center;gap:6px;font-size:11px;display:flex}.guide-photo{background:#fff;border:1px solid #e2d9eb;border-radius:16px;padding:11px;box-shadow:0 4px #e9e3f0}.guide-photo img{border-radius:9px;width:100%;height:auto;display:block}.guide-photo>div{letter-spacing:.04em;color:#8f7d9c;justify-content:center;align-items:center;gap:24px;padding:17px 12px 9px;font-size:17px;display:flex}.guide-photo strong{color:#7951b6;font-size:19px}.guide-photo svg{color:#b2a3c4}.guide-body{color:#746b80;max-width:780px;margin:35px auto 0;font-size:15px;line-height:1.95}.guide-body section{margin-top:37px;scroll-margin-top:30px}.guide-body h2{color:#3b3347;letter-spacing:-.5px;margin:0 0 14px;font-size:24px;line-height:1.45}.guide-body p{margin:0 0 18px}.guide-intro{color:#51475f;font-size:16px}.guide-steps{margin:19px 0;padding:0;list-style:none}.guide-steps li{align-items:flex-start;gap:17px;margin:16px 0;display:flex}.guide-steps li>span{color:#8157bb;background:#f0e9fa;border:1px solid #e4d8f4;border-radius:9px;flex:0 0 29px;place-items:center;height:29px;margin-top:3px;font-size:12px;font-weight:600;display:grid}.guide-steps li p{margin:0}.guide-inline-link{color:#7951b4;text-underline-offset:4px;font-size:13px;font-weight:600;text-decoration:underline}.guide-menu-path{color:#6e5b86;overflow-wrap:anywhere;background:#f1eef7;border:1px solid #e8e1f0;border-radius:9px;padding:15px 18px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.guide-source-link{color:#8c7a9f;text-underline-offset:3px;margin-top:8px;font-size:11px;text-decoration:underline;display:inline-block}.guide-preserve{background:#f6f3fa;border:1px solid #e9e1f1;border-radius:10px;align-items:flex-start;gap:12px;padding:18px;font-size:12px;line-height:1.85;display:flex}.guide-preserve>svg{color:#9a7cb9;flex-shrink:0;margin-top:2px}.guide-preserve p{margin:0}.guide-questions details{border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.guide-questions summary{cursor:pointer;color:#50445e;justify-content:space-between;gap:20px;font-weight:500;list-style:none;display:flex}.guide-questions summary::-webkit-details-marker{display:none}.guide-questions summary span{color:#9d86b9;font-size:18px}.guide-questions details p{margin:13px 0 0}.guide-final{background:#f1ecf8;border:1px solid #e6dcf1;border-radius:12px;padding:26px}.guide-final>div{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.guide-page>.related-tools{max-width:780px;margin:38px auto 0}.guide-callout{background:#fbf9fd;border:1px solid #e5deed;border-radius:10px;margin:25px 0 6px;padding:18px 20px}.guide-callout>span{color:#9e8aae;letter-spacing:1px;margin-bottom:7px;font-size:9px;display:block}.guide-callout>a{color:#75509f;justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.guide-callout>p{color:#92859e;max-width:820px;margin:8px 0 0;font-size:11px;line-height:1.8}.guide-callout>a:hover,.guide-source-link:hover{color:#5a368e}@media (max-width:700px){.guide-hero{grid-template-columns:1fr;gap:24px;padding:32px 0 29px}.guide-hero h1{font-size:31px}.guide-hero p{font-size:13px}.guide-photo{max-width:420px}.guide-photo img{object-fit:cover;max-height:190px}.guide-photo>div{padding-top:12px}.guide-body{margin-top:27px;font-size:14px;line-height:1.95}.guide-body h2{font-size:22px}.guide-intro{font-size:15px}.guide-body section{margin-top:29px}.guide-final{padding:20px}.guide-steps li{gap:12px}.guide-menu-path{padding:13px;font-size:11px}.guide-callout{padding:16px}.guide-callout>a{font-size:13px}}.guide-quick-answer{background:#f1ecf8;border:1px solid #e5dbf0;border-radius:12px;margin:25px 0;padding:22px 24px}.guide-quick-answer h2{margin-bottom:8px;font-size:17px}.guide-quick-answer p{margin:0;font-size:14px}.guide-toc{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:20px 0;font-size:12px;line-height:1.7;display:flex}.guide-toc strong{color:#51415f;font-size:13px}.guide-toc a{color:#7951b4;text-underline-offset:3px;text-decoration:underline}.guide-reading>div{gap:12px;display:grid}.guide-reading>div>a{background:#fbf9fd;border:1px solid #e5deed;border-radius:10px;flex-direction:column;gap:7px;padding:18px 20px;display:flex}.guide-reading strong{color:#75509f;font-size:14px;line-height:1.6}.guide-reading a>span{color:#8a7b96;font-size:12px;line-height:1.8}.guide-reading strong span{white-space:nowrap}.guide-language-note{font-size:11px;margin-top:26px!important}.guide-language-note a{color:#7951b4;text-decoration:underline}.guide-device-choice ul{padding-left:21px}.guide-device-choice li{margin:10px 0;font-size:13px}.guide-device-choice a{color:#7951b4;text-underline-offset:3px;text-decoration:underline}
body{background-color:#faf9fd;background-image:linear-gradient(#8461bc0a 1px,#0000 1px),linear-gradient(90deg,#8461bc0a 1px,#0000 1px),radial-gradient(at 50% 0,#e8dcfa99,#0000 65%);background-repeat:repeat,repeat,no-repeat;background-size:36px 36px,36px 36px,100% 720px}.header{background:#faf9fdba}.tool-context{background-image:linear-gradient(#8c67c309 1px,#0000 1px),linear-gradient(90deg,#8c67c309 1px,#0000 1px),linear-gradient(115deg,#f2eafa,#fcfaff);background-size:28px 28px,28px 28px,100% 100%;border:1px solid #e9e0f3;border-radius:13px;padding:19px 21px;margin-top:21px!important}.editor{background:#fff;box-shadow:0 5px #ebe5f24d,0 18px 44px #46316305}.tool-tab{background-color:#fff}.tool-tab.active{box-shadow:0 4px #d6c8ee,0 9px 18px #7d50b00b}.tool-tab:hover{border-color:#cbb4e7}.tech-workbench{background-color:#21172f;background-image:linear-gradient(#cfb3ff09 1px,#0000 1px),linear-gradient(90deg,#cfb3ff09 1px,#0000 1px),radial-gradient(at 45% 0,#693b9980,#0000 75%);background-size:28px 28px,28px 28px,100% 100%;border-color:#4c3269}.tech-toolbar{background:#21172f70}.guide-hero{position:relative}.guide-photo{box-shadow:0 5px #e2d6ef,0 18px 35px #61487c08}.guide-body{padding:0 2px}.guide-toc,.guide-body>section:not(.guide-final){background:#faf9fdbf}.guide-index{padding-bottom:45px}.guide-index-hero{color:#fff;background-image:linear-gradient(#e4caff12 1px,#0000 1px),linear-gradient(90deg,#e4caff12 1px,#0000 1px),linear-gradient(120deg,#36204f,#5b337e);background-size:30px 30px,30px 30px,100% 100%;border:1px solid #714993;border-radius:16px;margin:23px 0 35px;padding:39px 35px;position:relative;overflow:hidden;box-shadow:0 5px #d8c9e9}.guide-index-hero .eyebrow{color:#cdb4e8;justify-content:flex-start;font-size:9px}.guide-index-hero h1{letter-spacing:-1.5px;max-width:660px;margin:15px 0;font-size:40px;line-height:1.2}.guide-index-hero p{color:#e1d2ed;max-width:650px;margin-bottom:20px;font-size:13px;line-height:1.9}.guide-index-hero .guide-inline-link{color:#ead8fc}.guide-index-art{color:#dec0f3;background:#ccb0ed12;border:1px solid #dcc4fb30;border-radius:23px;place-items:center;width:110px;height:110px;display:grid;position:absolute;top:40px;right:34px;transform:rotate(-9deg);box-shadow:8px 10px #ceb1ee0c}.guide-index-hero h1,.guide-index-hero p{padding-right:100px}.guide-index-group{margin-top:30px}.guide-index-group>h2{letter-spacing:-.5px;color:#4d3c61;margin:0 0 17px;font-size:20px}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-card{background:#fff;border:1px solid #e5dced;border-radius:12px;padding:23px;transition:border-color .15s,box-shadow .15s;box-shadow:0 3px #e9e2f1}.guide-card:hover{border-color:#b69bd1;box-shadow:0 4px #d9c7eb}.guide-card-label{color:#aa91bd;letter-spacing:1.3px;justify-content:space-between;align-items:center;font-size:8px;display:flex}.guide-card h3{letter-spacing:-.25px;color:#584169;margin:15px 0 11px;font-size:16px;line-height:1.6}.guide-card p{color:#897a95;margin:0 0 18px;font-size:11px;line-height:1.9}.guide-card-read{color:#7951b4;font-size:10px;font-weight:600}.nav-guides{color:#776283;font-size:12px}.guide-reading>.guide-inline-link{margin-top:17px;display:inline-block}@media (max-width:900px){.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-index-art{width:90px;height:90px;right:25px}}@media (max-width:600px){body{background-size:28px 28px,28px 28px,100% 540px}.nav-guides{display:none}.tool-context{padding:15px 16px;margin-top:16px!important}.tool-context .tool-local{display:none}.guide-index-hero{padding:28px 23px}.guide-index-hero h1{font-size:31px}.guide-index-hero h1,.guide-index-hero p{padding-right:0}.guide-index-art{display:none}.guide-card-grid{grid-template-columns:1fr}.guide-card{padding:21px}.guide-index-group>h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}}
.quick-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.quick-tools a{color:#635b72;text-align:center;background:#fff;border:1px solid #e4dfee;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-size:11px;line-height:1.5;display:flex;box-shadow:0 2px #e9e4f0}.quick-tools a:hover{color:#7051b1;border-color:#bba6dc}.quick-tools a[aria-current=page]{color:#654599;background:#eee7f8;border-color:#b9a1d9;box-shadow:0 2px #d7c9eb}.tool-context{background-color:#f8f5fd;padding:14px 18px;margin-top:14px!important}.tool-context h1{font-size:23px}.tool-context p{max-width:690px;font-size:11px}.tool-icon{color:#8d73bb!important;background:#f0ebf9!important}.tool-tab{box-shadow:0 3px #e6e2ec}.functional-story,.visual-banner{margin-top:30px}.edit-preview-label{color:#8b7f99;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.edit-preview-label b{color:#69537e;font-size:11px}.edit-preview-window{background:repeating-conic-gradient(#eee9f4 0 25%,white 0 50%) 0/14px 14px;border:1px solid #e1d9ea;border-radius:9px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.edit-preview-window img{object-fit:contain;transform-origin:50%;max-width:none;display:block}.edit-source-info{color:#8c8298;flex-direction:column;gap:7px;margin-top:15px;font-size:10px;display:flex}.edit-source-info strong{color:#63546f;overflow-wrap:anywhere;font-size:11px}.edit-file-actions{gap:16px;margin-top:12px;display:flex}.edit-file-actions button,.edit-reset{color:#7f659e;text-underline-offset:3px;background:0 0;border:0;min-height:36px;padding:5px 0;font-size:11px;text-decoration:underline}.edit-checkboxes{gap:14px;margin:10px 0 24px;display:grid}.edit-checkboxes label{color:#665575;cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.edit-checkboxes input{accent-color:#8061ba;width:19px;height:19px}.edit-footnote{color:#93879d;margin-top:14px;font-size:10px;line-height:1.8}.edit-editor .field-label{margin-top:16px}.edit-editor input[type=range]{accent-color:#8061ba;width:100%;min-height:30px}.edit-results h2{color:#60516c;margin:0;font-size:13px}.edit-results>p{color:#8e8299;font-size:11px}.edit-result{align-items:center;gap:17px;margin-top:16px;display:flex}.edit-result>img{object-fit:contain;background:repeating-conic-gradient(#eee9f4 0 25%,white 0 50%) 0/12px 12px;border-radius:6px;flex:0 0 80px}.edit-result>div{flex:1;min-width:0}.edit-result strong{overflow-wrap:anywhere;color:#675772;font-size:12px;display:block}.edit-result p{color:#8c7d98;font-size:11px;line-height:1.7}.edit-help{border-top:1px solid #e8e0ef;margin:28px 0 35px;padding-top:20px}.edit-help h2{color:#665272;font-size:17px}.edit-help p{color:#8d7d99;font-size:12px;line-height:1.9}@media (max-width:600px){.quick-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.quick-tools a{overflow-wrap:anywhere;min-height:36px;padding:6px 5px;font-size:10px}.quick-tools svg{display:none}.tool-context{padding:11px 13px;margin-top:12px!important}.tool-context h1{font-size:19px}.tool-context p{display:none}.edit-result{flex-wrap:wrap;gap:12px}.edit-result>img{flex-basis:60px;width:60px;height:60px}.edit-result>.download{margin-left:auto}.edit-editor .upload-side,.edit-editor .settings-side{padding:19px}.edit-preview-window{max-height:none}.edit-help{margin-bottom:25px}}@media (prefers-reduced-motion:reduce){.quick-tools a{transition:none}}@media (min-width:601px) and (max-width:900px){.quick-tools{grid-template-columns:repeat(4,minmax(0,1fr))}}
:root{--ink:#24212c;--muted:#5e586b;--purple:#6840b5;--line:#e3deeb}.tool-tab strong{color:#302a3c;font-size:17px;font-weight:700}.tool-tab small{color:#62596f;font-size:12px}.quick-tools a{color:#453b55;border-color:#d5cddd;min-height:42px;font-size:12px;font-weight:600}.tool-context{background:#f6f2fb;padding:13px 17px}.tool-context h1{color:#292131;font-size:25px;font-weight:700;line-height:1.3}.tool-context p{color:#5e546b;font-size:13px;line-height:1.7}.tool-local,.settings-bottom,.private-note{display:none}.section-label{color:#42374f;font-size:13px;font-weight:600}.field-label{font-weight:600;color:#3c314b!important;font-size:14px!important}.dropzone h2{color:#292131;font-size:24px}.dropzone>p{color:#61566f;font-size:13px}.dropzone>small{color:#60536e;font-size:12px}.primary{color:#fff;background:#7044bd;border:1px solid #6336aa;min-height:48px;padding:13px 19px;font-size:15px;font-weight:700;box-shadow:0 3px #4f2a8e}.primary:hover:not(:disabled){background:#6336ad}.primary:disabled{color:#64576f;opacity:1;box-shadow:none;background:#e5dfee;border-color:#d1c7dd}.field-hint,.format-note p,.heic-help{line-height:1.7;color:#61546e!important;font-size:12px!important}.range-labels{color:#63566f;font-size:12px}.settings-side select,.input-with-unit input,.edit-editor select{color:#33283f;border-color:#cec3dc;min-height:46px;font-size:15px}.sample-button,.text-button{color:#66468c;font-size:12px}.queue-item strong,.result-info>strong,.edit-result strong{color:#3a2b49;font-size:14px}.queue-item small{color:#62576d;font-size:12px}.results{border-color:#d8cbe8;scroll-margin-top:18px}.results-heading h2,.edit-results h2{color:#352542;font-size:17px;font-weight:700}.empty-results{color:#685b74;font-size:13px}.result-comparison>div>span{color:#65566f;font-size:12px}.result-comparison b{color:#382740;font-size:14px;font-weight:600}.result-comparison small{color:#63556f;font-size:12px}.result-note,.edit-result p{color:#65546f;font-size:12px}.saving{font-size:12px}.download{color:#fff;white-space:nowrap;background:#7044bd;border:1px solid #6033a7;justify-content:center;min-height:44px;padding:11px 16px;font-size:14px;font-weight:700;box-shadow:0 2px #4f2a8e}.download:hover{background:#6033a7}.notice{color:#993131;font-size:14px;line-height:1.7}.edit-file-actions button,.edit-reset{color:#65408a;min-height:44px;font-size:13px}.edit-preview-label,.edit-preview-label b,.edit-source-info,.edit-source-info strong{color:#53405f;font-size:13px}.edit-footnote{color:#67546f;font-size:12px;line-height:1.8}.edit-checkboxes label{color:#483452;font-size:14px}.edit-checkboxes input{min-width:22px;height:22px}.task-actions{z-index:40;background:#fff;border:1px solid #cfc0e1;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:calc(100% - 40px);max-width:1064px;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 5px 26px #36214720}.task-actions>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.task-actions strong{color:#33233f;font-size:15px;font-weight:700}.task-actions>div>span{color:#68536f;font-size:12px}.task-action-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.task-add{color:#604080;background:#fff;border:1px solid #d4c6e2;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.task-add:disabled{display:none}.task-primary{justify-content:center;align-items:center;gap:9px;min-width:190px;display:flex}.task-primary:active{transform:none!important}.guide-callout{background:#fff;border-color:#ded3e9;padding:19px}.guide-callout>a{color:#604184;font-size:15px}.guide-callout>p{color:#6b5b77;font-size:13px}.related-tools{margin-top:24px}.related-tools h2{color:#675774;font-size:14px}.related-tools a{color:#675774;font-size:12px}.tool-guide p,.faq-section p{color:#5e5068;font-size:14px;line-height:1.9}.tool-guide h2,.faq-section h2{color:#44304f}.faq-section summary{color:#44344e;font-size:14px}.functional-story{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.tool-tab:focus-visible,.quick-tools a:focus-visible,.primary:focus-visible,.download:focus-visible{outline-offset:4px;outline:3px solid #3f2471}.ad-slot:empty{display:none}@media (max-width:850px){.task-actions{width:calc(100% - 24px)}.task-primary{min-width:160px}.task-add span{display:none}.task-add{width:46px;padding:8px}.tool-tab strong{font-size:15px}}@media (max-width:600px){.quick-tools a{min-height:40px;font-size:11px}.tool-tab strong{font-size:12px;line-height:1.4}.tool-tab small{display:none}.tool-context h1{font-size:22px}.tool-context p{display:none}.dropzone h2{font-size:23px}.dropzone .primary{min-width:210px;font-size:16px}.tool-context{margin-top:11px!important}.task-actions{bottom:max(10px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;padding:10px 12px}.task-actions>div:first-child{flex:1;max-width:42%}.task-actions strong{font-size:13px;line-height:1.45}.task-actions>div>span{font-size:11px;line-height:1.5}.task-action-buttons{gap:7px;max-width:58%}.task-primary{text-align:center;min-width:0;min-height:48px;padding:11px 13px;font-size:14px;line-height:1.4}.task-add{width:39px;min-height:46px}.task-primary>svg{display:none}.result-item{flex-wrap:wrap}.result-item .download,.edit-result .download{flex:1 0 100%;margin-left:0;font-size:15px}.result-comparison{gap:10px}.result-info{min-width:190px}.results{padding:18px 16px}.result-info>strong{font-size:13px}.saving{margin-left:auto}.edit-result>div{min-width:170px}.has-task-actions{padding-bottom:130px}.tool-guide{padding-top:30px}.format-note p,.heic-help{font-size:12px!important}}@media (prefers-reduced-motion:reduce){.task-actions,.task-primary{transition:none}}body:has(main.has-task-actions){padding-bottom:115px}.has-task-actions{padding-bottom:0}.guide-body{color:#4f405a;font-size:16px;line-height:1.9}.guide-hero p{color:#66546f;font-size:15px}.guide-body h2{color:#32213f}.guide-quick-answer p{color:#4f3c5d;font-size:15px}.guide-toc{font-size:14px}.guide-card h3{color:#3e294c;font-size:18px}.guide-card p{color:#62516e;font-size:14px;line-height:1.8}.guide-card-read{color:#65418c;font-size:13px}.guide-card-label{color:#79638c;font-size:10px}.guide-index-hero p{color:#eee5f6;font-size:15px}.guide-index-hero .primary{color:#523271;background:#fff;border-color:#fff;display:inline-flex;box-shadow:0 3px #251433}.guide-language-note{color:#75637f;font-size:12px!important}.blog-intents,.landing-help{margin-top:32px;margin-bottom:35px}.blog-intents h2,.landing-help h2{color:#3c294b;font-size:23px}.blog-intents>div{flex-wrap:wrap;gap:12px;display:flex}.blog-intents a{color:#604080;background:#fff;border:1px solid #d7c7e5;border-radius:8px;padding:14px 18px;font-size:14px}.landing-help p{color:#5e4b6c;font-size:15px;line-height:1.9}.landing-help details{border-bottom:1px solid #dfd5e9;padding:15px 0}.landing-help summary{color:#473251;cursor:pointer;font-size:15px}.task-actions{scroll-margin-top:20px}@media (max-width:600px){.guide-body{font-size:15px}.guide-hero p{font-size:14px}.guide-card h3{font-size:18px}.guide-index-hero p{font-size:14px}.guide-toc{font-size:13px}.landing-help p{font-size:14px}.blog-intents>div{grid-template-columns:1fr 1fr;display:grid}.blog-intents a{padding:12px;font-size:13px}.task-actions{bottom:max(10px,env(safe-area-inset-bottom))}}.intent-links{margin:22px 0 10px}.intent-links>strong{color:#675575;margin-bottom:10px;font-size:13px;display:block}.intent-links>div{flex-wrap:wrap;gap:9px;display:flex}.intent-links a{color:#60417d;background:#fff;border:1px solid #d8cce3;border-radius:7px;align-items:center;min-height:44px;padding:11px 14px;font-size:13px;display:flex}.nav-tools{font-weight:700;font-size:14px!important}.nav-guides{color:#695876;font-size:13px}html{scroll-padding-bottom:130px}.settings-side input,.settings-side select,.edit-editor button{scroll-margin-bottom:130px}@media (max-width:600px){.task-add{width:44px;min-width:44px}}.workspace-heading{z-index:5;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;display:flex;position:relative}.workspace-heading .tool-context{background:0 0;border:0;flex:1;min-width:0;padding:0;margin:0!important}.workspace-heading .tool-context h1{letter-spacing:-.6px;color:#292131;margin:0;font-size:27px;line-height:1.3}.workspace-heading .tool-context p{color:#62596b;max-width:720px;margin:7px 0 0;font-size:14px;line-height:1.6}.tool-switcher{background:0 0;border:0;flex:none;margin:0;padding:0}.tool-switcher>summary{color:#59476b;cursor:pointer;background:#fff;border:1px solid #d8cfe3;border-radius:8px;align-items:center;gap:8px;max-width:210px;min-height:44px;padding:10px 13px;font-size:14px;font-weight:600;list-style:none;display:flex;box-shadow:0 2px #e6dfed}.tool-switcher>summary::-webkit-details-marker{display:none}.switcher-chevron{margin-left:6px}.tool-switcher[open]>summary{background:#f6f2fb;border-color:#9e82c5}.tool-menu{background:#fff;border:1px solid #d6cbe1;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(620px,100%);max-height:65vh;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 12px 36px #30223e24}.tool-menu a{color:#4b3d59;overflow-wrap:anywhere;border-radius:7px;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.tool-menu a:hover,.tool-menu a[aria-current=page]{color:#6339a5;background:#f0e9f8}.tool-menu svg{flex-shrink:0}.tool-switcher summary:focus-visible,.tool-menu a:focus-visible{outline-offset:3px;outline:3px solid #6840b5}.tool-section{padding-top:20px}.editor .upload-side,.editor .settings-side{padding:24px}.editor .section-label{margin-bottom:16px}.editor .dropzone{padding:25px 16px 18px}.editor .upload-art{transform-origin:top;width:66px;height:52px;margin-bottom:12px;transform:scale(.75)}.editor .dropzone h2{font-size:23px}.editor .dropzone>p{margin-bottom:16px}.editor .dropzone .sample-button{min-height:36px;margin-top:12px}.editor .dropzone>small{margin-top:12px}.editor .process{margin-top:20px}.editor.has-files .dropzone{background:#faf8fd;border-style:solid;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.editor.has-files .dropzone .upload-art,.editor.has-files .dropzone h2,.editor.has-files .dropzone>p,.editor.has-files .dropzone>small,.editor.has-files .dropzone .sample-button{display:none}.editor.has-files .dropzone .primary{color:#633aa1;background:#fff;border-color:#cdbbdf;min-width:0;min-height:44px;padding:9px 13px;font-size:14px;box-shadow:0 2px #e8dff1}.editor.has-files .queue{margin-top:10px}.editor.has-files .queue-item{padding:12px 0}.editor.has-files .queue-item strong{overflow-wrap:anywhere}.results-empty{display:none}@media (max-width:600px){.header{height:64px}.wrap{padding-inline:16px}.tool-section{padding-top:14px}.workspace-heading{align-items:center;gap:12px;margin-bottom:14px}.workspace-heading .tool-context h1{letter-spacing:-.35px;font-size:22px;line-height:1.35}.workspace-heading .tool-context p{display:none}.tool-switcher>summary{gap:5px;max-width:138px;min-height:44px;padding:9px 10px;font-size:12px}.tool-switcher>summary>svg{display:none}.tool-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;padding:8px}.tool-menu a{min-height:48px;padding:10px 9px;font-size:13px}.tool-menu svg{width:16px;height:16px}.editor .upload-side,.editor .settings-side{padding:16px}.editor .section-label{margin-bottom:12px;font-size:12px}.editor .dropzone{padding:18px 12px 12px}.editor .upload-art{display:none}.editor .dropzone h2{margin-bottom:7px;font-size:20px}.editor .dropzone>p{margin-bottom:14px;font-size:13px}.editor .dropzone>.primary{width:100%;min-height:52px;font-size:16px}.editor .dropzone>small{margin-top:10px;font-size:11px;line-height:1.6}.editor .dropzone .sample-button{min-height:36px;margin-top:4px;font-size:12px}.editor .quality-label{margin-top:17px}.editor .range{margin:17px 0 12px}.editor .range-labels{font-size:11px}.editor .field-hint{margin:8px 0;font-size:12px}.editor .format-note{margin:12px 0 0;padding:9px 10px}.editor .format-note p{line-height:1.6;font-size:11px!important}.editor .process{min-height:52px;margin-top:17px;font-size:16px}.editor.has-files .dropzone{background:0 0;border:0;justify-content:flex-start;padding:0}.editor.has-files .dropzone .primary{width:auto;min-height:44px;font-size:13px}.editor.has-files .dropzone .primary>svg:last-child{display:none}.editor.has-files .queue{margin-top:4px}.editor.has-files .queue-item{padding:10px 0}.editor.has-files .queue-item strong{font-size:13px}.editor.has-files .text-button{min-height:36px}.editor .edit-preview-window{width:min(100%,var(--preview-width))!important}.editor .edit-preview-label{margin-bottom:10px}.editor .edit-source-info{margin-top:10px}.editor .edit-file-actions{margin-top:4px}.editor .edit-footnote{font-size:11px;line-height:1.6}.tool-guide{padding-top:25px}.intent-links{margin-top:18px}}.editor.has-files .queue:has(.queue-item:only-of-type)>.text-button{display:none}.tool-switcher>summary{color:#49345f;border-color:#baa8d0;gap:8px;max-width:260px;font-size:14px}.switcher-chevron{color:#633aa1;flex-shrink:0;align-items:center;margin-left:4px;display:flex}.tool-switcher[open] .switcher-chevron{transform:rotate(180deg)}@media (max-width:600px){.tool-switcher>summary{max-width:165px;min-height:44px;padding:10px;font-size:14px;line-height:1.4}.tool-switcher>summary>span:not(.switcher-chevron){min-width:0}.tool-switcher>summary .switcher-chevron svg{display:block}}.core-tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:650px;margin:0 0 16px;display:grid}.core-tool-tabs>a{color:#584969;text-align:center;background:#fff;border:1px solid #d6cce0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 15px;font-size:15px;font-weight:600;line-height:1.4;display:flex;box-shadow:0 2px #e5ddeb}.core-tool-tabs>a.active{color:#5b3297;background:#eee7f8;border-color:#a586ca;box-shadow:0 2px #cfbce6}.core-tool-tabs>a:hover{border-color:#9e7ac9}.core-tool-tabs>a[aria-disabled=true]{opacity:.55;cursor:default}.core-tool-tabs>a:focus-visible{outline-offset:3px;outline:3px solid #6840b5}.core-tool-tabs svg{flex-shrink:0}.core-tool-hint{color:#675476;margin:-6px 0 16px;font-size:13px;line-height:1.7}.conversion-source{color:#5e4678;background:#f0eafa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.conversion-source>strong{color:#543181}.quality-hint:not(.encoding-warning){display:none}@media (max-width:600px){.core-tool-tabs{gap:6px;max-width:none;margin-bottom:12px}.core-tool-tabs>a{gap:5px;min-height:46px;padding:9px 6px;font-size:13px}.core-tool-tabs svg{display:none}.workspace-heading{margin-bottom:12px}.editor .settings-side>.section-label{display:none}.conversion-source{margin-bottom:12px;padding:9px 10px;font-size:12px}.core-tool-hint{margin-bottom:12px;font-size:12px}}.workspace-tool-row{z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;max-width:900px;position:relative}.workspace-tool-row>.tool-switcher{min-width:0}.workspace-tool-row>.tool-switcher>summary{justify-content:center;width:100%;max-width:none;height:100%;min-height:46px;font-size:15px;line-height:1.4}.workspace-tool-row .tool-menu{width:min(620px,100%)}.workspace-heading .tool-context h1{flex-shrink:0}@media (max-width:600px){.workspace-tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:none}.workspace-tool-row>a,.workspace-tool-row>.tool-switcher>summary{min-height:46px;padding:9px 8px;font-size:13px}.workspace-tool-row>.tool-switcher>summary>svg{display:none}.workspace-tool-row .tool-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workspace-tool-row .tool-menu a{min-height:48px}}.tool-seo-content{color:#584b63;padding-top:30px;padding-bottom:32px;font-size:15px;line-height:1.85}.tool-seo-content h2{color:#392746;letter-spacing:-.3px;margin:0 0 12px;font-size:23px;line-height:1.4}.tool-seo-content>section,.seo-overview{max-width:900px;margin-top:26px}.tool-seo-content p{margin:0 0 12px}.seo-instructions ol{margin:0;padding-left:25px}.seo-instructions li{padding:4px 0 8px}.seo-breadcrumb{color:#786883;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:23px;font-size:12px;line-height:1.5;display:flex}.tool-seo-content a{color:#654095;text-underline-offset:3px;text-decoration:underline}.tool-seo-content a:hover{color:#41206c}.seo-guide-link{font-weight:600;margin-top:22px!important}.seo-questions details{border-bottom:1px solid #e0d6e9;padding:14px 0}.seo-questions summary{color:#473252;cursor:pointer;font-size:15px;font-weight:600}.seo-questions details p{margin:10px 0 0}.seo-related{margin-top:28px}.seo-related ul,.seo-tool-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:15px 0;padding:0;list-style:none;display:grid}.seo-related li,.seo-tool-directory li{border-top:1px solid #dfd5e9;padding-top:13px}.seo-related li>a,.seo-tool-directory li>a{font-size:15px;font-weight:600}.seo-related li>p,.seo-tool-directory li>p{color:#6c5a79;margin-top:8px;font-size:13px;line-height:1.8}.seo-tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-seo-content .seo-breadcrumb+div{margin-top:0}@media (max-width:600px){.tool-seo-content{padding-top:24px;font-size:14px}.tool-seo-content h2{font-size:21px}.seo-related ul,.seo-tool-directory{grid-template-columns:1fr;gap:14px}.seo-related li>p,.seo-tool-directory li>p{font-size:13px}.seo-questions summary{font-size:14px}}