:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#16243f;background:#f7faff;font-size:15px;line-height:1.55;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5ea2ff;outline-offset:3px}.hidden{display:none!important}.skip-link{position:absolute;top:-80px;left:16px;z-index:99;background:#1567d3;color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:10px}.site-header{background:#ffffffeb;border-bottom:1px solid #e5edf8}.nav-wrap{max-width:1200px;margin:auto;padding:0 28px;min-height:69px;display:flex;align-items:center;gap:40px}.brand{text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.7px;display:inline-flex;align-items:center;white-space:nowrap;gap:8px}.brandmark{background:linear-gradient(140deg,#8bcfff,#2879f3);border-radius:12px;width:36px;height:36px;display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 5px 12px #1976e336}.brand-ok{color:#2e88f1}.nav-links{display:flex;gap:24px}.nav-links a{color:#536684;text-decoration:none;font-weight:650;font-size:13px}.top-pill{margin-left:auto;border:1px solid #dceaff;background:#f0f7ff;padding:6px 12px;border-radius:30px;color:#357cb4;font-weight:750;font-size:11px}.page-shell{max-width:1200px;margin:auto;padding:0 28px 90px}.breadcrumbs{display:flex;gap:10px;font-size:12px;color:#7a8aa4;margin:24px 0 0;align-items:center}.breadcrumbs a{text-decoration:none}.hero{padding:53px 10px 49px;text-align:center}.eyebrow,.overline{font-size:11px;color:#3c87e9;font-weight:850;letter-spacing:1.5px}.hero h1{font-size:clamp(35px,5.4vw,61px);line-height:1.12;letter-spacing:-2.5px;max-width:980px;margin:14px auto 15px}.gradient{background:linear-gradient(90deg,#1874e8,#73c3ff);background-clip:text;color:transparent}.hero p{color:#687b96;margin:0 auto;max-width:690px;font-size:16px}.hero-points{margin-top:25px;display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:12px;color:#317fc9;font-weight:730}.surface,.workspace{background:#fff;border:1px solid #e1eaf7;border-radius:22px;box-shadow:0 14px 40px #2345800b}.workspace{overflow:hidden}.workspace-head{padding:25px 30px;background:linear-gradient(100deg,#f2f8ff,#fff);border-bottom:1px solid #e6edf8;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-head h2{margin:3px 0 4px;font-size:23px;letter-spacing:-.65px}.workspace-head p{font-size:12px;color:#74849d;margin:0}.workspace-icon{width:54px;height:54px;border-radius:16px;background:#eaf4ff;color:#3f89ef;font-size:34px;text-align:center;line-height:54px;border:1px solid #d5e8ff}.workspace-body{padding:24px 30px 31px}.dropzone{text-align:center;border:2px dashed #bbd8f6;border-radius:17px;padding:30px 18px 22px;background:#f9fcff;position:relative;transition:background .18s,border-color .18s}.dropzone.dragging{background:#e9f5ff;border-color:#387fed}.dropzone #file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-icon{width:48px;height:48px;background:#e9f4ff;color:#3d88ea;border-radius:14px;display:grid;place-items:center;font-size:28px;margin:auto}.dropzone h3{font-size:17px;letter-spacing:-.25px;margin:14px 0 3px}.dropzone p{font-size:12px;color:#74849b;margin:0}.drop-actions{margin-top:17px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.dropzone .help{font-size:11px;margin-top:13px}.button{min-height:38px;border:1px solid #dce6f4;background:#fff;border-radius:10px;padding:9px 13px;color:#3b679f;font-size:12px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.button:hover:not(:disabled){background:#eff6ff}.button.primary{color:#fff;background:#3481ef;border-color:#3481ef;box-shadow:0 5px 15px #277de329;min-height:42px;font-size:12.5px}.button.primary:hover:not(:disabled){background:#206bd5}.button.secondary{background:#f4f8fe}.button.subtle{background:#fff}.button.ghost{color:#7888a0;background:0 0}.button.danger{color:#b62841;border-color:#f0cfd5;background:#fff6f7}.button.mini{min-height:30px;padding:5px 8px;font-size:11px}.file-panel{margin-top:20px;padding:18px;border:1px solid #e2eafa;border-radius:16px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.panel-heading h3{font-size:15px;margin:0 0 4px}.panel-heading p{font-size:11px;color:#74849d;margin:0}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-block;font-size:10px;border-radius:30px;padding:3px 9px;background:#e9f3ff;color:#387ec9;font-weight:780;vertical-align:middle}.pill.muted{color:#6b7d95;background:#f2f5fa}.pill.success{color:#258766;background:#e7f8f0}.file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-row{border:1px solid #e2eaf6;border-radius:12px;padding:10px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;position:relative}.file-thumb{width:64px;height:64px;object-fit:cover;background:#eff5fc;border-radius:9px}.file-body{min-width:0}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:760;font-size:12px}.file-meta{display:block;color:#8190a8;font-size:10px}.file-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:7px}.file-tools{display:flex;gap:4px;align-items:center}.file-tools button{border:1px solid #dce8f8;color:#4779b9;background:#f8fbff;border-radius:6px;min-width:27px;height:27px;padding:0 5px}.file-tools button:hover{background:#e9f3ff}.file-tools button:disabled{opacity:.35}.brightness{height:5px;background:#e6eff9;border-radius:5px;width:75px;overflow:hidden}.brightness span{height:100%;display:block;background:linear-gradient(90deg,#2875e8,#9edbfa)}.inline-warning{margin:12px 0 0;font-size:12px;background:#fff6e5;color:#8f601c;border-radius:9px;padding:9px 13px}.workflow-grid{margin-top:22px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:17px;align-items:start}.surface{padding:21px;border-radius:17px;min-width:0}.section-title{margin-bottom:20px}.preview-top h3,.section-title h3{font-size:19px;letter-spacing:-.4px;margin:3px 0}.preview-top p,.section-title p{font-size:12px;color:#73829c;margin:0}.field{display:flex;flex-direction:column;margin:17px 0 0;gap:7px}.field label{font-weight:760;font-size:12px}.field select,.format-group select{width:100%;padding:10px 12px;border:1px solid #d9e6f4;border-radius:9px;background:#fff;color:#304866;font-size:12px;min-width:0}.field-note{font-size:11px;color:#8491a7}.field label output{float:right;font-variant-numeric:tabular-nums;color:#2e77d3}.field input[type=range],.tone input[type=range]{width:100%;accent-color:#3481ef;cursor:pointer}.check-line{display:flex;align-items:flex-start;gap:10px;margin-top:17px;color:#334c6b;cursor:pointer}.check-line input{accent-color:#347cec;width:16px;height:16px;margin:2px 0 0;flex:none}.check-line strong{font-size:12px;display:block}.check-line small{display:block;color:#7c8da5;font-size:11px;line-height:1.6;margin-top:3px}.check-line.compact{margin:0}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.settings-actions .primary{flex:1}.progress{margin-top:18px;border:1px solid #d6e8f9;padding:12px;border-radius:10px;background:#f7fbff}.progress-top{display:flex;justify-content:space-between;color:#336cac;font-size:12px}.progress-track{height:7px;border-radius:30px;background:#e3eefa;margin:9px 0;overflow:hidden}.progress-track span{height:100%;width:0%;display:block;background:#3886ec;transition:width .2s}.progress small{font-size:10px;color:#7288a5}.message{margin-top:14px;padding:10px 12px;background:#fff4f5;border:1px solid #fad1d6;border-radius:9px;font-size:12px;color:#ad3349}.preview-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:15px}.preview-stage{background:repeating-conic-gradient(#f0f5fb 0 25%,#e9f0f9 0 50%) 50%/24px 24px;border:1px solid #e0e9f4;border-radius:13px;min-height:307px;display:grid;place-items:center;overflow:hidden;position:relative}.preview-placeholder{text-align:center;display:grid;justify-items:center;gap:7px;padding:24px;background:#ffffffbf;border-radius:14px}.preview-placeholder span{font-size:43px;color:#86baf0}.preview-placeholder strong{font-size:14px}.preview-placeholder p{font-size:11px;color:#7b8da6;margin:0}.compare-wrap{position:relative;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center}.compare-wrap canvas{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.compare-wrap #before-canvas{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px #142d4860;pointer-events:none}.compare-caption{position:absolute;bottom:11px;color:#fff;background:#15243da9;padding:5px 9px;font-size:10px;border-radius:7px;font-weight:800;pointer-events:none}.before-caption{left:11px}.after-caption{right:11px}.compare-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 0 0}.compare-controls label[for=compare-range]{font-size:11px;color:#697f9b;font-weight:650}.compare-controls input[type=range]{flex:1;min-width:80px;accent-color:#347fed}.compare-controls #dimensions{font-size:11px;color:#7f8da4;white-space:nowrap}.preview-help{margin:13px 0 0;font-size:11px;color:#8a98ac}.alignment-panel,.edit-export{margin-top:18px}.sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}.tone label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:740;color:#344a67;gap:9px}.tone output{font-variant-numeric:tabular-nums;color:#2d7fdd}.tone input{margin-top:11px}.export-row{border-top:1px solid #e7eff9;padding-top:18px;margin-top:21px;display:flex;flex-wrap:wrap;align-items:end;gap:10px}.format-group{font-size:11px;color:#617791;font-weight:760;min-width:140px}.format-group select{display:block;margin-top:5px}.export-row #download-button{margin-left:auto}.export-hint{color:#73849e;font-size:11px;margin:13px 0 0}.alignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.align-row{border:1px solid #e4ecf7;padding:12px;border-radius:11px}.align-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.align-head strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-head span{font-size:10px;color:#5481b7;white-space:nowrap}.align-fields{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.align-fields label{font-size:11px;color:#586d89}.align-fields input[type=number]{width:65px;margin-left:5px;padding:6px;border:1px solid #d6e4f3;border-radius:7px}.align-row p{font-size:11px;color:#9a6b24;margin:8px 0 0}.center{text-align:center}.learn{margin-top:60px}.faq h2,.learn h2{font-size:29px;letter-spacing:-1px;margin:10px 0 10px}.center p{color:#687e9a;font-size:13px;margin:auto;max-width:680px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}.learning-grid article{padding:23px;background:#fff;border:1px solid #e5eef9;border-radius:17px}.learning-grid article h3{font-size:16px;margin:16px 0 6px}.learning-grid article p{color:#71809a;font-size:12px;line-height:1.8;margin:0}.feature-icon{width:40px;height:40px;background:#eaf4ff;color:#2d81e8;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:750}.faq{max-width:880px;margin:58px auto 10px}.faq h2{text-align:center;margin-bottom:23px}.faq details{padding:14px 2px;border-bottom:1px solid #e0eaf7}.faq summary{font-size:13px;font-weight:760;color:#263b59;cursor:pointer}.faq details p{font-size:12px;color:#69819b;line-height:1.85}.site-footer{background:#fff;border-top:1px solid #e1eaf7}.footer-inner{max-width:1200px;margin:auto;padding:22px 28px;display:flex;align-items:center;gap:24px;font-size:12px;color:#8091a7}.footer-inner .brand{font-size:16px}.footer-inner .brandmark{height:29px;width:29px;font-size:16px;border-radius:9px}.footer-inner a:last-child{margin-left:auto;text-decoration:none}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;color:#fff;background:#162c4d;box-shadow:0 8px 30px #0d2b5250;border-radius:10px;padding:11px 17px;font-size:12px;max-width:calc(100% - 30px);text-align:center}@media(max-width:970px){.workflow-grid{grid-template-columns:315px minmax(0,1fr)}.file-list{grid-template-columns:1fr}.sliders{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:790px){.workflow-grid{grid-template-columns:1fr}.preview-stage{min-height:250px}.file-list{grid-template-columns:repeat(2,minmax(0,1fr))}.align-list{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.nav-wrap{gap:22px}}@media(max-width:650px){.nav-wrap{padding:0 16px;min-height:61px;gap:13px}.nav-links{margin-left:auto}.nav-links a:first-child{display:none}.top-pill{display:none}.page-shell{padding:0 15px 70px}.hero{padding:42px 4px 37px}.hero h1{letter-spacing:-1.35px}.hero p{font-size:14px}.hero-points{gap:12px;font-size:11px}.workspace-head{padding:20px 17px}.workspace-icon{display:none}.workspace-body{padding:15px}.dropzone{padding:25px 13px 20px}.alignment-list,.file-list{grid-template-columns:1fr}.panel-heading{align-items:start;flex-direction:column}.surface{padding:17px}.sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.export-row #download-button{margin:0;flex:1 1 100%}.compare-controls{gap:10px}.faq h2,.learn h2{font-size:24px}}@media(max-width:360px){.hero-points{font-size:10px}.sliders{grid-template-columns:1fr}.file-row{grid-template-columns:54px minmax(0,1fr)}.file-thumb{height:54px;width:54px}.align-fields input[type=number]{width:57px}.export-row .format-group{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){.export-hint,.field-note,.panel-heading p,.preview-help{color:#31455f}.file-row,.surface,.workspace{border-color:#879bb7}}.preset-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 18px}.preset-row label{font-size:12px;font-weight:760;color:#344a67}.preset-row select{max-width:240px;min-width:0;padding:9px 12px;border:1px solid #d9e6f4;border-radius:9px;background:#fff;color:#304866;font-size:12px}.preset-row .field-note{flex-basis:100%;margin:0}.settings #resolution-note{display:block;margin-top:15px;line-height:1.6}@media(max-width:420px){.preset-row select{width:100%;max-width:100%}}