:root{color:#17211b;font-synthesis:none;background:#f6f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 50% 0,#fff 0,#f6f8f4 42rem);min-height:100vh;margin:0}button,input,select{font:inherit}.public-shell{width:min(1180px,100% - 32px);margin:auto;padding:58px 0 96px}.hero{text-align:center;max-width:760px;margin:0 auto 42px}.brand{color:#167a4a;letter-spacing:-.065em;font-size:clamp(2.8rem,8vw,5.6rem);font-weight:850;line-height:.95;text-decoration:none;display:inline-block}.hero h1{letter-spacing:-.025em;margin:20px 0 8px;font-size:clamp(1.3rem,3vw,2rem)}.hero p,.section-heading p{color:#617066;font-size:1.06rem;line-height:1.6}.drop-zone{text-align:center;cursor:pointer;background:#fffc;border:2px dashed #78a88b;border-radius:28px;place-content:center;min-height:310px;max-height:420px;padding:40px;transition:opacity .3s,transform .3s,min-height .38s,max-height .38s,padding .38s,border-width .38s,margin .38s;display:grid;overflow:hidden;box-shadow:0 18px 60px #1d3e2b12}.drop-zone:hover{background:#fff;border-color:#167a4a;transform:translateY(-2px)}.upload-mark{color:#167a4a;background:#e1f3e8;border-radius:20px;place-items:center;width:62px;height:62px;margin:auto;font-size:2.2rem;font-weight:700;display:grid}.drop-zone h2{margin:18px 0 4px;font-size:1.8rem}.drop-zone p{color:#738078;margin:0 0 24px}.drop-zone.is-leaving{opacity:0;border-width:0;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)scale(.985)}.upload-another{text-align:center;opacity:0;margin-top:18px;transition:opacity .3s,transform .3s;transform:translateY(8px)}.upload-another.is-visible{opacity:1;transform:none}.upload-notice{color:#624b08;background:#fff4d6;border:1px solid #e7ca70;border-radius:14px;margin:16px 0 0;padding:14px 18px;font-weight:650;line-height:1.45}.upload-notice[hidden]{display:none}.primary-button,.secondary-button,.remove-button,.use-case-card{cursor:pointer;border:0}.primary-button{color:#fff;background:#18794e;border-radius:12px;padding:13px 22px;font-weight:750;box-shadow:0 6px 18px #18794e33}.primary-button:hover{background:#11663f}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:#1a2920;background:#eef2ee;border-radius:12px;padding:12px 18px;font-weight:700}.use-case-panel,.workspace{margin-top:58px}.use-case-chooser{background:#fff;border:1px solid #dfe6df;border-radius:18px;padding:0 20px;box-shadow:0 8px 30px #1c32240a}.use-case-chooser>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 0;font-weight:800;display:flex}.use-case-chooser>summary small{color:#167a4a;font-size:.82rem}.use-case-chooser[open]{padding-bottom:22px}.use-case-chooser[open]>summary{border-bottom:1px solid #e5e9e5;margin-bottom:24px}.section-heading{text-align:center;max-width:680px;margin:0 auto 25px}.section-heading h2,.workspace-bar h2{margin:2px 0;font-size:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#167a4a!important;margin:0!important;font-size:.76rem!important}.use-case-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.use-case-card{text-align:left;color:#17211b;background:#fff;border:1px solid #dfe6df;border-radius:20px;gap:8px;min-height:176px;padding:22px;transition:all .2s;display:grid;box-shadow:0 8px 30px #1c32240a}.use-case-card:hover{border-color:#72af89;transform:translateY(-3px);box-shadow:0 16px 35px #1c32241a}.use-case-icon{place-items:center;width:84px;height:84px;padding:8px;display:grid;overflow:hidden}.use-case-icon img{object-fit:contain;width:100%;height:100%;display:block}.use-case-card strong{font-size:1.08rem}.use-case-card>span:last-child{color:#6d786f;font-size:.91rem;line-height:1.4}.workspace-bar{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.result-card{background:#fff;border:1px solid #dfe6df;border-radius:24px;margin-bottom:24px;padding:25px;box-shadow:0 12px 40px #1c32240f}.card-header,.result-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.file-name{overflow-wrap:anywhere;margin:0;font-size:1.22rem}.file-meta,.result-summary{color:#718077;margin:5px 0 0}.card-actions{align-items:center;gap:10px;display:flex}.status-pill{background:#eff2ef;border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:750}.status-pill[data-state=running]{color:#7b5700;background:#fff2cc}.status-pill[data-state=success]{color:#12663f;background:#dff4e6}.status-pill[data-state=error]{color:#a12d1f;background:#fee6e2}.remove-button{color:#647168;background:#f2f4f2;border-radius:50%;width:34px;height:34px;font-size:1.25rem}.progress-wrap{background:#edf1ed;border-radius:999px;height:30px;margin:20px 0;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#20925f,#4fc180);width:0;height:100%;transition:width .2s}.progress-text{color:#26382d;place-items:center;margin:0;font-size:.78rem;font-weight:700;display:grid;position:absolute;inset:0}.health{color:#664d03;background:#fff7dd;border:1px solid #ead490;border-radius:14px;margin:14px 0;padding:10px 15px}.health p{margin:5px 0;line-height:1.45}.simple-settings,.advanced-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.simple-settings label,.advanced-grid label{color:#5f6d63;gap:7px;font-size:.8rem;font-weight:700;display:grid}.simple-settings input,.simple-settings select,.advanced-grid input,.advanced-grid select{color:#17211b;background:#fafcf9;border:1px solid #d3dbd4;border-radius:10px;width:100%;padding:10px}.simple-settings input[type=range]{padding:10px 0}.simple-settings .simple-check{color:#28372e;background:#fafcf9;border:1px solid #d3dbd4;border-radius:10px;align-items:center;gap:9px;min-height:58px;padding:10px 12px;display:flex}.simple-settings .simple-check input{width:auto;margin:0}.simple-settings .simple-check:has(input:disabled){opacity:.55}.size-row{display:flex}.size-row input{border-radius:10px 0 0 10px}.size-row select{border-radius:0 10px 10px 0;width:75px}.advanced{border-top:1px solid #e5e9e5;border-bottom:1px solid #e5e9e5;margin:16px 0;padding:15px 0}.advanced summary{cursor:pointer;font-weight:750}.advanced-grid .check{align-items:center;gap:8px;display:flex}.advanced-grid .check input{width:auto}.comparison{grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;display:grid}.comparison figure{min-width:0;margin:0}.comparison figcaption{margin-bottom:9px;font-weight:750}.svg-caption,.preview-background-control{align-items:center;display:flex}.svg-caption{justify-content:space-between;gap:14px}.preview-background-control{color:#5f6d63;gap:8px;font-size:.78rem}.preview-background-swatch{cursor:pointer;border:1px solid #9eaaa1;border-radius:50%;width:25px;height:25px;padding:0;box-shadow:inset 0 0 0 2px #fff}.preview-background-swatch[data-background=white]{background:#fff}.preview-background-swatch[data-background=black]{background:#111}.preview-background-swatch[data-background=transparent]{background-color:#fff;background-image:linear-gradient(45deg,#cad2cc 25%,#0000 25%),linear-gradient(-45deg,#cad2cc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cad2cc 75%),linear-gradient(-45deg,#0000 75%,#cad2cc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.preview-frame{background-color:#f8faf8;background-image:linear-gradient(45deg,#e9eee9 25%,#0000 25%),linear-gradient(-45deg,#e9eee9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eee9 75%),linear-gradient(-45deg,#0000 75%,#e9eee9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:16px;height:360px;position:relative;overflow:hidden}.preview-frame[data-preview-background=white]{background:#fff}.preview-frame[data-preview-background=black]{background:#111}.preview-frame img,.preview-frame svg{object-fit:contain;width:calc(100% - 48px);max-width:none;height:calc(100% - 48px);max-height:none;display:block;position:absolute;inset:24px}.result-footer{padding-top:5px}.result-footer>div{gap:10px;display:flex}.drag-overlay{z-index:30;color:#fff;pointer-events:none;background:#146842e8;place-items:center;font-size:clamp(2rem,6vw,4rem);display:grid;position:fixed;inset:0}.drag-overlay[hidden]{display:none}.toast{opacity:0;color:#fff;z-index:40;background:#17211b;border-radius:10px;padding:12px 18px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}.feedback-widget{z-index:45;opacity:0;width:min(430px,100vw - 32px);transition:transform .26s,opacity .2s;position:fixed;bottom:24px;right:24px;transform:translateY(calc(100% + 40px))}.feedback-widget[hidden]{display:none}.feedback-widget.is-visible{opacity:1;transform:translateY(0)}.feedback-widget.is-expanded{backdrop-filter:blur(4px);background:#091c1394;place-items:center;width:auto;padding:18px;display:grid;inset:0}.feedback-launcher{color:#176f48;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4e2d8;border-radius:999px;align-items:center;gap:9px;margin-left:auto;padding:13px 18px;font-weight:800;display:flex;box-shadow:0 12px 35px #164a302e}.feedback-launcher:hover{background:#f0f8f3;border-color:#8ebda0}.feedback-launcher:focus-visible,.feedback-close:focus-visible{outline-offset:2px;outline:3px solid #18794e38}.feedback-launcher svg{width:20px;height:20px}.feedback-widget.is-expanded .feedback-launcher{display:none}.feedback-panel{background:#fff;border:1px solid #d8e2da;border-radius:20px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #14372233}.feedback-panel[hidden]{display:none}.feedback-panel>header{background:#f7fbf8;border-bottom:1px solid #e4eae5;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 20px 16px;display:flex}.feedback-panel h2{margin:0;font-size:1.2rem}.feedback-panel header p{color:#65746a;margin:5px 0 0;font-size:.9rem;line-height:1.4}.feedback-close{color:#5e6d63;cursor:pointer;background:#ebf0ec;border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:1.35rem}.feedback-panel form{gap:13px;max-height:min(680px,100vh - 130px);padding:18px 20px 20px;display:grid;overflow-y:auto}.feedback-panel form>label:not(.feedback-consent){color:#33443a;gap:6px;font-size:.86rem;font-weight:750;display:grid}.feedback-panel input[type=email],.feedback-panel input[type=file],.feedback-panel textarea{color:#17211b;width:100%;font:inherit;background:#fbfcfb;border:1px solid #ccd8cf;border-radius:11px;padding:11px 12px}.feedback-panel input[type=file]::file-selector-button{color:#176f48;font:inherit;cursor:pointer;background:#e8f3eb;border:0;border-radius:8px;margin-right:10px;padding:8px 10px;font-weight:750}.feedback-panel textarea{resize:vertical;min-height:96px}.feedback-panel input[type=email]:focus,.feedback-panel input[type=file]:focus,.feedback-panel textarea:focus{border-color:#56a276;outline:0;box-shadow:0 0 0 3px #18794e21}.feedback-consent,.feedback-image-list label{color:#33443a;cursor:pointer;align-items:flex-start;gap:10px;font-size:.86rem;font-weight:700;line-height:1.4;display:flex}.feedback-consent[hidden]{display:none}.feedback-consent input,.feedback-image-list input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #91a096;border-radius:7px;flex:none;place-content:center;width:21px;height:21px;margin:0;display:grid}.feedback-consent input:before,.feedback-image-list input:before{content:"";clip-path:polygon(14% 44%,0 58%,38% 96%,100% 22%,84% 8%,37% 68%);background:#fff;width:11px;height:11px;transition:transform .12s;transform:scale(0)}.feedback-consent input:checked,.feedback-image-list input:checked{background:#18794e;border-color:#18794e}.feedback-consent input:checked:before,.feedback-image-list input:checked:before{transform:scale(1)}.feedback-consent input:focus-visible,.feedback-image-list input:focus-visible{outline:0;box-shadow:0 0 0 4px #18794e29}.feedback-panel fieldset{background:#fafcf9;border:1px solid #d9e2db;border-radius:12px;min-width:0;margin:0;padding:12px}.feedback-panel fieldset[hidden]{display:none}.feedback-panel legend{color:#526158;padding:0 5px;font-size:.8rem;font-weight:800}.feedback-image-list{gap:10px;max-height:150px;display:grid;overflow-y:auto}.feedback-image-list span{overflow-wrap:anywhere;min-width:0}.feedback-privacy,.feedback-status{color:#6b786f;margin:0;font-size:.78rem;line-height:1.45}.feedback-status:empty{display:none}.feedback-status[data-state=error]{color:#9b2c20}.feedback-status[data-state=success]{color:#12663f;font-weight:750}.feedback-turnstile{min-height:0}.feedback-panel .primary-button{cursor:pointer;border:0;width:100%}@media (width<=520px){.feedback-widget{bottom:16px;right:16px}.feedback-widget.is-expanded{inset:0}.feedback-panel form{max-height:calc(100vh - 105px)}}@media (width<=800px){.public-shell{width:min(100% - 20px,1180px);padding-top:34px}.use-case-grid,.simple-settings,.advanced-grid{grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.preview-frame{height:300px}.card-header,.result-footer,.workspace-bar{flex-direction:column;align-items:flex-start}.result-footer>div{width:100%}.result-footer button{flex:1}}@media (width<=520px){.use-case-grid,.simple-settings,.advanced-grid{grid-template-columns:1fr}.drop-zone{min-height:260px;padding:26px 16px}.result-card{padding:17px}.preview-frame{height:250px}}.settings-toolbar{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.settings-toolbar strong{letter-spacing:.04em;text-transform:uppercase;color:#66746a;font-size:.82rem}.undo-button{color:#176f48;cursor:pointer;background:#f7faf7;border:1px solid #d3ddd5;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.45rem;line-height:1;transition:background .18s,border-color .18s,transform .18s;display:grid}.undo-button:hover{background:#e6f3ea;border-color:#8fbea0;transform:rotate(-18deg)}.undo-button:focus-visible{outline-offset:2px;outline:3px solid #18794e33}.simple-settings>label,.advanced-grid>label{background:#fbfcfa;border:1px solid #dbe3dc;border-radius:14px;min-height:72px;padding:13px 15px}.simple-settings .select-setting,.advanced-grid .select-setting{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;display:flex}.simple-settings .select-setting select,.advanced-grid .select-setting select{background-color:#fff;width:auto;min-width:130px;max-width:62%;padding:9px 34px 9px 11px}.simple-settings .simple-check,.advanced-grid .check{background:#fbfcfa;border:1px solid #dbe3dc;border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;min-height:72px;padding:13px 15px;display:flex}.simple-settings input[type=checkbox],.advanced-grid input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #91a096;border-radius:7px;flex:none;place-content:center;width:22px;height:22px;margin:0;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.simple-settings input[type=checkbox]:before,.advanced-grid input[type=checkbox]:before{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:7px;height:11px;transition:transform .12s;transform:rotate(45deg)scale(0)}.simple-settings input[type=checkbox]:checked,.advanced-grid input[type=checkbox]:checked{background:#18794e;border-color:#18794e}.simple-settings input[type=checkbox]:focus-visible,.advanced-grid input[type=checkbox]:focus-visible{outline:0;box-shadow:0 0 0 4px #18794e29}.advanced{border:1px solid #dfe6df;border-radius:15px;padding:0;overflow:hidden}.advanced summary{background:#fafcf9;outline:0;padding:16px 18px}.advanced summary:focus-visible{box-shadow:inset 0 0 0 3px #18794e29}.advanced[open] summary{border-bottom:1px solid #e4e9e4}.advanced-grid{margin:16px 0 0;padding:0 16px 16px}@media (width<=520px){.simple-settings .select-setting,.advanced-grid .select-setting{flex-direction:column;align-items:flex-start}.simple-settings .select-setting select,.advanced-grid .select-setting select{width:100%;max-width:none}}.undo-button svg{width:22px;height:22px;display:block}.simple-settings input[type=checkbox]:before,.advanced-grid input[type=checkbox]:before{clip-path:polygon(14% 44%,0 58%,38% 96%,100% 22%,84% 8%,37% 68%);transform-origin:50%;background:#fff;border:0;width:12px;height:12px;transform:scale(0)}.simple-settings input[type=checkbox]:checked:before,.advanced-grid input[type=checkbox]:checked:before{transform:scale(1)}.icon-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.icon-button svg{flex:none;width:20px;height:20px}.status-pill{align-items:center;gap:7px;display:inline-flex}.status-complete-icon{flex:none;width:18px;height:18px}.setting-label{align-items:center;gap:7px;min-width:0;display:inline-flex}.setting-label>span{min-width:0}.info-tooltip{color:#84928a;cursor:help;background:0 0;border:0;flex:none;place-items:center;width:19px;height:19px;padding:0;display:inline-grid}.info-tooltip:hover,.info-tooltip:focus-visible{color:#18794e}.info-tooltip:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #18794e40}.info-tooltip svg{width:18px;height:18px;display:block}.output-details{color:#66746a;align-items:center;gap:10px;min-width:0;display:flex}.output-details>svg{color:#52645a;flex:none;width:22px;height:22px}.output-details strong{color:#26352c;white-space:nowrap}.output-divider{background:#dce3dd;align-self:stretch;width:1px;min-height:25px;margin:0 4px}.output-details .result-summary{margin:0;line-height:1.45}.result-actions{flex:none;gap:10px;display:flex}.tippy-box[data-theme~=vectorize]{color:#fff;background:#17211b;border-radius:9px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.82rem;line-height:1.45;box-shadow:0 8px 24px #14241b38}.tippy-box[data-theme~=vectorize] .tippy-content{padding:8px 11px}.tippy-box[data-theme~=vectorize][data-placement^=top]>.tippy-arrow:before{border-top-color:#17211b}.tippy-box[data-theme~=vectorize][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#17211b}.tippy-box[data-theme~=vectorize][data-placement^=left]>.tippy-arrow:before{border-left-color:#17211b}.tippy-box[data-theme~=vectorize][data-placement^=right]>.tippy-arrow:before{border-right-color:#17211b}@media (width<=800px){.output-details{flex-wrap:wrap}.output-divider{display:none}.result-actions{width:100%}.result-actions button{flex:1}}.palette-editor{background:#fbfcfa;border:1px solid #dbe3dc;border-radius:12px;align-items:center;gap:9px;padding:6px 10px;display:flex}.palette-title{color:#526158;align-items:center;gap:6px;font-size:.82rem;font-weight:750;display:inline-flex}.palette-title svg{color:#18794e;width:22px;height:22px}.palette-swatches{align-items:center;gap:6px;display:flex}.palette-swatch{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;overflow:hidden;box-shadow:0 0 0 1px #aebbb1}.palette-swatch::-webkit-color-swatch-wrapper{padding:0}.palette-swatch::-webkit-color-swatch{border:0;border-radius:50%}.palette-swatch::-moz-color-swatch{border:0;border-radius:50%}.palette-swatch:focus-visible{outline-offset:2px;outline:3px solid #18794e33}.palette-current-color{color:#526158;border-left:1px solid #dbe3dc;align-items:center;gap:5px;padding-left:9px;font-size:.82rem;font-weight:700;display:inline-flex}.palette-current-color .info-tooltip{width:17px;height:17px}.palette-current-color .info-tooltip svg{width:16px;height:16px}@media (width<=800px){.result-actions{flex-wrap:wrap}.palette-editor{flex:1 0 100%;justify-content:center}}.range-row{align-items:center;gap:12px;min-width:0;display:flex}.simple-settings .range-row input[type=range]{flex:1;width:auto;min-width:0}.simplify-value{text-align:right;font-variant-numeric:tabular-nums;color:#526158;flex:0 0 2.5em}.health.has-alert{color:#8c281d;background:#fff0ed;border-color:#e8a69d}.health-action{color:#765600;cursor:pointer;background:#fff;border:1px solid;border-radius:9px;margin-left:8px;padding:6px 10px;font-weight:750}.health-action:hover{background:#fffbed}.health-action:focus-visible{outline-offset:2px;outline:3px solid #18794e33}.svg-preview.is-loading:before{content:"";z-index:2;backdrop-filter:blur(1px);background:#f8faf8ad;position:absolute;inset:0}.svg-preview.is-loading:after{content:"";z-index:3;border:4px solid #18794e2e;border-top-color:#18794e;border-radius:50%;width:38px;height:38px;margin:-21px 0 0 -21px;animation:.72s linear infinite svg-preview-spin;position:absolute;top:50%;left:50%}@keyframes svg-preview-spin{to{transform:rotate(360deg)}}