:root{--ink:#202b40;--muted:#667995;--line:#dbe3ef;--soft:#f7f9fc;--accent:#6366f1;--accent-2:#514fe6;--lav:#eef0ff;--code:#f3f5fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.site-header{height:59px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1116px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:#0c111c;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-.8px}.brand-mark{color:#b326ff;font-size:27px;line-height:1;transform:rotate(45deg);display:inline-block}.site-header nav{display:flex;gap:28px}.site-header nav a,footer a{color:#384660;text-decoration:none}.site-header nav a:first-child{color:var(--accent)}.site-header nav a:hover,footer a:hover{color:var(--accent)}main{max-width:1116px;margin:0 auto;padding:78px 0 70px}.hero{margin-bottom:32px}.eyebrow,.section-label{display:inline-block;color:#565eff;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;text-transform:uppercase}.eyebrow{background:var(--lav);border-radius:999px;padding:5px 11px}.hero h1{font-size:52px;line-height:1.08;letter-spacing:-2.2px;margin:20px 0 11px;max-width:850px}.hero p,.tool-intro{font-size:18px;color:var(--muted);max-width:700px;margin:0 0 18px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{appearance:none;border:1px solid #40516e;border-radius:7px;background:transparent;color:var(--ink);font:inherit;padding:8px 15px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.section-label{display:block;color:#60728e;margin:28px 0 14px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;min-height:181px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.16s ease}.tool-card:hover{transform:translateY(-2px);border-color:#aeb8ff;box-shadow:0 8px 25px #2d3a6810}.tool-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{height:36px;min-width:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--lav);color:#6467ff;font:12px ui-monospace,monospace}.arrow{color:#526681}.tool-card h3{font-size:17px;letter-spacing:-.4px;margin:11px 0 4px}.tool-card p{font-size:15px;color:var(--muted);margin:0;line-height:1.5}.tool-page{padding-top:54px}.tool-page h1{font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:14px 0 10px}.workspace{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:38px}.toolbar{display:flex;justify-content:flex-end;gap:7px;padding:10px;border-bottom:1px solid var(--line);background:#f2f5fa}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.pane{min-width:0}.pane+ .pane{border-left:1px solid var(--line)}.pane-title{height:39px;padding:11px 16px;border-bottom:1px solid var(--line);color:#617391;font:11px ui-monospace,monospace;letter-spacing:1.3px}.editor{width:100%;height:500px;border:0;resize:vertical;padding:18px 20px;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#253149;outline:none}.preview{padding:18px 20px;min-height:500px;overflow:auto}.preview h1,.preview h2,.preview h3{line-height:1.2}.preview h1{font-size:27px}.preview h2{font-size:22px}.preview h3{font-size:18px}.preview p{margin:12px 0}.preview code{background:#eef1fa;color:#5c5cff;padding:2px 5px;border-radius:4px}.preview pre{background:#202b40;color:#eff3ff;padding:14px;border-radius:8px;overflow:auto}.preview table{border-collapse:collapse;width:100%;margin:14px 0}.preview th,.preview td{border:1px solid var(--line);padding:8px;text-align:left}.preview blockquote{border-left:3px solid #7c83ff;padding-left:13px;color:var(--muted)}.preview img{max-width:100%}.tool-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:34px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:650;color:#51627e}.field input,.field select,.field textarea{border:1px solid #cbd5e3;border-radius:7px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff}.field textarea{min-height:220px;resize:vertical;font:14px/1.6 ui-monospace,monospace}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.stat{background:var(--lav);border-radius:8px;padding:13px}.stat strong{display:block;font-size:25px}.stat span{color:var(--muted);font-size:12px}.result{background:#fbfcff;border:1px solid var(--line);border-radius:8px;padding:14px;white-space:pre-wrap;overflow:auto;min-height:130px;font:14px/1.55 ui-monospace,monospace}.notice{padding:12px 14px;background:#fff8e6;border-left:3px solid #f2b635;border-radius:5px;color:#735313}.toc-list{margin:0;padding-left:22px}.toc-list a{color:var(--accent)}footer{max-width:1116px;margin:0 auto;padding:25px 0 38px;border-top:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;color:#71809a;font-size:13px}footer span{margin-right:auto}.prose{max-width:760px}.prose h2{margin-top:32px}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tag{display:inline-block;background:var(--lav);color:#565eff;border-radius:999px;padding:3px 8px;font-size:12px;margin:3px}.diff-add{background:#dff8e5;color:#176b32}.diff-del{background:#ffe1e1;color:#a52222}.error{color:#a52222}.ok{color:#19703a}@media(max-width:800px){.site-header{padding:0 17px}.brand{font-size:21px}.site-header nav{gap:13px;font-size:14px}main{padding:48px 17px}.hero h1{font-size:39px}.tool-grid{grid-template-columns:1fr}.workspace-grid,.two-col{grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:1px solid var(--line)}.workspace{margin-top:25px}.tool-page h1{font-size:34px}.stats{grid-template-columns:repeat(2,1fr)}footer{margin:0 17px}.directory-grid{grid-template-columns:1fr}}