:root{--bg:#f7f7f5;--panel:#fff;--panel-soft:#f1f1ee;--ink:#171717;--muted:#666a70;--line:#d9d9d4;--line-strong:#b8b8b0;--accent:#d9392f;--accent-hover:#bd2e26;--accent-soft:#fff2f0;--focus:#2563eb;--shadow:#14141414;--radius:8px;--font-sans:"Nunito Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Sora", var(--font-sans);--band-accent:var(--accent);--band-tint:var(--accent-soft)}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-sans);letter-spacing:0;scroll-padding-top:78px}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:clip}button,input{font:inherit}button,a{color:inherit}.shell{width:min(1120px,100vw - 40px);margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f7f7f5f0;justify-content:space-between;align-items:center;gap:18px;min-height:62px;display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;place-items:center;width:28px;height:28px;display:grid}.brand-mark img{width:28px;height:28px;display:block}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:17px;height:17px}.brand-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.nav{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-toggle{display:none}.nav a{min-height:32px;color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;padding:0 10px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--panel-soft);color:var(--ink)}.hero{gap:24px;padding:38px 0 34px;display:grid}.hero-copy{display:block}.hero-main{text-align:center;justify-items:center;max-width:900px;margin:0 auto;display:grid}.eyebrow{border:1px solid var(--line);background:var(--panel);width:fit-content;min-height:28px;color:var(--muted);border-radius:6px;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:750;display:inline-flex}h1{overflow-wrap:break-word;max-width:none;margin:13px 0 9px;font-size:clamp(42px,5.2vw,74px);font-weight:800;line-height:1.03}h1 span{color:var(--accent)}.tagline{max-width:760px;color:var(--muted);overflow-wrap:break-word;margin:0;font-size:clamp(17px,2vw,23px);font-weight:600;line-height:1.5}.hero-tagline{color:#32363b;overflow-wrap:break-word;max-width:820px;margin:0 0 10px;font-size:clamp(24px,3vw,34px);font-weight:750;line-height:1.2}.effect-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.effect-chips span{border:1px solid var(--line);background:var(--panel);min-height:32px;color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.privacy-note{color:var(--muted);margin:12px 0 0;font-size:14px;font-weight:650;line-height:1.4}.privacy-note a{color:var(--ink);font-weight:850}.button{border:1px solid var(--line-strong);background:var(--panel);min-height:40px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none;transition:border-color .14s,background .14s,box-shadow .14s;display:inline-flex}.button:hover{background:#fafafa;border-color:#9d9d95}.button:focus-visible,.preset:focus-visible,.nav-toggle:focus-visible,.nav a:focus-visible,.upload-target:focus-within{outline-offset:2px;outline:3px solid #2563eb2e}.button.secondary{background:var(--panel);color:var(--ink)}.button.accent,.panel-actions .button:first-child{border-color:var(--accent);background:var(--accent);color:#fff}.button.accent:hover,.panel-actions .button:first-child:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.workspace{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);box-shadow:0 8px 28px var(--shadow);overflow:hidden}.workspace-bar{border-bottom:1px solid var(--line);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:14px;min-height:46px;padding:10px 14px;display:flex}.workspace-bar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:inline-flex}.bar-title,.file-status{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;display:inline-flex}.file-status{color:var(--muted);font-weight:650}.jump-guide-link{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--ink);border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.jump-guide-link:hover{border-color:var(--line-strong);background:#fbfbfa}.workspace-body{grid-template-columns:minmax(0,1fr) 300px;width:100%;min-width:0;max-width:100%;min-height:520px;display:grid}.preview-area{background:var(--panel);grid-template-rows:auto 1fr;min-width:0;display:grid}.upload-strip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.image-meta{border-top:1px solid var(--line);min-width:0;min-height:38px;color:var(--muted);background:#fbfbfa;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.image-meta strong{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:inline-flex}.saved-badge{color:#137333;background:#e9f8ee;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.upload-target{border-radius:var(--radius);background:#fbfbfa;border:1px dashed #aaa9a2;flex:1;align-items:center;gap:12px;min-width:0;min-height:62px;padding:12px;display:flex;position:relative}.upload-target input{cursor:pointer;opacity:0;position:absolute;inset:0}.upload-icon{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--accent);border-radius:7px;flex:none;place-items:center;display:grid}.upload-copy{min-width:0}.upload-copy strong{font-size:14px;font-weight:800;display:block}.upload-copy span{color:var(--muted);overflow-wrap:break-word;margin-top:3px;font-size:12px;font-weight:600;line-height:1.35;display:block}.preview-grid{background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:0;display:grid}.preview-card{background:var(--panel);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.preview-card+.preview-card{border-left:1px solid var(--line)}.preview-label{border-bottom:1px solid var(--line);min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.preview-label strong{color:var(--ink)}.preview-label span:last-child{color:var(--muted);font-weight:500}.canvas-wrap{background-color:#0000;background-image:linear-gradient(45deg,#1e1e1e09 25%,#0000 25%),linear-gradient(-45deg,#1e1e1e09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1e1e1e09 75%),linear-gradient(-45deg,#0000 75%,#1e1e1e09 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-height:0;padding:18px;display:grid}canvas{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:6px;width:100%;max-width:420px;height:auto;max-height:420px}#processedCanvas.pixelated{image-rendering:pixelated}.control-panel{border-left:1px solid var(--line);background:#fafaf8;grid-template-rows:auto 1fr auto;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.panel-section{border-bottom:1px solid var(--line);min-width:0;max-width:100%;padding:14px;overflow:hidden}.advanced-panel{padding:0}.advanced-panel summary{min-height:46px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:800;list-style:none;display:flex}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel-body{padding:0 14px 14px}.panel-section h3,.panel-title{margin:0 0 10px;font-size:13px;font-weight:800}.preset-picker{min-width:0;max-width:100%;display:block;position:relative;overflow:hidden}.preset-picker:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fafaf800,#fafaf8 82%);width:34px;position:absolute;top:0;bottom:4px;right:0}.presets{scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;gap:7px;width:100%;min-width:0;max-width:100%;padding:0 34px 6px 0;scroll-padding-inline:0 34px;display:flex;overflow:auto hidden}.preset{border:1px solid var(--line);background:linear-gradient(135deg, #ffffffb8, #ffffff2e), var(--panel);max-width:102px;min-height:46px;color:var(--ink);cursor:pointer;scroll-snap-align:start;text-align:left;text-shadow:0 1px #ffffffa6;user-select:none;white-space:normal;border-radius:7px;flex:0 0 102px;padding:8px 9px;font-size:12px;font-weight:900;line-height:1.15;position:relative;overflow:hidden}.preset:hover{border-color:var(--line-strong);box-shadow:inset 0 0 0 999px #ffffff1f}.preset.active{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), 0 2px 0 #d9392f29;color:var(--ink)}.preset[data-preset=none]{background:linear-gradient(135deg,#ffffffdb,#ffffff57),linear-gradient(135deg,#fbfbfa,#ecece7)}.preset[data-preset=mild]{background:linear-gradient(135deg,#ffffffc7,#fff3),repeating-linear-gradient(90deg,#1f1f1f14 0 2px,#0000 2px 7px),linear-gradient(135deg,#f1eadf,#d6c4a6)}.preset[data-preset=meme]{background:linear-gradient(135deg,#ffffffb3,#ffffff14),repeating-linear-gradient(45deg,#d9392f38 0 4px,#0000 4px 10px),linear-gradient(135deg,#f7d261,#e58b73 50%,#89c2d9)}.preset[data-preset=deepfried]{background:linear-gradient(135deg,#ffffff94,#ffffff0a),repeating-radial-gradient(circle at 22% 28%,#ffffff3d 0 2px,#0000 2px 8px),linear-gradient(135deg,#ffe45f,#ef6a27 48%,#b41414)}.preset[data-preset=blurry]{filter:blur(.1px);background:linear-gradient(135deg,#ffffffd1,#ffffff2e),radial-gradient(circle at 28% 35%,#2563eb47,#0000 34%),radial-gradient(circle at 72% 65%,#15803d38,#0000 36%),linear-gradient(135deg,#e9eef7,#d8d0bd)}.preset[data-preset=pixelated]{background:linear-gradient(135deg,#ffffffb8,#ffffff24),linear-gradient(90deg,#1717171f 50%,#0000 50%) 0 0/14px 14px,linear-gradient(#0000 50%,#1717171f 50%) 0 0/14px 14px,linear-gradient(135deg,#bdd7c5,#dec397)}.preset[data-preset=crunchy]{background:linear-gradient(135deg,#ffffffa3,#ffffff14),repeating-linear-gradient(90deg,#17171724 0 2px,#0000 2px 5px),repeating-linear-gradient(0deg,#d9392f2e 0 2px,#0000 2px 6px),linear-gradient(135deg,#f2c14e,#e76f51 52%,#2a9d8f)}.slider-stack{align-content:start;gap:14px;width:100%;min-width:0;max-width:100%;padding:14px;display:grid;overflow:hidden auto}.control{gap:7px;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.control label{min-width:0;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:750;display:flex}.control output{color:var(--ink);font-variant-numeric:tabular-nums;flex:none}.control-hint{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}input[type=range]{box-sizing:border-box;inline-size:100%;width:100%;min-width:0;max-width:100%;accent-color:var(--accent);margin:0;display:block}.panel-actions{border-top:1px solid var(--line);gap:8px;min-width:0;padding:14px;display:grid}.simple-workspace .workspace-body{grid-template-columns:minmax(0,1fr) 280px}.simple-workspace .control-panel{grid-template-rows:auto auto 1fr auto}.simple-workspace .presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid;overflow:visible}.simple-workspace .preset-picker:after{display:none}.simple-workspace .preset{text-align:center;width:100%;max-width:none;min-height:48px}.simple-workspace .preset:last-child{grid-column:1/-1}.strength-panel{background:var(--panel)}.strength-panel .control{overflow:visible}.matcha-image-page{--matcha-dark:#263019;--matcha-mid:#72843d;--matcha-light:#d9df9a;--matcha-gold:#c8a84b}.matcha-page-eyebrow{color:#5c6d2f;text-transform:uppercase;width:fit-content;margin:0 0 10px;font-size:13px;font-weight:850}.matcha-workspace{--accent:#667a2b;--accent-hover:#4f611e;border-color:#aab18a;box-shadow:0 10px 30px #2630191f}.matcha-workspace .workspace-bar{background:#eef0df}.matcha-workspace .upload-icon{color:var(--matcha-mid)}.matcha-upload-target{background:linear-gradient(90deg,#d9df9a2e,#0000 42%),#fbfbf7}.matcha-upload-target.is-dragging{border-color:var(--matcha-mid);background:#f0f3d9;box-shadow:inset 0 0 0 2px #72843d2e}.matcha-palette{background:#ffffff9e;border:1px solid #26301929;border-radius:6px;align-items:center;gap:4px;padding:4px;display:inline-flex}.matcha-swatch{border:1px solid #2630192e;border-radius:3px;width:14px;height:14px}.matcha-swatch-dark{background:var(--matcha-dark)}.matcha-swatch-mid{background:var(--matcha-mid)}.matcha-swatch-light{background:var(--matcha-light)}.matcha-control-panel{background:#f8f8f1;grid-template-rows:auto 1fr auto}.matcha-control-intro{background:linear-gradient(135deg,#d9df9a52,#0000 58%),#f8f8f1}.matcha-control-intro h2{color:var(--matcha-dark);margin:6px 0;font-size:18px;line-height:1.2}.matcha-control-intro p{color:var(--muted);margin:0;font-size:12px;font-weight:650;line-height:1.45}.matcha-kicker{color:#6f5b20;text-transform:uppercase;font-size:11px;font-weight:900}.matcha-slider-stack{gap:18px}.matcha-format-fieldset{border:0;min-width:0;margin:0;padding:0}.matcha-quality-control[hidden]{display:none}.matcha-format-fieldset legend{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:750}.matcha-segmented{border:1px solid var(--line);background:#ecece4;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.matcha-segmented button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:12px;font-weight:850}.matcha-segmented button.is-active{background:var(--panel);color:var(--matcha-dark);box-shadow:0 1px 4px #26301921}.matcha-compare-button{min-height:28px;color:var(--matcha-dark);cursor:pointer;touch-action:none;background:#f7f8ee;border:1px solid #aab18a;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.matcha-compare-button .icon{width:14px;height:14px}.matcha-compare-button:active,.matcha-compare-button[aria-pressed=true]{background:var(--matcha-dark);color:#fff}.matcha-canvas-stack{position:relative}.matcha-canvas-stack canvas{grid-area:1/1}.matcha-original-overlay{z-index:2;opacity:0;pointer-events:none;transition:opacity .1s;position:relative}.matcha-canvas-stack.is-comparing .matcha-original-overlay{opacity:1}.matcha-rendering-status{z-index:3;color:var(--matcha-dark);background:#f8f8f1f0;border:1px solid #26301938;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:850;position:absolute;bottom:14px;right:14px}.matcha-workspace .button:disabled{cursor:progress;opacity:.62}.matcha-tool-note{background:linear-gradient(135deg, #d9df9a42, transparent 70%), var(--panel-soft);border-color:#bbc29a}.matcha-update-note{color:var(--muted);grid-column:1/-1;margin:-4px 0 0;font-size:12px;font-weight:700;line-height:1.45}.matcha-prose{gap:16px;display:grid}.matcha-prose>p{max-width:72ch;color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:1.7}.matcha-prose strong{color:var(--ink)}.matcha-answer-box{border:1px solid #aab18a;border-left:4px solid var(--matcha-mid);border-radius:var(--radius);background:#f5f6e9;max-width:72ch;padding:17px 18px}.matcha-answer-box>strong{color:var(--matcha-dark);text-transform:uppercase;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.matcha-answer-box p{color:#4e563e;margin:0;font-size:14px;font-weight:650;line-height:1.55}.matcha-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.matcha-feature-grid .seo-card{border-top:3px solid var(--matcha-mid)}.matcha-use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matcha-use-case-grid .seo-card{padding-top:21px;position:relative}.matcha-use-case-grid .seo-card:before{background:var(--matcha-gold);content:"";width:28px;height:3px}.matcha-settings-table th:first-child{width:19%}.matcha-settings-table th:last-child{width:34%}.matcha-comparison-table{min-width:680px}.matcha-fact-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.matcha-fact-grid>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(92px,.3fr) minmax(0,1fr);gap:14px;padding:18px 0;display:grid}.matcha-fact-grid>div:nth-child(odd){padding-right:22px}.matcha-fact-grid>div:nth-child(2n){border-left:1px solid var(--line);padding-left:22px}.matcha-fact-grid dt{color:var(--matcha-dark);font-size:13px;font-weight:900}.matcha-fact-grid dd{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.55}.batch-workspace{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.batch-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);display:grid}.batch-main{flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.batch-upload{border:2px dashed var(--line);cursor:pointer;border-radius:10px;padding:28px 20px;transition:border-color .15s,background .15s}.batch-upload:hover,.batch-upload.drag-over{border-color:var(--accent);background:var(--fill)}.batch-preview{padding:0}.batch-preview .preview-label{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:750}.batch-preview .preview-label span{color:var(--ink);font-weight:650}.batch-preview .preview-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.batch-preview .preview-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.batch-preview .preview-card-label{color:var(--muted);border-bottom:1px solid var(--line);background:var(--fill);padding:5px 8px;font-size:11px;font-weight:750}.batch-preview .canvas-wrap{place-items:center;padding:4px;display:grid}.batch-preview .canvas-wrap canvas{border-radius:4px;max-width:100%;height:auto;max-height:200px;display:block}.batch-preview .preview-card-size{color:var(--muted);text-align:center;padding:4px 8px 8px;font-size:11px;font-weight:700}.upload-target-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.upload-target-inner .upload-icon{color:var(--muted);opacity:.7}.upload-target-inner .upload-copy{flex-direction:column;gap:4px;font-size:14px;display:flex}.upload-target-inner .upload-copy strong{font-size:15px;font-weight:750}.upload-target-inner .upload-copy span{color:var(--muted);font-size:13px}.batch-queue{min-height:60px}.queue-header{color:var(--muted);justify-content:space-between;align-items:center;padding:0 0 6px;font-size:12px;font-weight:750;display:flex}.queue-list{flex-direction:column;gap:6px;min-height:40px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.queue-item{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .12s,background .12s;display:flex}.queue-item:hover{border-color:var(--accent)}.queue-item-active{border-color:var(--accent);background:var(--fill)}.queue-thumb{background:var(--fill);border-radius:6px;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.queue-thumb-img{object-fit:cover;width:100%;height:100%}.queue-info{flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0;display:grid}.queue-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.queue-meta{color:var(--muted);font-size:12px}.queue-status{grid-column:1/-1;font-size:11px;font-weight:750}.status-ready{color:var(--muted)}.status-processing{color:var(--accent)}.status-done{color:#219653}.status-failed{color:#d64934}.queue-progress{background:var(--line);border-radius:2px;grid-column:1/-1;height:3px;margin-top:2px;overflow:hidden}.queue-progress-bar{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .15s ease-out}.queue-remove{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;transition:color .12s,border-color .12s;display:grid}.queue-remove:hover{color:#d64934;border-color:#d64934}.batch-actions{flex-wrap:wrap;gap:8px;padding:8px 0 0;display:flex;position:relative}.batch-actions .button{flex:auto;min-width:120px}.batch-actions .button:disabled{border-color:var(--line);background:var(--panel-soft);color:var(--muted);cursor:not-allowed;opacity:.72}.batch-steps{flex-wrap:wrap;gap:12px;margin:2px 0 0;padding:0;list-style:none;display:flex}.batch-steps li{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.batch-steps li>span{background:var(--panel-soft);width:20px;height:20px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:10px;display:grid}.batch-steps li.batch-step-active{color:var(--ink)}.batch-steps li.batch-step-active>span{background:var(--accent);color:#fff}.batch-toast{background:var(--ink);color:var(--surface);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;margin-bottom:8px;padding:6px 14px;font-size:12px;font-weight:650;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(6px)}.batch-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.batch-summary{border:1px solid var(--line);background:var(--fill);border-radius:8px;padding:10px 14px}.summary-text{font-size:14px;font-weight:750;display:block}.summary-detail{color:var(--muted);margin-top:2px;font-size:12px;display:block}.bar-sep{opacity:.4}@media (width<=820px){.batch-layout,.batch-examples-grid{grid-template-columns:1fr}}.tool-page-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.54fr);align-items:start;gap:16px 24px;padding:28px 0 34px;display:grid}.tool-page-hero>.section-heading{max-width:none;display:contents}.tool-page-hero h1{grid-column:1/-1;max-width:none;margin:0 0 4px;font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1.05}.tool-page-answer{max-width:920px;color:var(--ink);grid-column:1/-1;margin:0;font-size:17px;font-weight:600;line-height:1.55}.tool-page-answer strong{font-weight:850}.tool-page-copy{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(340px,.54fr);align-items:start;column-gap:24px;display:grid}.tool-page-copy .page-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1;max-width:none;margin:0;padding:16px 0 18px;font-size:16px;line-height:1.58}.tool-page-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);grid-column:2;align-content:center;gap:12px;max-width:none;padding:16px 18px;display:grid}.tool-main-cta{color:var(--ink);grid-column:1/-1;margin:0;padding:12px 0 0;font-size:15px;font-weight:750;line-height:1.5}.tool-main-cta a{color:var(--accent);text-underline-offset:3px;font-weight:850}.tool-page-note p{color:var(--muted);margin:0;font-size:15px;font-weight:650;line-height:1.5}.tool-page-facts{border-top:1px solid var(--line);gap:7px;margin:0;padding:12px 0 0;list-style:none;display:grid}.tool-page-facts li{color:var(--ink);padding-left:16px;font-size:12px;font-weight:750;line-height:1.4;position:relative}.tool-page-facts li:before{content:"";background:#219653;border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.tool-page-hero>.workspace{grid-column:1/-1;margin-top:0}.page-hero{padding:28px 0 34px}.page-hero h1{max-width:none;margin:0 0 4px;font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1.05}.page-hero .page-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:72ch;margin:14px 0 10px;padding:16px 0 18px;font-size:16px;font-weight:750;line-height:1.58}.page-hero>p:not(.page-intro){max-width:72ch;color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.58}.seo-section{border-top:1px solid var(--line);gap:18px;padding:34px 0;display:grid}.content-band{--band-bg:var(--bg);border-top:1px solid var(--line);background:var(--band-bg);width:auto;box-shadow:0 0 0 100vmax var(--band-bg);clip-path:inset(0 -100vmax);margin-inline:0;padding:68px 20px;position:relative}.content-band.band-soft{--band-bg:#efeee8}.tone-red{--band-accent:#d9392f;--band-tint:#fff2f0}.tone-blue{--band-accent:#2563eb;--band-tint:#eef4ff}.tone-green{--band-accent:#15803d;--band-tint:#edf8f1}.tone-amber{--band-accent:#b45309;--band-tint:#fff7e8}.split-section{grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);gap:30px}.section-heading{max-width:720px}.content-band .section-heading{text-align:center;max-width:920px;margin-inline:auto}.section-heading h2{margin:0;font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.08}.content-band .section-heading h2{max-width:820px;color:color-mix(in srgb, var(--ink) 88%, var(--band-accent));font-family:var(--font-display);margin-inline:auto;font-size:clamp(32px,4.4vw,50px);font-weight:900;line-height:1.02}.section-heading p{color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.5}.tool-content-page>.seo-section:not(.split-section)>.section-heading{max-width:none}.tool-content-page>.seo-section:not(.split-section)>.section-heading h2{max-width:1100px}.tool-content-page>.seo-section:not(.split-section)>.section-heading p{max-width:780px}.content-band .section-heading p{border:2px solid var(--ink);border-radius:var(--radius);background:linear-gradient(90deg, var(--band-tint), transparent 34%), var(--panel);max-width:800px;box-shadow:4px 5px 0 var(--ink);color:#3c3d42;margin:22px auto 0;padding:22px 28px;font-size:17px;font-weight:800;line-height:1.55}.preset-card-grid,.examples-grid,.faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.content-band .preset-card-grid,.content-band .examples-grid,.content-band .faq-list{gap:24px}.content-band .feature-grid,.content-band .triad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-band .tuning-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-band .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-band .faq-grid .faq-item:first-child{grid-column:1/-1}.content-band.split-section{grid-template-columns:1fr}.seo-card,.example-card,.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;padding:15px}.content-band .seo-card,.content-band .example-card,.content-band .faq-item,.content-band .related-tools-grid a,.content-band .source-list a,.content-band .steps-list li,.content-band .scenario-list li{border:2px solid var(--ink);background:var(--panel);box-shadow:4px 5px 0 var(--ink)}.content-band .seo-card,.content-band .example-card,.content-band .faq-item{padding:28px}.numbered-grid{counter-reset:feature-cards}.numbered-grid .seo-card{counter-increment:feature-cards;position:relative}.content-band .seo-card,.content-band .faq-item,.content-band .related-tools-grid a,.content-band .source-list a,.content-band .steps-list li,.content-band .scenario-list li{position:relative;overflow:visible}.content-band .seo-card:before,.content-band .faq-item:before,.content-band .related-tools-grid a:before,.content-band .source-list a:before,.content-band .steps-list li:after,.content-band .scenario-list li:before{background:var(--band-accent);content:"";border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:18px;right:18px}.numbered-grid .seo-card:after{border:4px solid var(--bg);background:var(--band-accent);color:#fff;content:counter(feature-cards);border-radius:999px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:900;line-height:1;display:grid;position:absolute;top:-18px;right:18px}.band-soft .numbered-grid .seo-card:after{border-color:#efeee8}.seo-card h3,.example-card h3,.faq-item h3{margin:0 0 7px;font-size:16px;font-weight:800;line-height:1.2}.content-band .seo-card h3,.content-band .example-card h3,.content-band .faq-item h3,.content-band .related-tools-grid strong,.content-band .source-list strong{font-family:var(--font-display);margin-bottom:14px;font-size:21px;line-height:1.13}.seo-card p,.faq-item p{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.5}.seo-card p+p{margin-top:10px}.content-band .seo-card p,.content-band .faq-item p,.content-band .related-tools-grid span,.content-band .source-list span{color:#4f5158;font-size:16px;font-weight:650;line-height:1.55}.steps-list{counter-reset:steps;gap:10px;margin:0;padding:0;list-style:none;display:grid}.scenario-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.content-band .steps-list,.content-band .scenario-list{gap:24px}.content-band .step-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.content-band .use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;color:var(--muted);padding:13px 14px;font-size:15px;font-weight:650;line-height:1.45}.content-band .scenario-list{counter-reset:scenario-cards}.content-band .scenario-list li{color:#4f5158;counter-increment:scenario-cards;min-height:152px;padding:30px 28px;font-size:16px;font-weight:700;line-height:1.55;position:relative}.content-band .scenario-list li:after{background:var(--band-accent);color:#fff;content:counter(scenario-cards);border:4px solid #efeee8;border-radius:999px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:grid;position:absolute;top:-18px;right:18px}.scenario-list-detailed li{flex-direction:column;gap:12px;display:flex}.scenario-list-detailed h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:19px;line-height:1.2}.scenario-list-detailed p{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.5}.scenario-meta{border-top:1px solid var(--line);gap:10px;margin:auto 0 0;padding-top:12px;display:grid}.scenario-meta div{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:10px;display:grid}.scenario-meta dt{color:var(--ink);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:850}.scenario-meta dd{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.45}.steps-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:44px;color:var(--muted);counter-increment:steps;padding:11px 14px 11px 48px;font-size:15px;font-weight:650;line-height:1.45;position:relative}.content-band .steps-list li{color:#4f5158;min-height:214px;padding:34px 20px 24px;font-size:15px;font-weight:700;line-height:1.55}.steps-list li:before{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);content:counter(steps);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:10px;left:12px}.content-band .steps-list li:before{border:4px solid var(--bg);background:var(--band-accent);color:#fff;width:38px;height:38px;font-size:16px;font-weight:900;top:-18px;left:auto;right:18px}.settings-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto}.content-band .settings-table-wrap{border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}.settings-table{border-collapse:collapse;width:100%;min-width:820px;font-size:14px}.settings-table th,.settings-table td{border-bottom:1px solid var(--line);color:var(--muted);text-align:left;vertical-align:top;padding:12px 13px;font-weight:600;line-height:1.45}.content-band .settings-table th,.content-band .settings-table td{color:#4f5158;padding:18px 20px;font-size:15px;font-weight:750}.settings-table thead th,.settings-table tbody th{color:var(--ink);font-weight:800}.settings-table tbody tr:last-child th,.settings-table tbody tr:last-child td{border-bottom:0}.example-card{gap:12px;display:grid}.content-band .example-card{gap:18px}.example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.content-band .example-pair{gap:14px}.example-pane{gap:8px;min-width:0;display:grid}.example-image{border:1px solid var(--line);background:linear-gradient(135deg,#dfe9f3,#f4ecd8 54%,#eab6ad);border-radius:7px;place-items:end start;min-height:142px;display:grid;overflow:hidden}.content-band .example-image{border-color:var(--ink);min-height:178px}.example-image img{width:100%;height:100%;min-height:inherit;object-fit:cover;grid-area:1/1}.example-image:has(img){background:#f6f6f2}.example-image span{z-index:1;color:var(--ink);background:#ffffffd6;border-radius:999px;grid-area:1/1;margin:10px;padding:4px 7px;font-size:12px;font-weight:800;position:relative}.example-image.after{filter:contrast(1.4)saturate(1.55);image-rendering:pixelated}.example-image.after:has(img){filter:none;image-rendering:auto}.example-image.after:before{content:"";background:repeating-linear-gradient(90deg,#d9392f2e 0 3px,#0000 3px 8px),repeating-linear-gradient(0deg,#17171714 0 2px,#0000 2px 7px);grid-area:1/1;width:100%;height:100%}.example-image.after:has(img):before{content:none}.example-image.after span{grid-area:1/1}.example-size-row{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:750;display:flex}.example-size-row strong{color:var(--ink);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-weight:850;display:inline-flex}.examples-slider-grid{align-items:start}.example-slider-card{gap:14px}.before-after-compare{--compare-position:50%;gap:10px;display:grid}.compare-media{aspect-ratio:1;border:1px solid var(--line);isolation:isolate;background-color:#f8f8f4;background-image:linear-gradient(45deg,#19181509 25%,#0000 25%),linear-gradient(-45deg,#19181509 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#19181509 75%),linear-gradient(-45deg,#0000 75%,#19181509 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;display:grid;position:relative;overflow:hidden}.compare-image{object-fit:contain;user-select:none;pointer-events:none;grid-area:1/1;width:100%;height:100%}.compare-before{z-index:1;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);position:absolute;inset:0}.compare-label{z-index:2;max-width:calc(50% - 22px);color:var(--ink);background:#ffffffdb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;line-height:1.2;position:absolute;bottom:12px;box-shadow:0 6px 18px #19181514}.compare-label-before{left:12px}.compare-label-after{right:12px}.compare-handle{z-index:3;top:0;bottom:0;left:var(--compare-position);pointer-events:none;width:0;position:absolute}.compare-handle:before{content:"";background:#fffffff2;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:4px 0 14px #19181538}.compare-handle span{border:2px solid var(--accent);background:#fffffff0;border-radius:999px;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #1918152e}.compare-handle span:before,.compare-handle span:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare-handle span:before{border-right:6px solid var(--accent);left:7px}.compare-handle span:after{border-left:6px solid var(--accent);right:7px}.compare-range{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-size-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-size-row>span{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.example-2{background-size:16px 16px}.example-3{filter:contrast(2)saturate(2.1)}.related-tools-grid,.source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.content-band .related-tools-grid,.content-band .source-list{gap:24px}.related-tools-grid a,.source-list a{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:5px;min-width:0;padding:15px;text-decoration:none;display:grid}.content-band .related-tools-grid a,.content-band .source-list a{padding:28px}.related-tools-grid a:hover,.source-list a:hover{border-color:var(--line-strong);background:#fbfbfa}.related-tools-grid strong,.source-list strong{font-size:16px;font-weight:800}.related-tools-grid span,.source-list span{color:var(--muted);font-size:14px;font-weight:600;line-height:1.45}.reveal-enabled .reveal-item{opacity:0;transition:opacity .56s,transform .56s;transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(24px)}.reveal-enabled .reveal-item.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-enabled .reveal-item{opacity:1;transition:none;transform:none}}.guide,.content-page{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:30px;padding:36px 0 60px;display:grid}.batch-content-page{border-top:1px solid var(--line);padding:36px 0 60px;display:block}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.breadcrumbs a{color:var(--ink);text-decoration:none}.breadcrumbs a:hover{text-underline-offset:3px;text-decoration:underline}.batch-content-page .section-heading{max-width:none}.batch-content-page .section-heading h2{overflow-wrap:break-word;max-width:100%;font-size:clamp(24px,2.35vw,32px);line-height:1.14}.batch-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.batch-example-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;padding:14px}.batch-example-heading{gap:4px;min-height:62px;display:grid}.batch-example-heading h3{margin:0;font-size:16px;line-height:1.2}.batch-example-heading span{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.batch-example-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.batch-example-images figure{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-soft);border-radius:6px;min-width:0;margin:0;display:grid;overflow:hidden}.batch-example-images img{object-fit:contain;border:0;border-radius:0;width:100%;height:100%;display:block}.batch-example-images figcaption{color:var(--muted);margin-top:5px;font-size:11px;font-weight:750}.batch-example-meta{border-top:1px solid var(--line);gap:4px;margin-top:12px;padding-top:10px;font-size:11px;line-height:1.4;display:grid}.batch-example-meta span{color:var(--muted)}.batch-example-meta strong{color:#137333;font-size:12px}.guide h2,.content-page h1{max-width:14ch;margin:0;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.05}.guide-grid,.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-card,.content-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:15px}.guide-card h3,.content-card h2,.content-card h3{margin:0 0 7px;font-size:15px;font-weight:800}.guide-card p,.content-card p,.content-card li,.page-intro{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.55}.content-card p+p{margin-top:10px}.content-card ul{gap:7px;margin:0;padding-left:18px;display:grid}.content-card a{color:var(--accent);font-weight:800;text-decoration:none}.content-card a:hover{text-decoration:underline}.page-intro{margin-bottom:14px;font-size:17px}.page-intro a,.section-heading a{color:var(--accent);font-weight:850;text-decoration:none}.page-intro a:hover,.section-heading a:hover{text-underline-offset:3px;text-decoration:underline}.legal-page{min-height:52vh}.about-page{padding-top:42px;display:block}.about-header{max-width:860px;padding-bottom:34px}.about-kicker,.about-section-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850;line-height:1.3}.about-header h1{max-width:18ch;font-family:var(--font-display);margin:0 0 18px;font-size:clamp(36px,6vw,68px);font-weight:800;line-height:1.02}.about-header .page-intro{max-width:70ch;color:var(--ink);margin-bottom:20px;font-size:18px;font-weight:650;line-height:1.62}.about-byline{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:end;gap:18px;padding-top:15px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.about-byline div{gap:2px;display:grid}.about-byline strong{color:var(--ink);font-size:13px}.about-body{border-top:1px solid var(--line);gap:0;display:grid}.about-story,.about-privacy,.about-contact{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:clamp(26px,6vw,82px);padding:38px 0;display:grid}.about-story h2,.about-privacy h2,.about-contact h2,.about-facts h2{max-width:20ch;font-family:var(--font-display);margin:0;font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.12}.about-story-copy{max-width:68ch}.about-story-copy p,.about-facts p,.about-privacy-content p,.about-contact p{color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:1.65}.about-story-copy p+p,.about-contact p+p{margin-top:14px}.about-facts{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-facts article{min-width:0;padding:34px 22px 38px 0}.about-facts article+article{border-left:1px solid var(--line);padding-left:22px}.about-facts h2{margin-bottom:12px;font-size:21px}.about-privacy{background:var(--panel-soft);box-shadow:0 0 0 100vmax var(--panel-soft);clip-path:inset(0 -100vmax)}.about-privacy-content{max-width:70ch}.about-privacy-content ol{counter-reset:privacy-steps;gap:11px;margin:0 0 18px;padding:0;list-style:none;display:grid}.about-privacy-content li{color:var(--ink);counter-increment:privacy-steps;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;font-size:14px;font-weight:650;line-height:1.5;display:grid}.about-privacy-content li:before{background:var(--ink);width:25px;height:25px;color:var(--panel);content:counter(privacy-steps);border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.about-privacy-content strong{font-weight:850}.about-privacy-content a,.about-contact a{color:var(--accent);font-weight:850;text-decoration:none}.about-privacy-content a:hover,.about-contact a:hover{text-underline-offset:3px;text-decoration:underline}.about-email{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.about-email>a{font-family:var(--font-display);overflow-wrap:anywhere;font-size:20px}.about-email span{color:var(--muted);font-size:13px}.about-update{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:17px 0 3px;font-size:12px;font-weight:700;line-height:1.5;display:flex}.blog-index-page{min-height:52vh}.blog-list{gap:12px;display:grid}.blog-list-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:8px;padding:18px;display:grid}.blog-list-card h2{font-family:var(--font-display);overflow-wrap:break-word;margin:0;font-size:22px;line-height:1.15}.blog-list-card h2 a{color:var(--ink);text-decoration:none}.blog-list-card h2 a:hover{color:var(--accent);text-decoration:underline}.blog-list-card p:not(.article-meta){color:var(--muted);margin:0;font-size:15px;font-weight:650;line-height:1.55}.blog-article{border-top:1px solid var(--line);justify-items:center;gap:26px;padding:38px 0 64px;display:grid}.blog-article>.breadcrumb,.blog-article>.article-hero,.blog-article>.article-layout,.blog-article>.article-tool-embed{width:min(900px,100%)}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;font-weight:800;line-height:1.4;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--ink)}.breadcrumb-separator{color:var(--line-strong)}.article-hero{gap:14px;display:grid}.article-meta{color:var(--accent);margin:0;font-size:13px;font-weight:900}.article-meta a{color:inherit;text-underline-offset:3px;text-decoration:underline 1.5px}.article-hero h1{white-space:normal;overflow-wrap:break-word;max-width:100%;margin:0;font-size:clamp(42px,5vw,64px);font-weight:900;line-height:1.04}.article-lead{color:#3d4046;max-width:760px;margin:0;font-size:20px;font-weight:700;line-height:1.55}.article-tool-cta{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(90deg, var(--accent-soft), transparent 48%), var(--panel);gap:12px;max-width:640px;margin-top:4px;padding:16px 18px;display:grid}.article-tool-cta p{color:var(--ink);margin:0;font-size:16px;font-weight:700;line-height:1.5}.article-tool-cta .button{justify-self:start}.blog-essay{gap:22px}.blog-essay .essay-hero{gap:12px}.essay-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.blog-essay .article-hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,56px)}.essay-body{gap:18px;width:min(720px,100%);padding-bottom:8px;display:grid}.essay-body p,.essay-body li{color:#2f3238;margin:0;font-size:18px;font-weight:550;line-height:1.7}.essay-body h2{color:var(--ink);font-family:var(--font-display);margin:18px 0 0;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.2}.essay-body a{color:var(--accent);text-underline-offset:3px;font-weight:750}.essay-pull{border-left:3px solid var(--ink);color:var(--ink);margin:8px 0;padding:4px 0 4px 18px;font-size:22px;font-weight:800;line-height:1.4}.essay-demand{gap:18px;margin:4px 0 8px;display:grid}.essay-demand-item{gap:6px;display:grid}.essay-demand-item h3{color:var(--ink);margin:0;font-size:18px;font-weight:850;line-height:1.3}.essay-demand-item p{color:#3d4046;margin:0;font-size:16px;font-weight:550;line-height:1.6}.essay-close{border-top:1px solid var(--line);gap:12px;margin-top:10px;padding:22px 0 8px;display:grid}.essay-close .button{justify-self:start}.essay-faq{border-top:1px solid var(--line);gap:16px;margin-top:8px;padding-top:8px;display:grid}.essay-faq-item{gap:6px;display:grid}.essay-faq-item h3{color:var(--ink);margin:0;font-size:17px;font-weight:850;line-height:1.35}.essay-faq-item p{color:#3d4046;font-size:16px}.article-layout{grid-template-columns:minmax(0,1fr);display:grid}.article-tool-embed{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.article-tool-heading{gap:8px;max-width:760px;display:grid}.article-tool-heading h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.15}.article-tool-heading p{color:var(--muted);margin:0;font-size:16px;font-weight:650;line-height:1.6}.article-content{gap:26px;display:grid}.article-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;min-width:0;padding:24px;display:grid}.article-section img{max-width:100%;height:auto}.example-disclosure{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:600;line-height:1.5}.article-section h2,.article-section h3{color:var(--ink);font-family:var(--font-display);margin:0;line-height:1.15}.article-section h2{font-size:clamp(24px,3vw,34px)}.article-section h3{margin-top:6px;font-size:18px}.article-section p,.article-section li{color:var(--muted);margin:0;font-size:16px;font-weight:650;line-height:1.65}.article-section p+p{margin-top:2px}.article-section a{color:var(--accent);font-weight:850;text-decoration:none}.article-section a:hover{text-decoration:underline}.article-section ol{gap:8px;margin:0;padding-left:22px;display:grid}.article-table-wrap{margin-top:4px}.article-style-guide{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);gap:10px;margin-top:8px;padding:18px;display:grid}.article-style-guide strong{color:var(--ink);font-weight:900}.article-section .examples-grid{grid-template-columns:minmax(0,1fr)}.resolution-source-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin:4px 0;display:grid;overflow:hidden}.resolution-source-media{aspect-ratio:1;border-right:1px solid var(--line);background:#eee}.resolution-source-media img{object-fit:cover;width:100%;height:100%;display:block}.resolution-source-card figcaption{gap:7px;padding:16px 18px 16px 0;display:grid}.resolution-source-card figcaption strong{color:var(--ink);font-size:17px;font-weight:900}.resolution-source-card figcaption span{color:var(--accent);font-size:13px;font-weight:850}.resolution-source-card figcaption p{font-size:14px;line-height:1.55}.quality-ladder{gap:16px;display:grid}.quality-ladder-note{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg, var(--accent-soft), transparent 40%), var(--panel-soft);color:var(--muted);grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);align-items:stretch;gap:14px;padding:16px;font-size:14px;font-weight:700;line-height:1.45;display:grid}.quality-ladder-note strong{color:var(--ink);margin-bottom:4px;font-weight:900;display:block}.quality-ladder-note dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.quality-ladder-note dl div{border:1px solid var(--line);background:#ffffffad;border-radius:7px;min-width:0;padding:10px}.quality-ladder-note dt,.quality-ladder-note dd{margin:0}.quality-ladder-note dt{color:var(--muted);font-size:12px;font-weight:850}.quality-ladder-note dd{color:var(--ink);margin-top:3px;font-size:13px;font-weight:900}.quality-ladder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quality-ladder-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-rows:auto auto;min-width:0;display:grid;overflow:hidden}.quality-ladder-media{aspect-ratio:1;background:#eee;position:relative;overflow:hidden}.quality-ladder-card img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.quality-ladder-meta{border-top:1px solid var(--line);gap:5px;min-height:66px;padding:11px 12px;display:grid}.quality-ladder-meta strong{color:var(--ink);font-size:14px;font-weight:900}.quality-ladder-meta span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:800;line-height:1.35;display:inline-flex}.quality-ladder-meta em{color:var(--muted);font-size:12px;font-style:normal;font-weight:750;line-height:1.35}.article-callout{border-color:var(--line-strong);background:linear-gradient(90deg, var(--accent-soft), transparent 42%), var(--panel)}.article-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.not-found-page{border-top:1px solid var(--line);gap:28px;padding:48px 0 64px;display:grid}.not-found-panel{gap:14px;max-width:680px;display:grid}.status-code{color:var(--accent);letter-spacing:.04em;margin:0;font-size:15px;font-weight:900}.not-found-panel h1{color:var(--ink);margin:0;font-size:clamp(36px,5vw,62px);font-weight:850;line-height:1.02}.not-found-panel p:not(.status-code){max-width:560px;color:var(--muted);margin:0;font-size:17px;font-weight:650;line-height:1.5}.not-found-actions{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.not-found-links{gap:14px;display:grid}.not-found-links h2{margin:0;font-size:22px;font-weight:850}.site-footer{border-top:1px solid var(--line);grid-template-columns:minmax(260px,1fr) minmax(150px,.42fr) minmax(150px,.36fr);gap:26px;padding:30px 0 22px;display:grid}.footer-brand{align-content:start;gap:10px;display:grid}.footer-brand p{max-width:52ch;color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.5}.footer-featured-badge{width:200px;max-width:100%;margin-top:4px;line-height:0;display:inline-flex}.footer-featured-badge img{width:200px;max-width:100%;height:auto;display:block}.footer-links{align-content:start;gap:8px;display:grid}.footer-links h2{color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:800}.footer-links a{color:var(--muted);font-size:14px;font-weight:650;text-decoration:none}.footer-links a:hover{color:var(--ink);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:13px;font-weight:650;display:flex}.internal-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.internal-links a{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink);border-radius:7px;align-items:center;padding:0 11px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.internal-links a:hover{border-color:var(--line-strong);background:#fbfbfa}.home-hero{gap:28px;padding-bottom:44px}.home-hero .hero-main{max-width:860px}.home-hero .tagline{max-width:720px;font-size:19px}.trust-strip{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none;display:flex}.trust-strip li{color:#3f4449;padding-left:18px;font-size:14px;font-weight:800;position:relative}.trust-strip li:before{content:"";background:#168449;border-radius:50%;width:8px;height:8px;position:absolute;top:.48em;left:0}.tool-format-note{color:var(--muted);text-align:center;margin:-14px 0 0;font-size:13px;font-weight:700;line-height:1.5}.tool-format-note span{color:var(--line-strong);padding:0 7px}.home-section{border-top:1px solid var(--line);gap:26px;padding:62px 0;display:grid}.home-section-heading{align-content:start;gap:8px;max-width:720px;display:grid}.home-section-heading>span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:900}.home-section-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(28px,4vw,44px);line-height:1.08}.home-section-heading p{max-width:660px;color:var(--muted);margin:0;font-size:16px;font-weight:650;line-height:1.55}#examples .home-section-heading,#effects .home-section-heading,#how-it-works .home-section-heading{max-width:none}.home-page .examples-grid{gap:18px}.home-page .example-card{padding:0;overflow:hidden}.home-page .example-card>h3{border-bottom:1px solid var(--line);margin:0;padding:14px 16px}.home-use-section,.home-benefits-section{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:42px}.home-use-grid,.home-benefit-list,.home-effect-grid,.home-concept-grid{display:grid}.home-use-grid,.home-benefit-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.home-effect-grid{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr))}.home-effect-grid article{border-bottom:1px solid var(--line);min-width:0;padding:22px 18px 24px}.home-effect-grid article+article{border-left:1px solid var(--line)}.home-use-grid article,.home-benefit-list article{border-bottom:1px solid var(--line);min-width:0;padding:22px 20px 24px 0}.home-use-grid article:nth-child(odd),.home-benefit-list article:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.home-use-grid article:nth-child(2n),.home-benefit-list article:nth-child(2n){padding-left:28px}.home-use-grid h3,.home-benefit-list h3,.home-effect-grid h3,.home-concept-grid h3{margin:0 0 7px;font-size:17px;line-height:1.25}.home-use-grid p,.home-benefit-list p,.home-effect-grid p,.home-concept-grid p{color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.55}.home-steps{border-top:1px solid var(--line);counter-reset:home-steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.home-steps li{border-bottom:1px solid var(--line);counter-increment:home-steps;gap:8px;min-height:150px;padding:28px 28px 24px 58px;display:grid;position:relative}.home-steps li+li{border-left:1px solid var(--line)}.home-steps li:before{background:var(--ink);color:#fff;content:counter(home-steps);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid;position:absolute;top:28px;left:20px}.home-steps strong{font-size:17px}.home-steps span{color:var(--muted);font-size:14px;font-weight:600;line-height:1.55}.home-definition{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:42px}.home-definition-copy{padding-top:4px}.home-definition-copy p{color:#3f4449;margin:0;font-size:17px;font-weight:600;line-height:1.65}.home-concept-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.home-concept-grid article{min-width:0;padding:20px 20px 0 0}.home-concept-grid article+article{border-left:1px solid var(--line);padding-left:20px}.home-concept-grid p{font-size:14px}.home-related-workflows{border-top:1px solid var(--line);max-width:760px;padding-top:22px;margin-top:26px!important;font-size:15px!important}.home-related-workflows a{color:var(--ink);font-weight:800}.home-faq-list{border-top:1px solid var(--line);width:100%;max-width:none;display:grid}.home-faq-list details{border-bottom:1px solid var(--line)}.home-faq-list summary{cursor:pointer;padding:20px 42px 20px 0;font-size:16px;font-weight:800;line-height:1.4;list-style:none;position:relative}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary:after{color:var(--muted);content:"+";font-size:24px;font-weight:500;position:absolute;top:18px;right:0}.home-faq-list details[open] summary:after{content:"−"}.home-faq-list p{max-width:720px;color:var(--muted);margin:-6px 0 20px;font-size:15px;font-weight:600;line-height:1.6}@media (width<=960px){.hero-copy,.tool-page-hero,.workspace-body,.split-section,.site-footer,.guide,.content-page{grid-template-columns:1fr}.content-band .preset-card-grid,.content-band .examples-grid,.content-band .faq-list,.content-band .feature-grid,.content-band .triad-grid,.content-band .tuning-grid,.content-band .step-grid,.content-band .use-case-grid,.content-band .faq-grid,.quality-ladder-grid,.matcha-feature-grid,.matcha-use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matcha-fact-grid{grid-template-columns:1fr}.matcha-fact-grid>div:nth-child(odd),.matcha-fact-grid>div:nth-child(2n){border-left:0;padding-inline:0}.quality-ladder-note{grid-template-columns:1fr}.control-panel{border-top:1px solid var(--line);border-left:0}.workspace-body{min-height:0}.tool-page-hero>.section-heading{display:block}.tool-page-hero h1,.tool-page-answer,.tool-page-copy,.tool-page-hero>.workspace{grid-column:auto}.tool-page-hero h1{overflow-wrap:break-word;text-wrap:balance}.tool-page-copy,.simple-workspace .workspace-body,.home-use-section,.home-benefits-section,.home-definition{grid-template-columns:1fr}.home-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-effect-grid article+article{border-left:0}.home-effect-grid article:nth-child(2n){border-left:1px solid var(--line)}.tool-page-copy .page-intro,.tool-page-copy .tool-page-note{grid-column:auto}.tool-page-copy .page-intro{border:0;padding:0}.tool-page-hero>.workspace{margin-top:0}}@media (width<=720px){.shell{width:min(100% - 22px,620px)}.content-band{padding:48px 18px}.content-band .section-heading h2{font-size:clamp(28px,9vw,38px)}h1{white-space:normal;overflow-wrap:break-word;max-width:100%;font-size:clamp(38px,10vw,50px)}.hero-main,.tagline,.hero-tagline,.privacy-note{width:100%;min-width:0;max-width:100%}h1 span{display:block}.content-band .section-heading p{text-align:left;padding:18px;font-size:15px}.workspace-bar,.upload-strip{flex-direction:column;align-items:stretch}.workspace-bar-meta{justify-content:flex-start;width:100%}.topbar{grid-template-columns:minmax(0,1fr) 40px;gap:12px;min-height:60px;padding:10px 0;display:grid}.topbar .brand{width:fit-content;max-width:100%}.nav-toggle{border:1px solid var(--line-strong);background:var(--panel);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:inline-grid}.nav-toggle .icon{width:20px;height:20px}.nav-toggle-close,.topbar.is-nav-open .nav-toggle-open{display:none}.topbar.is-nav-open .nav-toggle-close{display:inline-flex}.nav{border:1px solid var(--line-strong);background:#fffffffa;border-radius:7px;grid-template-columns:1fr;gap:4px;width:100%;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:visible;box-shadow:0 12px 28px #19191624}.topbar.is-nav-open .nav{display:grid}.nav a{border-radius:5px;min-height:44px;padding:0 12px;font-size:14px}.nav a+a{border-top:1px solid var(--line)}.footer-bottom{flex-direction:column;align-items:flex-start}.preview-grid,.preset-card-grid,.examples-grid,.faq-list,.related-tools-grid,.source-list,.scenario-list,.steps-list,.guide-grid,.page-card-grid,.quality-ladder-grid,.matcha-feature-grid,.matcha-use-case-grid{grid-template-columns:1fr}.about-page{padding-top:30px}.about-header h1{max-width:100%}.about-header .page-intro{font-size:16px}.about-byline{flex-direction:column;align-items:flex-start;gap:10px}.about-email>a{font-size:17px}.about-story,.about-privacy,.about-contact{grid-template-columns:1fr;gap:18px;padding:30px 0}.about-facts{grid-template-columns:1fr}.about-facts article,.about-facts article+article{border-left:0;padding:27px 0}.about-facts article+article{border-top:1px solid var(--line)}.matcha-update-note{margin-top:0}.matcha-answer-box{padding:15px}.matcha-fact-grid>div{grid-template-columns:1fr;gap:5px;padding:15px 0}.matcha-settings-table td,.matcha-comparison-table td{grid-template-columns:minmax(92px,42%) minmax(0,1fr)}.home-section{gap:22px;padding:44px 0}.home-use-grid,.home-benefit-list,.home-effect-grid,.home-concept-grid,.home-steps{grid-template-columns:1fr}.home-effect-grid article,.home-effect-grid article:nth-child(2n){border-left:0;padding:20px 0}.home-concept-grid article,.home-concept-grid article+article{border-left:0;padding:20px 0 0}.home-use-grid article,.home-benefit-list article,.home-use-grid article:nth-child(odd),.home-benefit-list article:nth-child(odd),.home-use-grid article:nth-child(2n),.home-benefit-list article:nth-child(2n){border-right:0;padding:20px 0}.home-steps li{min-height:0}.home-steps li+li{border-left:0}.tool-format-note span{display:none}.tool-format-note{gap:2px;display:grid}.resolution-source-card{grid-template-columns:1fr}.resolution-source-media{border-right:0;border-bottom:1px solid var(--line)}.resolution-source-card figcaption{padding:4px 18px 18px}.content-band .feature-grid,.content-band .triad-grid,.content-band .tuning-grid,.content-band .step-grid,.content-band .use-case-grid,.content-band .faq-grid,.quality-ladder-note dl{grid-template-columns:1fr}.preview-card+.preview-card{border-top:1px solid var(--line);border-left:0}.canvas-wrap{padding:12px}canvas{max-width:100%}.settings-table{min-width:0}.settings-table,.settings-table thead,.settings-table tbody,.settings-table tr,.settings-table th,.settings-table td{display:block}.settings-table thead{display:none}.settings-table tbody tr{border-bottom:1px solid var(--line);padding:13px}.content-band .seo-card,.content-band .example-card,.content-band .faq-item,.content-band .related-tools-grid a,.content-band .steps-list li,.content-band .scenario-list li{box-shadow:3px 4px 0 var(--ink);padding:24px 20px}.numbered-grid .seo-card:after,.content-band .steps-list li:before,.content-band .scenario-list li:after{width:34px;height:34px;font-size:14px;right:14px}.settings-table tbody tr:last-child{border-bottom:0}.settings-table th,.settings-table td{border-bottom:0;padding:0}.settings-table tbody th{margin-bottom:8px;font-size:15px}.settings-table td{grid-template-columns:110px minmax(0,1fr);gap:10px;padding:4px 0;display:grid}.settings-table td:before{color:var(--muted);content:attr(data-label);font-weight:800}.advanced-panel:not([open]) .advanced-panel-body{display:none}.compare-size-row{grid-template-columns:1fr}.compare-label{max-width:calc(50% - 18px);font-size:11px;bottom:10px}}@media (width<=480px){.shell{width:min(100% - 16px,440px)}.preset{flex-basis:96px;max-width:96px}h1{white-space:normal;font-size:38px}.tool-page-hero h1{font-size:32px}.hero{padding-top:24px}.trust-strip{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.simple-workspace .presets{grid-template-columns:1fr}.simple-workspace .preset:last-child{grid-column:auto}.button{width:100%}}