:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182239;background:#f6f8fc;font-synthesis:none;--accent:#2855e8;--muted:#637087;--line:#dfe5ef}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7794ff;outline-offset:4px}header{background:#fff;border-bottom:1px solid var(--line)}.bar{max-width:1240px;margin:auto;min-height:86px;display:flex;align-items:center;gap:32px;padding:18px 32px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1px}.mark{background:var(--accent);color:white;border-radius:10px;display:grid;place-items:center;width:35px;height:35px;letter-spacing:-3px;font-size:22px;padding-right:3px}.nav{font-size:15px;color:var(--muted)}.language{margin-inline-start:auto;max-width:180px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px;color:#182239}main{max-width:1240px;margin:auto;padding:42px 32px 64px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:13px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.7px;line-height:1.14;margin:12px 0}p{line-height:1.65}.intro p,.sub{color:var(--muted);margin:10px 0 0;max-width:690px}.count-pill{display:flex;gap:12px;align-items:center;border-left:2px solid #c8d4ff;padding:6px 18px;white-space:nowrap;color:var(--muted);font-size:14px}.count-pill strong{font-size:30px;letter-spacing:-1px;color:#182239}.search-wrap{position:relative;margin:28px 0 24px}.search-wrap svg{position:absolute;inset-inline-start:20px;top:21px;width:23px;height:23px;color:var(--muted)}.search{width:100%;height:65px;border:1px solid #c7d2e9;border-radius:12px;background:white;padding:0 25px 0 58px;box-shadow:0 4px 14px #132d6505}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:#fff;padding:9px 17px;border-radius:8px;color:#546077;font-size:14px}.filter.active{background:#182239;border-color:#182239;color:#fff}.list-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px}.list-head h2{font-size:18px;margin:0}.small{font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;min-height:232px;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);border-color:#a9bdfb;box-shadow:0 10px 25px #193c7510}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon{width:45px;height:45px;border-radius:10px;background:#edf2ff;color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:22px}.card:nth-child(4n+2) .icon{color:#007f78;background:#e7f6f4}.card:nth-child(4n+3) .icon{color:#a96508;background:#fff4dd}.card:nth-child(4n+4) .icon{color:#773bb6;background:#f4edfc}.tag{font-size:12px;color:#67758b;max-width:70%;text-align:end}.card h3{font-size:18px;letter-spacing:-.4px;margin:20px 0 7px;line-height:1.35}.card p{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.55}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:13px;color:var(--accent);padding-top:13px;border-top:1px solid #eff2f7}.card-bottom svg{width:16px;height:16px}.empty{padding:50px;text-align:center;border:1px dashed #c7d2e9;border-radius:12px;color:var(--muted)}[hidden]{display:none!important}.crumb{font-size:14px;color:var(--muted);margin-bottom:30px}.crumb a{color:var(--accent)}.detail-heading{margin-bottom:30px}.detail-heading .icon{width:55px;height:55px;margin-bottom:15px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.panel{border:1px solid var(--line);border-radius:14px;background:white;padding:28px}.panel h2{font-size:20px;margin:0 0 23px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid #cdd5e4;border-radius:8px;background:#fcfdff;color:#182239;padding:13px;min-height:48px;font-weight:400}.field.full{grid-column:1/-1}.field textarea{min-height:160px;resize:vertical}.primary{background:var(--accent);border:0;border-radius:8px;color:white;font-weight:650;padding:14px 23px;margin-top:24px}.secondary{background:white;border:1px solid var(--line);padding:12px 18px;border-radius:8px;color:#46536c}.result{margin-top:25px;padding:24px;background:#eef3ff;border-radius:10px;min-height:106px;overflow-wrap:anywhere}.result .label{font-size:13px;color:#526488;margin-bottom:9px}.result output{display:block;font-size:28px;line-height:1.4;font-weight:700;white-space:pre-wrap}.result.text output{font-size:17px;white-space:pre-wrap;font-family:ui-monospace,monospace}.error{color:#b42318;background:#fff1ed;padding:14px;border-radius:8px;margin-top:15px}.hint{font-size:14px;color:var(--muted)}aside p{font-size:14px;color:var(--muted)}aside .mini-title{font-size:14px;font-weight:700;color:#182239}.formula{background:#f4f6fa;border-radius:7px;padding:13px;font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:13px}.related{margin-top:42px}.footer{max-width:1176px;margin:auto;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:18px;font-size:13px;color:var(--muted)}.footer strong{color:#182239}.swatch{height:65px;border-radius:8px;margin-top:15px}.source{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.source a{text-decoration:underline;text-underline-offset:3px}html[dir=rtl] .search{padding:0 58px 0 25px}html[dir=rtl] h1{letter-spacing:0}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nav{display:none}}@media(max-width:580px){.bar{padding:16px 20px;gap:10px;min-height:75px}.brand{font-size:21px}.language{font-size:14px;max-width:140px;padding:9px}main{padding:28px 20px 45px}.intro{align-items:start}.count-pill{display:none}.grid{grid-template-columns:1fr;gap:14px}.card{min-height:210px}.fields{grid-template-columns:1fr}.panel{padding:21px}.detail-layout aside{display:block}.footer{margin:0 20px;flex-direction:column}.filter{padding:9px 12px}.result output{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.tool-preview{margin-top:20px}.grid-preview>div{display:grid;place-items:center;min-height:55px;background:#e7edff;color:#2855e8;border:1px solid #c6d3ff;border-radius:5px;font:14px ui-monospace,monospace}.diff-preview,.match-preview{font:14px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f6f8fc;border-radius:8px;max-height:500px;overflow:auto}.diff-preview span{display:block;white-space:pre-wrap}.diff-preview .add{background:#d9f5e5;color:#12623a}.diff-preview .remove{background:#ffe3e3;color:#952626}.match-preview mark{background:#cdddff;color:#183781}.tool-preview .secondary{display:inline-block}

.section-tabs{display:flex;align-self:stretch;align-items:stretch;gap:24px;min-width:0}.section-tab{display:flex;align-items:center;font-size:15px;font-weight:650;padding:0 4px;border-bottom:3px solid transparent}.section-tab.active{color:var(--accent);border-color:var(--accent)}@media(max-width:580px){.bar{flex-wrap:wrap;column-gap:18px;row-gap:0}.section-tabs{order:3;flex-basis:100%;min-height:44px;margin-bottom:-16px;margin-top:8px;gap:24px}.section-tab{padding:8px 4px}.language{max-width:140px}}