@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400&display=swap";:root{font-family:Geist Mono,monospace;font-size:16px;line-height:1.333;font-weight:400;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:Geist Mono,monospace;font-size:.75rem;line-height:1.333;font-weight:400;background-color:#fff}#root{width:100%;min-height:100vh}.landing-page{--lp-bg: #ffffff;--lp-surface: #ededed;--lp-surface-dark: #2f2f31;--lp-text: #111;--lp-text-subtle: #666;--lp-text-tint-11: #4f4f53;--lp-hero-surface: #f6f6f6;--lp-border: #d9d9d9;--lp-hero-bg: #E7E7E7;--lp-muted-surface: #f6f6f6;--lp-step-image-bg: #E7E7E7;--lp-output-pill-bg: #f6f6f6;--lp-row-shell-bg: #f2f2f2;--lp-row-input-bg: #fff;--lp-row-muted-bg: #f8f8f8;--lp-row-muted-text: #7a7a7a;--lp-stepper-bg: #fff;--lp-stepper-hover-bg: #efefef;--lp-export-dash: #8b8b8b;--lp-faq-hover: rgba(0, 0, 0, .03);--lp-hero-inset: 0px;--lp-hero-radius: 0px;--lp-hero-collapse: 0;--lp-feature-inset: 12px;--lp-feature-radius: 24px;--lp-accent: #ECFF6D;--lp-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px'%3E%3Cpath fill='black' d='M400-301 240-461l51-51 109 109 269-269 51 51-320 320Z'/%3E%3C/svg%3E");--lp-icon-caret-up: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m288-384%20192-192%20192%20192H288Z'/%3e%3c/svg%3e");--lp-icon-caret-down: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");--lp-tool-canvas-rgb: 214 214 214;--lp-tool-canvas-alpha: .78;max-width:1240px;margin:0 auto;padding:0 12px;color:var(--lp-text);font-size:12px;line-height:1.3;position:relative;isolation:isolate;min-height:100vh}.landing-page:before{content:"";position:fixed;inset:0;background:var(--lp-bg);z-index:-1;transition:background-color .42s cubic-bezier(.22,1,.36,1);pointer-events:none}.landing-page.is-dark{--lp-bg: #17191d;--lp-surface: #24272c;--lp-text: #f2f3f5;--lp-text-subtle: #b6b8bd;--lp-text-tint-11: #c0c2c7;--lp-border: #3a3f47;--lp-hero-bg: #1e2126;--lp-muted-surface: #2a2e35;--lp-step-image-bg: #2a2e35;--lp-output-pill-bg: #2a2e35;--lp-row-shell-bg: #363b43;--lp-row-input-bg: #1f2329;--lp-row-muted-bg: #2a2e35;--lp-row-muted-text: #a2a7af;--lp-stepper-bg: #2a2e35;--lp-stepper-hover-bg: #3b4149;--lp-export-dash: #646b76;--lp-faq-hover: rgba(255, 255, 255, .07)}.lp-surface,.lp-dark-card,.lp-export-box,.lp-faq-item,.lp-hero{border-radius:8px}.lp-surface{background:var(--lp-surface);border:1px solid var(--lp-border)}.lp-dark-card{background:var(--lp-surface-dark);color:#f0f0f0;border:1px solid #3b3b3d}.lp-hero-stage{position:relative;min-height:calc(64vh + 64px)}.lp-hero{background:var(--lp-hero-bg);border:none;border-radius:var(--lp-hero-radius);width:calc(100vw - (var(--lp-hero-inset) * 2));margin-top:0;margin-left:calc(50% - 50vw + var(--lp-hero-inset));margin-right:calc(50% - 50vw + var(--lp-hero-inset));box-sizing:border-box;min-height:clamp(220px,calc(64vh - (var(--lp-hero-collapse) * 220px)),64vh);padding:24px;position:sticky;top:var(--lp-hero-inset);z-index:5;display:grid;grid-template-rows:auto 1fr auto;transition:width .22s cubic-bezier(.22,1,.36,1),top .22s cubic-bezier(.22,1,.36,1),margin-left .22s cubic-bezier(.22,1,.36,1),margin-right .22s cubic-bezier(.22,1,.36,1),border-radius .22s cubic-bezier(.22,1,.36,1),min-height .22s cubic-bezier(.22,1,.36,1)}.lp-eyebrow,.lp-title,.lp-copy,.lp-note,.lp-section-title{margin:0}.lp-eyebrow{font-size:13px;line-height:17px;font-weight:400}.lp-title{max-width:520px;font-weight:400;margin-top:8px;font-size:13px;line-height:17px}.lp-copy{max-width:470px;margin-top:8px}.lp-body-copy{max-width:470px;margin-top:8px;color:var(--lp-text-tint-11);font-size:11px;line-height:14px}.lp-note{margin-top:0;color:var(--lp-text-tint-11);font-size:11px;line-height:14px;text-align:right;white-space:nowrap}.lp-note span+span:before{content:" "}.lp-hero>:not(.lp-eyebrow){grid-row:3}.lp-hero-main{align-self:end;justify-self:start;width:100%}.lp-hero-actions{margin-top:10px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.lp-cta{margin-top:0;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:none;border-radius:8px;background:var(--lp-accent);color:#111;font-family:inherit;font-size:12px;line-height:16px;font-weight:400}.lp-cta-mask{display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;height:16px;overflow:hidden;line-height:16px;align-items:center}.lp-cta-line{grid-column:1;grid-row:1;display:inline-flex;align-items:center;white-space:nowrap}.lp-cta-char{display:inline-block;line-height:16px;transform:translateY(0);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .42s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--char-index) * 14ms)}.lp-cta-line-secondary .lp-cta-char{transform:translateY(1.1em);opacity:.9}.lp-cta:hover .lp-cta-line-primary .lp-cta-char,.lp-cta:focus-visible .lp-cta-line-primary .lp-cta-char{transform:translateY(-1.1em)}.lp-cta:hover .lp-cta-line-secondary .lp-cta-char,.lp-cta:focus-visible .lp-cta-line-secondary .lp-cta-char{transform:translateY(0)}.lp-section{margin-top:64px}.lp-reveal{opacity:1;transform:translateY(14px);transition:transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--lp-reveal-delay, 0ms);will-change:transform}.lp-reveal.is-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.lp-reveal{opacity:1;transform:none;transition:none}}.lp-section-title{margin-bottom:10px;font-size:13px;line-height:17px}.lp-how-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"upload upload step2 step2 step2 step2" "preview preview preview preview export export";gap:8px;align-items:stretch}.lp-step-card{overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:8px}.lp-step-card>header{display:block;margin:0}.lp-step-label{--lp-step-label-min-height: 32px;display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:8px;font-size:12px;line-height:16px}.lp-step-label p{margin:0;display:flex;align-items:center;min-height:var(--lp-step-label-min-height);box-sizing:border-box;padding:8px 16px;border-radius:8px;background:var(--lp-muted-surface)}.lp-step-label span{width:32px;min-width:32px;min-height:var(--lp-step-label-min-height);height:auto;align-self:stretch;border-radius:8px;background:var(--lp-accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:16px}.lp-step-upload{grid-area:upload}.lp-step-upload .lp-step-body{flex:1;padding:24px}.lp-step-auto{grid-area:step2}.lp-step-auto .lp-step-body{padding:24px;border:none;background:var(--lp-step-image-bg)}.lp-step-preview{grid-area:preview}.lp-step-export{grid-area:export}.lp-step-export .lp-step-body{flex:1}.lp-step-export .lp-export-box{height:100%;background:var(--lp-step-image-bg)}.lp-chip-cloud,.lp-rows,.lp-preview-box,.lp-settings-stack,.lp-export-box{padding:12px;margin:0}.lp-step-body{border-radius:12px;min-width:0}.lp-section-how .lp-step-body,.lp-section-how .lp-preview-box,.lp-section-how .lp-colorways-card,.lp-section-how .lp-settings-stack{border:none;border-radius:12px}.lp-chip-cloud,.lp-rows{display:grid;gap:8px}.lp-chip-row{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:8px;margin-top:0;align-items:flex-start;align-content:flex-start}.lp-chip{border-radius:8px;background:#3f3f42;color:#f2f2f2;border:none;height:32px;box-sizing:border-box;padding:0 12px;display:inline-flex;align-items:center;gap:0;width:fit-content;max-width:100%;flex:0 0 auto;transition:padding-right .18s cubic-bezier(.16,1,.3,1)}.lp-chip-text{white-space:nowrap}.lp-chip-remove{border:none;background:transparent;color:#b8b8b8;width:0;min-width:0;height:24px;border-radius:4px;padding:0;margin-left:0;position:relative;font-size:0;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:width .18s cubic-bezier(.16,1,.3,1),min-width .18s cubic-bezier(.16,1,.3,1),margin-left .18s cubic-bezier(.16,1,.3,1),opacity .14s ease}.lp-chip-remove:before{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;transform:translateY(-50%);background-color:currentColor;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:12px 12px;-webkit-mask-size:12px 12px}.lp-chip-remove:hover,.lp-chip-remove:focus-visible{color:#f2f2f2;background:#ffffff14}.lp-chip-removable:hover .lp-chip-remove,.lp-chip-removable:focus-within .lp-chip-remove{width:24px;min-width:24px;margin-left:4px;opacity:1;visibility:visible;pointer-events:auto}.lp-chip-removable:hover,.lp-chip-removable:focus-within{padding-right:4px}.lp-chip b{color:#b8b8b8;font-weight:400}.lp-chip-add{background:var(--lp-accent);color:#111;width:32px;min-width:32px;height:32px;justify-content:center;padding:0;cursor:pointer}.lp-add-chip-mask{position:relative;width:14px;height:14px;overflow:hidden;display:inline-block}.lp-add-chip-icon{position:absolute;top:50%;left:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background-color:#1f1f1f;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M444-444H240v-72h204v-204h72v204h204v72H516v204h-72v-204Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M444-444H240v-72h204v-204h72v204h204v72H516v204h-72v-204Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:14px 14px;-webkit-mask-size:14px 14px;transform:translate(-50%,-50%);transition:transform .24s cubic-bezier(.16,1,.3,1)}.lp-add-chip-icon-secondary{transform:translate(-50%,120%)}.lp-chip-add:not(:disabled):hover .lp-add-chip-icon-primary{transform:translate(-50%,-220%)}.lp-chip-add:not(:disabled):hover .lp-add-chip-icon-secondary{transform:translate(-50%,-50%)}.lp-chip-add:disabled{background:#4a4a4a;border-color:#4a4a4a;color:#bcbcbc;cursor:not-allowed;opacity:1}.lp-chip-add:disabled .lp-add-chip-icon{background-color:#bcbcbc}.lp-rows{border-radius:12px}.lp-row-live{display:grid;grid-template-columns:minmax(120px,.95fr) minmax(0,1.6fr) minmax(0,1.6fr) 32px;grid-template-areas:"format value suffix remove";gap:8px;align-items:center}.lp-row-live.is-png{grid-template-columns:minmax(120px,.95fr) minmax(0,1.6fr) minmax(0,1.6fr) 32px;grid-template-areas:"format value suffix remove"}.lp-row-control{width:100%;height:32px;border-radius:8px;border:none;background:var(--lp-row-shell-bg);color:var(--lp-text);font-family:inherit;font-size:12px;line-height:16px;box-sizing:border-box}.lp-row-format{grid-area:format;appearance:none;-webkit-appearance:none;padding:0 34px 0 12px;background-color:var(--lp-row-input-bg);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.lp-row-format-static{display:inline-flex;align-items:center;justify-content:space-between;background-color:var(--lp-row-input-bg);background-image:none;padding:0 12px}.lp-row-format-caret{width:14px;height:14px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:14px 14px;-webkit-mask-size:14px 14px}.lp-row-value-group{grid-area:value;position:relative}.lp-row-value-input{padding:0 12px}.lp-row-value-display{display:inline-flex;align-items:center;padding:0 12px;background:var(--lp-row-input-bg)}.lp-row-value-display.is-muted{background:var(--lp-row-muted-bg);color:var(--lp-row-muted-text);pointer-events:none;-webkit-user-select:none;user-select:none}.lp-row-live.is-png .lp-row-value-display{padding-right:64px}.lp-row-stepper{position:absolute;top:4px;right:4px;bottom:4px;display:inline-flex;align-items:center;gap:4px}.lp-row-stepper button{width:24px;min-width:24px;height:24px;border:none;border-radius:4px;background:var(--lp-stepper-bg);color:var(--lp-text);font-family:inherit;font-size:12px;line-height:1;padding:0}.lp-row-stepper button:hover,.lp-row-stepper button:focus-visible{background:var(--lp-stepper-hover-bg)}.lp-row-suffix-display{grid-area:suffix;display:inline-flex;align-items:center;padding:0 12px;color:var(--lp-text);background:var(--lp-row-input-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-row-suffix-display.is-muted-vector{background:var(--lp-row-muted-bg);color:var(--lp-row-muted-text);pointer-events:none;-webkit-user-select:none;user-select:none}.lp-row-remove-btn{grid-area:remove;width:32px;min-width:32px;height:32px;border:none;border-radius:8px;background:#ff4343;position:relative;padding:0}.lp-row-remove-btn:before{content:"";position:absolute;inset:0;background-color:#fff;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:14px 14px;-webkit-mask-size:14px 14px}.lp-row-remove-btn:hover,.lp-row-remove-btn:focus-visible{background:#e53935}.lp-add-variation-btn{margin-top:0;width:100%;border:none;background:transparent;color:#1f1f1f;display:inline-flex;align-items:center;justify-content:flex-start;padding:0 12px 0 0;height:32px;border-radius:8px;font-family:inherit;font-size:12px;line-height:16px;transition:background-color .18s cubic-bezier(.16,1,.3,1),padding-left .18s cubic-bezier(.16,1,.3,1)}.lp-add-variation-btn:hover,.lp-add-variation-btn:focus-visible{background:#fff;padding-left:12px}.lp-add-variation-btn:active{background:#fff;padding-left:12px}.lp-add-variation-content{display:inline-flex;align-items:center;gap:6px}.lp-add-variation-plus{width:12px;min-width:12px;text-align:center}.lp-add-variation-btn:disabled{color:#767676;padding-left:0}.lp-step-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-step-preview>header,.lp-step-preview>.lp-step-preview-body{grid-column:1 / -1}.lp-step-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-step-preview-body .lp-settings-stack{grid-column:1 / -1}.lp-preview-box{display:grid;place-items:center;min-height:154px;padding:24px;background:var(--lp-muted-surface)}.lp-preview-box.is-white-preview{background:#403f3f}.lp-preview-feather{width:180px;height:180px;max-width:none;max-height:none;object-fit:contain}.lp-settings-stack{padding:24px;display:grid;gap:0}.lp-settings-item{position:relative;padding-bottom:0}.lp-settings-item:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#454548}.lp-settings-item:not(:last-child){padding-bottom:16px;margin-bottom:16px}.lp-settings-toggle{width:100%;height:32px;border:none;background:transparent;color:#f1f1f1;padding:0 12px 0 0;display:inline-flex;align-items:center;justify-content:space-between;text-align:left;font-family:inherit;font-size:12px;line-height:16px;transition:padding-left .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);margin-bottom:0}.lp-settings-toggle:hover,.lp-settings-toggle:focus-visible{padding-left:12px;background:#ffffff0a;border-radius:8px}.lp-settings-caret{width:16px;height:16px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-384%20288-576h384L480-384Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px 16px;-webkit-mask-size:16px 16px;transition:transform .18s cubic-bezier(.16,1,.3,1)}.lp-colorways-card{border-radius:12px;padding:24px;display:grid;gap:8px;align-content:start;align-items:start}.lp-colorways-card,.lp-colorways-card *{font-family:Geist Mono,monospace;font-size:12px;line-height:1.3333333333}.lp-colorways-title{margin:0;color:#bdbdbd;font-size:12px;line-height:16px}.lp-colorway-block{display:grid;gap:8px;align-content:start;align-items:start}.lp-colorway-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;gap:8px}.lp-colorway-name-field,.lp-colorway-action,.lp-colorway-delete-btn{height:32px;border-radius:8px;display:inline-flex;align-items:center;font-size:12px;line-height:16px}.lp-colorway-name-field{background:#242427;color:#f1f1f1;padding:0 12px 0 4px;min-width:0;gap:8px}.lp-colorway-check-chip{width:24px;min-width:24px;height:24px;border-radius:6px;background:#efefef;color:#1f1f1f;position:relative;border:none;padding:0}.lp-colorway-check-chip:before{content:"";position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;background-color:currentColor;mask-image:var(--lp-icon-check);-webkit-mask-image:var(--lp-icon-check);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:12px 12px;-webkit-mask-size:12px 12px}.lp-colorway-check-chip:not(.is-checked){background:#3a3a3d;color:#3a3a3d}.lp-colorway-check-chip:not(.is-checked):before{opacity:0}.lp-colorway-check-chip:hover,.lp-colorway-check-chip:focus-visible{filter:brightness(.95)}.lp-colorway-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-colorway-action,.lp-colorway-delete-btn{width:32px;min-width:32px;padding:0;border:none}.lp-colorway-action{justify-content:center;position:relative}.lp-colorway-action:before{content:"";width:16px;height:16px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M216-192v-240h-72v-72h217v72h-73v240h-72Zm0-384v-192h72v192h-72Zm156%200v-72h72v-120h72v120h72v72H372Zm72%20384v-312h72v312h-72Zm228%200v-120h-73v-72h217v72h-72v120h-72Zm0-264v-312h72v312h-72Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='M216-192v-240h-72v-72h217v72h-73v240h-72Zm0-384v-192h72v192h-72Zm156%200v-72h72v-120h72v120h72v72H372Zm72%20384v-312h72v312h-72Zm228%200v-120h-73v-72h217v72h-72v120h-72Zm0-264v-312h72v312h-72Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px 16px;-webkit-mask-size:16px 16px}.lp-colorway-action{background:#242427;color:#f1f1f1}.lp-colorway-action.is-active{background:#efefef;color:#1f1f1f}.lp-colorway-delete-btn{background:#ff4343;color:#fff;position:relative}.lp-colorway-delete-btn:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);background-color:currentColor;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%231f1f1f'%3e%3cpath%20d='m338-288-50-50%20141-142-141-141%2050-50%20142%20141%20141-141%2050%2050-141%20141%20141%20142-50%2050-141-141-142%20141Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:12px 12px;-webkit-mask-size:12px 12px}.lp-colorway-action:hover,.lp-colorway-action:focus-visible{filter:brightness(.94)}.lp-colorway-delete-btn:hover,.lp-colorway-delete-btn:focus-visible{background:#e53935}.lp-colorway-dropdown{display:grid;gap:8px;padding:0;align-content:start;align-items:start}.lp-colorway-dropdown-swatch{width:100%;height:32px;border-radius:8px;border:none;background:transparent;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:0;position:relative}.lp-colorway-dropdown-chip{width:32px;min-width:32px;height:32px;border-radius:8px;background:var(--swatch-color)}.lp-colorway-dropdown-label{height:32px;border-radius:8px;background:#242427;color:#f1f1f1;display:inline-flex;align-items:center;padding:0 12px;text-align:left}.lp-colorway-add-btn{width:100%;height:32px;border:none;border-radius:8px;background:transparent;color:#f1f1f1;padding:0 12px 0 0;display:inline-flex;align-items:center;justify-content:flex-start;transition:background-color .18s cubic-bezier(.16,1,.3,1),padding-left .18s cubic-bezier(.16,1,.3,1)}.lp-colorway-add-btn:hover,.lp-colorway-add-btn:focus-visible{background:#242427;color:#f1f1f1;padding-left:12px}.lp-colorway-add-btn:active{background:#242427;color:#f1f1f1;padding-left:12px}.lp-colorway-add-btn:disabled{color:#767676;opacity:1;cursor:not-allowed;padding-left:0}.lp-colorway-add-content{display:inline-flex;align-items:center;gap:6px}.lp-colorway-add-plus{width:12px;min-width:12px;text-align:center}.lp-export-box{min-height:296px;border:1px dashed var(--lp-export-dash);display:flex;align-items:center;justify-content:center;background:var(--lp-step-image-bg)}.lp-export-box .lp-cta{margin-top:0;align-self:auto}.lp-output-grid{display:grid;grid-template-columns:180px 170px 1fr;gap:24px;align-items:start}.lp-output-root{height:fit-content;padding:6px 10px}.lp-output-root-row{display:inline-grid;grid-template-columns:32px auto;gap:8px;align-items:center}.lp-output-root-slash,.lp-output-root-name{height:32px;border-radius:8px;border:none;display:inline-flex;align-items:center}.lp-output-root-slash{width:32px;min-width:32px;justify-content:center;background:var(--lp-output-pill-bg)}.lp-output-root-name{padding:0 12px;width:fit-content;background:var(--lp-output-pill-bg)}.lp-output-col{min-width:0}.lp-output-folder-item{display:block}.lp-output-mobile-files{display:none}.lp-output-grid p{margin:0 0 8px;overflow-wrap:anywhere}.lp-output-item-btn{width:100%;position:relative;border:none;background:transparent;padding:0;margin:0 0 8px;display:block;text-align:left;font-family:inherit;font-size:12px;line-height:1.3;color:inherit;min-height:32px}.lp-output-item-slash{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:8px;background:var(--lp-output-pill-bg);display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translate(-4px);transition:opacity .14s ease,transform .18s cubic-bezier(.16,1,.3,1)}.lp-output-item-name{height:auto;border-radius:8px;background:transparent;display:inline-flex;align-items:center;padding:0;margin-left:0;transition:background-color .18s cubic-bezier(.16,1,.3,1),padding .18s cubic-bezier(.16,1,.3,1),height .18s cubic-bezier(.16,1,.3,1),margin-left .18s cubic-bezier(.16,1,.3,1)}.lp-output-item-btn:hover .lp-output-item-slash,.lp-output-item-btn.is-selected .lp-output-item-slash{transform:translate(0)}.lp-output-item-btn:hover .lp-output-item-name,.lp-output-item-btn.is-selected .lp-output-item-name{height:32px;background:var(--lp-output-pill-bg);padding:0 12px}.lp-output-item-btn:hover .lp-output-item-name{margin-left:0}.lp-output-item-btn:hover .lp-output-item-slash{opacity:0}.lp-output-item-btn.is-selected .lp-output-item-slash{opacity:1;animation:lp-slash-pill-in .18s cubic-bezier(.16,1,.3,1)}.lp-output-item-btn.is-selected .lp-output-item-name{margin-left:40px}.lp-output-file-btn .lp-output-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lp-output-file-mobile{margin-bottom:6px}@keyframes lp-slash-pill-in{0%{opacity:0;transform:translate(-4px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.lp-feature-strip{margin-top:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.lp-feature-card{min-height:170px;display:grid;place-items:center}.lp-feature-launch-group{--lp-feature-cta-block-space: 128px;margin-top:64px;margin-bottom:0;background:var(--lp-hero-bg);border-radius:var(--lp-feature-radius);width:calc(100vw - (var(--lp-feature-inset) * 2));margin-left:calc(50% - 50vw + var(--lp-feature-inset));margin-right:calc(50% - 50vw + var(--lp-feature-inset));padding:8px 0 12px;box-sizing:border-box;position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;transition:border-radius .22s cubic-bezier(.42,0,1,1)}.lp-feature-launch-group .lp-feature-card-ticker{margin-top:0;width:100%;margin-left:0;margin-right:0;position:relative;z-index:1;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.lp-feature-launch-group .lp-feature-card-ticker.is-dragging{cursor:grabbing}.lp-feature-launch-group .lp-feature-card-track{display:flex;align-items:center;gap:8px;width:max-content;will-change:transform}.lp-feature-launch-group .lp-feature-card-pill{height:32px;min-height:32px;padding:0 12px;border-radius:8px;background:var(--lp-output-pill-bg);display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;line-height:16px}.lp-feature-launch-group .lp-feature-card-cta{margin:var(--lp-feature-cta-block-space) 0;padding-left:24px;padding-right:24px;box-sizing:border-box;display:grid;justify-items:center;position:relative;z-index:2}.lp-feature-launch-group .lp-feature-card-faq{margin-top:32px;margin-left:0;margin-right:0;padding-left:24px;padding-right:24px;box-sizing:border-box}.lp-faq-list{border-top:1px solid var(--lp-border)}.lp-faq-item{border-radius:0;border-bottom:1px solid var(--lp-border);padding-top:16px}.lp-faq-item:last-child{border-bottom:none}.lp-faq-toggle{width:100%;border:none;background:transparent;height:32px;min-height:32px;padding:0 12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-family:inherit;font-size:12px;line-height:16px;transition:padding-left .18s cubic-bezier(.16,1,.3,1),background-color .18s ease;margin-bottom:16px}.landing-page.is-dark .lp-faq-toggle{color:#f2f3f5}.lp-faq-item.is-open .lp-faq-toggle{margin-bottom:16px}.lp-faq-toggle:hover,.lp-faq-toggle:focus-visible{padding-left:12px;background:var(--lp-faq-hover);border-radius:8px}.landing-page.is-dark .lp-step-auto .lp-step-body,.landing-page.is-dark .lp-step-export .lp-export-box{background:#e7e7e7}.landing-page.is-dark .lp-preview-box{background:#f6f6f6}.landing-page.is-dark .lp-preview-box.is-white-preview{background:#403f3f}.landing-page.is-dark .lp-row-control{background:#f2f2f2;color:#222}.landing-page.is-dark .lp-row-format,.landing-page.is-dark .lp-row-format-static,.landing-page.is-dark .lp-row-value-display,.landing-page.is-dark .lp-row-suffix-display{background:#fff;color:#222}.landing-page.is-dark .lp-row-value-display.is-muted,.landing-page.is-dark .lp-row-suffix-display.is-muted-vector{background:#f8f8f8;color:#7a7a7a}.landing-page.is-dark .lp-row-format-caret{background-color:#1f1f1f}.landing-page.is-dark .lp-row-stepper button{background:#fff;color:#202020}.landing-page.is-dark .lp-row-stepper button:hover,.landing-page.is-dark .lp-row-stepper button:focus-visible{background:#efefef}.landing-page.is-dark .lp-export-box{border-color:#8b8b8b}.landing-page,.landing-page .lp-surface,.landing-page .lp-hero,.landing-page .lp-step-label p,.landing-page .lp-step-body,.landing-page .lp-preview-box,.landing-page .lp-export-box,.landing-page .lp-row-control,.landing-page .lp-row-stepper button,.landing-page .lp-row-suffix-display,.landing-page .lp-output-root-slash,.landing-page .lp-output-root-name,.landing-page .lp-output-item-slash,.landing-page .lp-output-item-name,.landing-page .lp-feature-card-pill,.landing-page .lp-faq-item,.landing-page .lp-faq-toggle{transition:background-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}.lp-faq-caret{width:16px;height:16px;min-width:16px;background-color:currentColor;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px 16px;-webkit-mask-size:16px 16px}.lp-faq-caret.is-open{mask-image:var(--lp-icon-caret-up);-webkit-mask-image:var(--lp-icon-caret-up)}.lp-faq-caret.is-closed{mask-image:var(--lp-icon-caret-down);-webkit-mask-image:var(--lp-icon-caret-down)}.lp-faq-answer{margin:0 0 24px;padding:0;max-width:400px;color:var(--lp-text-tint-11);font-size:11px;line-height:14px}.lp-feature-card-footer{width:auto;margin-left:0;margin-right:0;margin-top:32px;padding:0 24px;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.lp-feature-card-footer p{margin:0;color:var(--lp-text-tint-11);font-size:11px;line-height:14px}.lp-feature-card-footer-link{color:var(--lp-text-tint-11);font-size:11px;line-height:14px;text-decoration:none}.lp-feature-card-footer-link:hover,.lp-feature-card-footer-link:focus-visible{text-decoration:underline}@media(max-width:940px){.landing-page{padding:0 8px}.lp-section-output,.lp-section-faq,.lp-section-how{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);margin-right:calc(50% - 50vw + 12px);box-sizing:border-box}.lp-hero-stage{min-height:calc(64vh + 44px)}.lp-section{margin-top:44px}.lp-how-grid,.lp-feature-strip,.lp-output-grid,.lp-step-preview,.lp-step-preview-body{grid-template-columns:1fr}.lp-how-grid{grid-template-areas:"upload" "step2" "preview" "export";gap:8px}.lp-output-grid{gap:6px}.lp-output-col p{margin-bottom:6px}.lp-output-mobile-files{display:block;margin:4px 0 8px}.lp-output-col-files{display:none}.lp-export-box,.lp-feature-card{min-height:140px}.lp-feature-launch-group{--lp-feature-cta-block-space: 96px;padding:8px 0 0}.lp-title,.lp-copy{max-width:none}.lp-note{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal}.lp-note span+span:before{content:""}.lp-hero-actions{width:auto;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px}.lp-row-live,.lp-row-live.is-png{grid-template-columns:minmax(86px,.9fr) minmax(66px,.75fr) minmax(0,1.35fr) 32px;grid-template-areas:"format value suffix remove"}}@media(max-width:700px){.lp-row-live,.lp-row-live.is-png,.lp-row-live.is-vector{grid-template-columns:minmax(92px,.95fr) minmax(0,1.45fr) 32px;grid-template-areas:"format suffix remove"}.lp-row-live .lp-row-value-group{display:none}}