*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:Bricolage Grotesque;src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(fonts/dm-sans.woff2) format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}:root{--paper:#fbf8f3;--surface:#fff;--sunken:#f5f1ea;--ink:#17150f;--ink-2:#3b372f;--muted:#6b6559;--line:#e9e3d8;--line-2:#d8cfbf;--accent:#ffd84d;--accent-deep:#f2b705;--accent-ink:var(--ink);--accent-soft:var(--sun-soft);--sun:#ffd84d;--sun-soft:#fff4c7;--mint:#bdf0d2;--mint-ink:#17663d;--pink:#ffc8e0;--sky:#cfe0ff;--danger:#b42318;--danger-soft:#fff1ef;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--r-sm:10px;--r:16px;--r-lg:28px;--shadow:0 1px 2px #17150f0a,0 10px 30px -12px #17150f1f;--sticker-shadow:0 2px 0 #17150f14,0 10px 24px -10px #17150f40;color-scheme:light}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3{color:var(--ink)}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1}h2{font-size:clamp(26px,3.2vw,34px)}h3{font-size:19px;letter-spacing:-.01em}a{color:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}::-moz-selection{background:var(--sun)}::selection{background:var(--sun)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.i{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}.i .fill,symbol .fill{fill:currentColor;stroke:none}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:22px 24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--sun);color:var(--ink);font-family:var(--display);font-weight:800;font-size:21px;line-height:1;transform:rotate(-8deg);box-shadow:0 0 0 2.5px #fff,var(--sticker-shadow);position:relative}.brand-mark:after{content:"";position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;background:linear-gradient(135deg,#ffeb99 50%,var(--paper) 50%);border-radius:0 0 9px 0}.brand-name{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.03em}.brand-dot{color:var(--accent-ink)}.site-header nav{display:flex;align-items:center;gap:26px}.nav-link{font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}.nav-link:hover{color:var(--accent-ink)}.privacy{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--mint-ink);background:#e9f8ef;border:1px solid #cdebd9;padding:6px 12px;border-radius:999px}.intro{position:relative;max-width:1120px;margin:0 auto;padding:44px 24px 36px;text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 11px}.hero-kicker .i{color:var(--accent)}h1{font-size:clamp(40px,6.4vw,78px);font-weight:800;letter-spacing:-.045em;line-height:1.02;max-width:900px;margin:22px auto 20px}.sticker-word{display:inline-block;position:relative;color:var(--ink);background:var(--sun);padding:0 .22em .06em;border-radius:.2em;transform:rotate(-2deg);box-shadow:0 0 0 .07em #fff,var(--sticker-shadow);margin-top:.12em}.hero-sub{max-width:600px;margin:0 auto;font-size:18px;line-height:1.6;color:var(--muted)}.hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:14px;font-weight:500;color:var(--ink-2)}.hero-benefits li{display:inline-flex;align-items:center;gap:6px}.hero-benefits .i{color:var(--mint-ink)}.floaters{position:absolute;inset:0;pointer-events:none;display:none}.floater{position:absolute;display:grid;place-items:center;background:var(--surface);border-radius:22px;box-shadow:0 0 0 4px #fff,var(--sticker-shadow);font-family:var(--display);font-weight:800;line-height:1;text-align:center;animation:bob 6s ease-in-out infinite}.floater.gif{padding:0;overflow:hidden;border-radius:18px;background:var(--ink)}.floater.gif img{display:block;width:100%;height:auto}.f1{left:1%;top:18%;width:124px;--tilt:-8deg}.f2{left:7%;top:62%;padding:14px 18px;font-size:26px;background:var(--pink);animation-delay:-2s}.f2,.f3{--tilt:7deg}.f3{right:1%;top:16%;width:132px;animation-delay:-1s}.f4{right:8%;top:58%;padding:14px 16px;font-size:21px;background:var(--sun);--tilt:-6deg;animation-delay:-3s}.f5{left:17%;top:0;width:92px;--tilt:-5deg;animation-delay:-4s}.f6{right:17%;top:3%;width:74px;--tilt:6deg;animation-delay:-2.5s}.f7{left:14%;top:84%;width:84px;--tilt:4deg;animation-delay:-5s}.f8{right:11%;top:82%;width:118px;--tilt:-5deg;animation-delay:-1.5s}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(calc(var(--tilt) + 2deg))}}.workspace{max-width:920px;margin:0 auto;padding:0 24px}.steps{justify-content:center;gap:14px;margin:8px 0 20px;font-size:14px;color:var(--muted)}.steps,.steps>span{display:flex;align-items:center}.steps>span{gap:8px}.steps b{font-weight:500}.step-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font-size:13px;font-weight:600;background:var(--surface)}.steps .active{color:var(--ink)}.steps .active b{font-weight:600}.steps .active .step-num{background:var(--ink);border-color:var(--ink);color:#fff}.steps i{width:40px;height:1.5px;background:var(--line-2);border-radius:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.card:focus{outline:none}.cardtop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 28px 20px}.input-tabs,.segmented{display:flex;gap:4px;padding:4px;background:var(--sunken);border-radius:999px}.input-tabs button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.input-tabs button:hover,.segmented button:hover{color:var(--ink)}.input-tabs .selected,.segmented .selected{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #17150f14,0 2px 8px -2px #17150f14}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 28px 24px;padding:36px 20px;min-height:290px;border:2px dashed var(--line-2);border-radius:22px;background:var(--paper);transition:background .15s,border-color .15s}.drop.drag{border-color:var(--accent);background:var(--sun-soft)}.drop-tile{display:grid;place-items:center;width:60px;height:60px;margin-bottom:18px;border-radius:18px;background:var(--sun);color:var(--ink);font-size:26px;transform:rotate(-7deg);box-shadow:0 0 0 3px #fff,var(--sticker-shadow);transition:transform .2s}.drop.drag .drop-tile,.drop:hover .drop-tile{transform:rotate(4deg) scale(1.05)}.tile-sky{background:var(--sky)}.drop h3{font-size:26px}.drop>p{margin:8px 0 22px;color:var(--muted);font-size:15px}.drop small{margin-top:14px;font-size:13px;color:var(--muted)}#file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.urlimport{padding:0 28px 24px;min-height:314px}.link-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 22px}.link-intro h3{font-size:24px}.link-intro p{margin-top:6px;color:var(--muted);font-size:15px}.urllabel{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.urlrow{display:flex;gap:10px}.urlrow input{flex:1;min-width:0;min-height:50px;padding:0 16px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.urlrow input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #17150f12}.urlrow input::-moz-placeholder{color:#a39b8c}.urlrow input::placeholder{color:#a39b8c}.urlfeedback{justify-content:space-between;gap:12px;min-height:44px}.compat-banner,.urlfeedback{display:flex;align-items:center;font-size:14px;color:var(--muted)}.compat-banner{gap:10px;padding:14px 28px;border-top:1px solid var(--line);background:#fdfcfa}.compat-banner>.i{font-size:20px;color:var(--ink-2)}.compat-banner p{flex:1}.compat-banner strong{color:var(--ink);font-weight:600}.compat-banner a{color:var(--accent-ink);text-underline-offset:3px}.button,.compat-banner a{font-weight:600;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px -6px #17150f80}.button:hover{transform:translateY(-1px);background:#2a2720}.button:active{transform:translateY(0)}.button.primary{width:100%;margin-top:22px;min-height:56px;font-size:17px;background:var(--accent);color:var(--ink);box-shadow:0 0 0 2px var(--ink),3px 4px 0 2px var(--ink)}.button.primary:hover{transform:translate(-1px,-1px);box-shadow:0 0 0 2px var(--ink),4px 5px 0 2px var(--ink)}.button.primary:active{transform:translate(2px,2px);box-shadow:0 0 0 2px var(--ink),1px 2px 0 2px var(--ink)}.button.secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.button.secondary:hover{background:var(--sunken)}.textbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;color:var(--accent-ink)}.textbtn:hover{text-decoration:underline;text-underline-offset:3px}.hint{margin-top:10px;font-size:14px;line-height:1.55;color:var(--muted)}.editorgrid,.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 28px 28px}.preview,.resultimage{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.checker{background-color:#faf8f4;background-image:conic-gradient(#efebe3 25%,transparent 0 50%,#efebe3 0 75%,transparent 0);background-size:20px 20px}.preview img,.preview video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.preview.square-crop img,.preview.square-crop video{-o-object-fit:cover;object-fit:cover}.preview-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;color:var(--muted)}.preview-caption{font-weight:600;color:var(--ink-2);white-space:nowrap}.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings .lead{margin:0 0 6px;font-size:15px}.settings label,.settings legend{display:flex;justify-content:space-between;align-items:center;width:100%;margin:20px 0 8px;font-size:14px;font-weight:600}.settings label span{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;background:var(--sunken);padding:3px 10px;border-radius:999px}.settings fieldset{border:0;margin:0;padding:0;min-width:0}.settings select{width:100%;min-height:48px;padding:0 40px 0 14px;border:1.5px solid var(--line-2);border-radius:14px;font-size:15px;color:var(--ink);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2317150f' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px}.settings select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #17150f12}.segmented button{min-height:42px}.settings-note{margin-top:12px;text-align:center;font-size:13px;color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--line)}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--accent);border:3px solid var(--ink);box-shadow:0 0 0 3px #fff;-webkit-transition:transform .1s;transition:transform .1s}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--ink);box-shadow:0 0 0 3px #fff}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent)}.processing{padding:44px 24px 30px;text-align:center}.processing-orb{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border-radius:24px;background:var(--sun);font-size:38px;color:var(--ink);box-shadow:0 0 0 4px #fff,var(--sticker-shadow);animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(6deg) scale(1.06)}}.processing>p{margin-top:8px;font-size:15px;color:var(--muted)}progress{display:block;width:min(100%,360px);height:8px;margin:20px auto 0;border:0;border-radius:999px;overflow:hidden;background:var(--line);-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:var(--line);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px;-webkit-transition:width .2s;transition:width .2s}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.conversion-stages{display:grid;gap:8px;max-width:360px;margin:22px auto 16px;padding:0;list-style:none;text-align:left}.conversion-stages li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);transition:background .2s,border-color .2s}.conversion-stages strong{display:block;font-size:14px;font-weight:600}.conversion-stages small{display:block;font-size:13px;margin-top:1px}.stage-dot{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font-size:12px;font-weight:600;background:var(--surface)}.conversion-stages li.current{background:var(--sun-soft);border-color:#f3dc85;color:var(--ink)}.current .stage-dot{background:var(--ink);border-color:var(--ink);color:#fff}.conversion-stages li.done,.done .stage-dot{color:var(--mint-ink)}.done .stage-dot{background:var(--mint);border-color:var(--mint)}.processing-note{font-size:13px!important}.readybadge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--mint);color:var(--mint-ink);font-size:14px;font-weight:600}.resultimage{padding:18px}.resultimage img{display:block;max-width:100%;width:300px;height:auto;-webkit-touch-callout:default;-moz-user-select:none;user-select:none;-webkit-user-select:none}.copy-callout{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--sun-soft);border:1px solid #f3dc85;font-size:14px}.copy-callout .i{font-size:20px;color:var(--accent-ink)}.copy-callout strong{font-weight:600}.file-stats{margin-top:10px;text-align:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.instructions h3{font-size:22px;margin-bottom:18px}.instruction-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.instruction-list li{display:flex;gap:12px}.instruction-list li>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600}.instruction-list p{font-size:14px;line-height:1.55;color:var(--muted)}.instruction-list strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.raw{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:6px 0;font-size:14px;font-weight:500;color:var(--accent-ink);text-underline-offset:3px}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 28px;border-top:1px solid var(--line);background:#fdfcfa;font-size:13px;color:var(--muted)}.error{margin-top:16px;padding:14px 18px;border-radius:14px;background:var(--danger-soft);border:1px solid #f6c7c0;color:var(--danger);font-size:15px;font-weight:500}.label{font-size:14px;font-weight:600;color:var(--accent-ink);margin-bottom:10px}.how-section{max-width:1120px;margin:0 auto;padding:96px 24px 72px}.section-heading{text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;list-style:none}.how-card{position:relative;padding:28px 26px 30px;border-radius:24px;border:1px solid var(--line);background:var(--surface)}.how-number{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:14px;font-family:var(--display);font-weight:800;font-size:24px;box-shadow:0 0 0 3px #fff,var(--sticker-shadow);transform:rotate(-6deg)}.tint-sun .how-number{background:var(--sun)}.tint-mint .how-number{background:var(--mint);transform:rotate(5deg)}.tint-pink .how-number{background:var(--pink)}.how-card h3{font-size:21px}.how-card p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;max-width:1120px;margin:0 auto;padding:40px 24px 88px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent-ink)}.plus{position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--sunken);transition:transform .2s,background .2s}.plus:after,.plus:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ink)}.plus:after{transform:rotate(90deg)}.faq-list details[open] .plus{transform:rotate(45deg);background:var(--sun)}.faq-list p{padding:0 44px 20px 0;font-size:15px;line-height:1.65;color:var(--muted)}footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:26px 24px;font-size:14px;color:var(--muted)}.footer-inner .brand-name{font-size:19px}.footer-inner .brand-mark{width:28px;height:28px;font-size:17px;border-radius:9px}.footer-cta{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);text-decoration:none}.footer-cta:hover{color:var(--accent-ink)}@media(min-width:1080px){.floaters{display:block}}@media(max-width:760px){.editorgrid,.resultgrid{grid-template-columns:1fr;gap:24px}.how-grid{gap:14px}.faq-section,.how-grid{grid-template-columns:1fr}.faq-section{gap:20px}}@media(max-width:640px){.site-header{padding:16px}.brand-name{font-size:20px}.brand-mark{width:30px;height:30px;font-size:18px}.site-header nav{gap:0}.nav-link{display:none}.privacy{font-size:12px;padding:5px 10px}.intro{padding:24px 16px}.hero-kicker{font-size:13px}h1{font-size:clamp(36px,10.5vw,46px);margin:18px auto 16px}.hero-sub{font-size:16px}.desktop-break{display:none}.hero-benefits{gap:6px 14px;font-size:13px;margin-top:18px}.workspace{padding:0 16px}.steps{gap:8px;font-size:13px}.steps i{width:14px}.steps b{display:none}.steps .active b{display:inline}.cardtop{padding:20px 18px 16px}#upload .cardtop{flex-direction:column;align-items:stretch}#upload .cardtop h2{font-size:24px}.drop{margin:0 18px 18px;padding:28px 16px;min-height:270px}.drop h3{font-size:23px}.urlimport{padding:0 18px 18px}.urlrow{flex-direction:column}.compat-banner{padding:12px 18px;font-size:13px;align-items:flex-start}.compat-banner>.i{margin-top:2px}.compat-banner a{display:none}.editorgrid,.resultgrid{padding:0 18px 22px}.result-footer{padding:4px 18px}.how-section{padding:64px 16px 48px}.faq-section{padding:24px 16px 64px}.faq-list summary{font-size:16px}.footer-inner{flex-wrap:wrap;padding:22px 16px}.footer-tag{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floater,.processing-orb{animation:none}.floater{transform:rotate(var(--tilt))}.button,.conversion-stages li,.drop,.drop-tile,.plus{transition:none}}.input-tabs button{white-space:nowrap}.hero-sub{margin-top:26px}@media(max-width:640px){.hero-sub{margin-top:18px}.how-card{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:16px;column-gap:16px;padding:20px}.how-number{grid-row:span 2;width:40px;height:40px;margin:2px 0 0;font-size:20px}.how-card p{margin-top:4px}.how-card h3{font-size:19px}}.settings fieldset{margin-top:20px}.settings fieldset legend{margin-top:0}.result-footer .textbtn{white-space:nowrap}@media(max-width:640px){.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .button{padding:0 12px;font-size:14px}.resultgrid{gap:28px}}:focus-visible{outline-color:var(--ink)}.brand-dot{background:linear-gradient(transparent 58%,var(--sun) 58%);padding:0 1px}.hero-kicker .i{color:var(--accent-deep)}.drop.drag{border-color:var(--ink)}.tile-sky{background:var(--sun)}.button.primary:hover{background:#ffe170}.compat-banner a,.raw,.textbtn{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:4px}.compat-banner a:hover,.raw:hover,.textbtn:hover{text-decoration-color:var(--accent-deep)}.footer-cta:hover,.nav-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:6px}.faq-list summary:hover{color:var(--ink)}.faq-list summary:hover .plus,.label{background:var(--sun)}.label{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px}.copy-callout .i,.label{color:var(--ink)}progress::-webkit-progress-value{background:var(--accent-deep)}progress::-moz-progress-bar{background:var(--accent-deep)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.tint-mint .how-number,.tint-pink .how-number{background:var(--sun)}.footer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;max-width:1120px;margin:0 auto;padding:0 24px 26px;font-size:14px;color:var(--muted)}.made{display:inline-flex;align-items:center;gap:5px}.heart{color:var(--accent-deep)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px}.footer-links a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:5px}.footer-inner{padding-bottom:14px}@media(max-width:640px){.footer-meta{flex-direction:column;align-items:flex-start;padding:0 16px 24px}.footer-links{flex-direction:column;gap:10px}}.footer-inner .brand{color:var(--ink)}