:root{color-scheme:light;--page:#f5f7fb;--surface:#fff;--surfaceSoft:#eef2f7;--text:#111827;--muted:#64748b;--line:#dbe2ea;--brand:#4f46e5;--brandDark:#3730a3;--success:#0f766e;--error:#b91c1c;--shadow:0 14px 40px #0f172a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--page);min-width:320px;color:var(--text);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1120px,100% - 40px);margin:0 auto}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.siteHeader{z-index:20;backdrop-filter:blur(16px);background:#f5f7fbe0;border-bottom:1px solid #dbe2eabf;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brandMark{color:#fff;background:var(--text);border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.headerLink{color:var(--muted);font-size:14px;font-weight:650}.headerLink:hover{color:var(--text)}.hero{text-align:center;padding:92px 0 56px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--brand);margin:0 0 12px;font-size:12px;font-weight:800}.hero h1,.toolHero h1{letter-spacing:-.045em;margin:0;line-height:1.02}.hero h1{max-width:760px;margin-inline:auto;font-size:clamp(42px,7vw,72px)}.heroCopy{max-width:650px;color:var(--muted);margin:22px auto 30px;font-size:18px;line-height:1.65}.searchBox{width:min(650px,100%);margin:0 auto;display:block;position:relative}.searchBox input{border:1px solid var(--line);background:var(--surface);width:100%;height:60px;box-shadow:var(--shadow);border-radius:18px;outline:none;padding:0 58px 0 20px}.searchBox input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #4f46e51a, var(--shadow)}.searchBox kbd{border:1px solid var(--line);background:var(--surfaceSoft);color:var(--muted);border-radius:7px;padding:4px 9px;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.searchStatus{min-height:20px;color:var(--muted);margin:12px 0 0;font-size:13px}.toolsSection{padding-bottom:88px}.categorySection+.categorySection{margin-top:48px}.sectionHeading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px;display:flex}.sectionHeading h2,.toolInfo h2,.relatedSection h2{letter-spacing:-.025em;margin:0}.sectionHeading h2{font-size:22px}.sectionHeading span{color:var(--muted);font-size:13px}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toolCard{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:112px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.toolCard:hover{box-shadow:var(--shadow);border-color:#c5cdd8;transform:translateY(-2px)}.toolIcon{width:52px;height:52px;color:var(--brandDark);letter-spacing:-.02em;background:#eef2ff;border-radius:15px;flex:none;place-items:center;font-size:12px;font-weight:850;display:grid}.toolIcon.large{border-radius:20px;width:70px;height:70px;font-size:15px}.toolCardText{gap:6px;min-width:0;display:grid}.toolCardText strong{font-size:16px}.toolCardText span{color:var(--muted);font-size:13px;line-height:1.45}.toolArrow{color:#9aa5b4;font-size:22px}.emptyState{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:44px}.privacyBand{background:var(--text);color:#fff}.privacyInner{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:68px 0;display:grid}.privacyInner h2{letter-spacing:-.04em;max-width:560px;margin:0;font-size:clamp(30px,5vw,46px);line-height:1.08}.privacyInner p:last-child{color:#cbd5e1;margin:0;line-height:1.7}.siteFooter{border-top:1px solid var(--line);background:var(--surface)}.footerInner{min-height:86px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.toolPage{padding:42px 0 88px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--text)}.toolHero{align-items:center;gap:22px;padding:36px 0 28px;display:flex}.toolHero h1{font-size:clamp(34px,5vw,54px)}.toolHero p{color:var(--muted);margin:10px 0 0;line-height:1.55}.workspace{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;padding:22px}.workspaceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.fieldGroup,.smallField{gap:8px;display:grid}.fieldGroup>span,.smallField>span{color:#475569;font-size:12px;font-weight:750}textarea,.smallField input[type=text],.smallField input[type=number]{border:1px solid var(--line);width:100%;color:var(--text);background:#fbfcfe;border-radius:14px;outline:none}textarea:focus,.smallField input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e517}textarea{resize:vertical;min-height:320px;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.actionRow,.inlineControls{align-items:center;gap:10px;display:flex}.actionRow{margin-top:16px}.actionRow.wrap{flex-wrap:wrap}.inlineControls{align-items:end;margin-bottom:16px}.primaryButton,.button,.quietButton{border-radius:11px;min-height:40px;padding:0 15px;font-size:13px;font-weight:750}.primaryButton{border:1px solid var(--brand);background:var(--brand);color:#fff}.primaryButton:hover{background:var(--brandDark);border-color:var(--brandDark)}.button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button:hover{background:var(--surfaceSoft)}.quietButton{color:var(--muted);background:0 0;border:1px solid #0000}.quietButton:hover{color:var(--text);background:var(--surfaceSoft)}.status{color:var(--muted);margin-left:auto;font-size:12px}.status[data-state=success]{color:var(--success)}.status[data-state=error]{color:var(--error)}.smallField input[type=number],.smallField input[type=text]{height:40px;padding:0 12px}.inlineControls .smallField{width:110px}.colorLayout{grid-template-columns:.65fr 1.35fr;gap:22px;display:grid}.colorPreview{border:1px solid var(--line);border-radius:17px;min-height:280px}.colorControls{align-content:center;gap:16px;display:grid}.fullWidth{width:100%}.inputWithPicker{grid-template-columns:1fr 48px;gap:8px;display:grid}.inputWithPicker input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:48px;height:40px;padding:3px}.resultGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toolInfo{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.toolInfo>div{border:1px solid var(--line);background:#ffffff8c;border-radius:17px;padding:22px}.toolInfo h2{font-size:16px}.toolInfo p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.relatedSection{margin-top:42px}.relatedSection h2{margin-bottom:13px;font-size:20px}.relatedLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.relatedLinks a{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;gap:12px;padding:16px;font-size:13px;font-weight:700;display:flex}.relatedLinks a:hover{border-color:#c5cdd8}@media (width<=760px){.shell{width:min(100% - 24px,1120px)}.hero{padding:68px 0 42px}.heroCopy{font-size:16px}.toolGrid,.workspaceGrid,.privacyInner,.toolInfo,.colorLayout,.relatedLinks{grid-template-columns:1fr}.privacyInner{gap:26px}.workspace{border-radius:17px;padding:14px}textarea{min-height:220px}.actionRow,.inlineControls{flex-wrap:wrap}.status{width:100%;margin-left:0}.toolHero{align-items:flex-start}.colorPreview{min-height:180px}.footerInner{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=460px){.headerInner{height:60px}.hero h1{font-size:40px}.toolCard{grid-template-columns:auto 1fr}.toolArrow{display:none}.toolHero{gap:14px}.toolIcon.large{border-radius:16px;width:56px;height:56px}.resultGrid{grid-template-columns:1fr}}.headerNav,.footerLinks{align-items:center;gap:18px;display:flex}.categoryNav{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.categoryNav a{border:1px solid var(--line);color:var(--muted);background:#ffffffbf;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.categoryNav a:hover{color:var(--text);border-color:#c5cdd8}.wideControls{align-items:end}.growField{flex:220px;width:auto!important}.smallField select{border:1px solid var(--line);background:var(--surface);min-width:120px;height:40px;color:var(--text);border-radius:11px;padding:0 34px 0 12px}.checkField{min-height:40px;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.checkField input{accent-color:var(--brand)}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statGrid>div{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;align-content:center;gap:4px;min-height:110px;padding:18px;display:grid}.statGrid strong{letter-spacing:-.03em;font-size:25px}.statGrid span{color:var(--muted);font-size:12px}.uploadPanel{text-align:center;border:2px dashed var(--line);background:#fbfcfe;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid;position:relative}.uploadPanel input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.uploadPanel strong{font-size:18px}.uploadPanel span,.mutedNote,.fileFacts{color:var(--muted);font-size:13px;line-height:1.55}.imageEditor{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.imagePreviewWrap{border:1px solid var(--line);background:repeating-conic-gradient(#eef2f7 0 25%, #fff 0 50%) 0 / 24px 24px;border-radius:18px;place-items:center;min-height:360px;display:grid;overflow:auto}.imagePreviewWrap canvas{max-width:100%;height:auto;display:block}.imageControls{align-content:start;gap:16px;display:grid}.fileFacts{border-bottom:1px solid var(--line);padding-bottom:14px}.controlGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.controlGrid .checkField{grid-column:1/-1}.smallField input[type=range]{width:100%;accent-color:var(--brand)}.contentPage{max-width:760px;padding:76px 0 110px}.contentPage h1{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(42px,7vw,68px);line-height:1.02}.contentPage h2{letter-spacing:-.025em;margin:42px 0 10px;font-size:22px}.contentPage p{color:var(--muted);font-size:16px;line-height:1.8}.inlineButton{align-items:center;margin-top:14px;display:inline-flex}.notFoundPage{min-height:calc(100vh - 68px)}@media (width<=760px){.imageEditor,.statGrid{grid-template-columns:1fr}.imagePreviewWrap{min-height:240px}.controlGrid{grid-template-columns:1fr}.optionalHeaderLink{display:none}.contentPage{padding-top:54px}}