:root{color-scheme:dark;--line:rgba(148,163,184,.18);--muted:#aab6cc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(880px 400px at 80% -5%,rgba(139,92,246,.17),transparent),radial-gradient(700px 420px at 0% 55%,rgba(14,165,233,.1),transparent),#090d1b;color:#edf2ff;font:500 15px/1.6 'Plus Jakarta Sans',Inter,system-ui,sans-serif}.tool-top,.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.tool-top{height:76px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:18px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#8b5cf6,#2563eb);font-size:15px;font-weight:900}.back,.guide a,.related a{color:#c4b5fd;text-decoration:none}.back{padding:8px 13px;border:1px solid var(--line);border-radius:12px}.hero{max-width:780px;padding:42px 0 25px}.eyebrow{color:#c4b5fd;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:9px 0;font-size:clamp(34px,6vw,60px);line-height:1.05;letter-spacing:-.05em}.hero p{color:var(--muted);font-size:17px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px}.toolbar span{margin-left:auto;color:var(--muted);font-size:12px}.secondary,.primary{min-height:40px;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.05);color:#f1f5ff;font:700 12px inherit;cursor:pointer}.primary{border-color:transparent;background:linear-gradient(120deg,#7c3aed,#2563eb)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #a7f3d0;outline-offset:3px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,30,53,.93),rgba(15,21,39,.92));box-shadow:0 18px 60px rgba(0,0,0,.17)}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}.panel h2{margin:0;font-size:19px}textarea{width:100%;height:min(58vh,560px);min-height:360px;resize:vertical;padding:16px;border:1px solid var(--line);border-radius:13px;background:#080d19;color:#e2e8f0;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.hint{color:var(--muted);font-size:12px}.hint code{color:#c4b5fd}.prose{height:min(58vh,560px);min-height:360px;overflow:auto;padding:8px 12px;color:#dfe7f6;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3{line-height:1.2;color:#fff;letter-spacing:-.025em}.prose h1{font-size:31px}.prose h2{font-size:24px}.prose h3{font-size:19px}.prose p,.prose blockquote,.prose ul{margin:10px 0}.prose blockquote{margin-left:0;padding:7px 13px;border-left:3px solid #8b5cf6;background:rgba(139,92,246,.08);color:#cbd5e1}.prose code{padding:2px 5px;border-radius:5px;background:rgba(148,163,184,.16);font:12px ui-monospace,monospace}.prose pre{overflow:auto;padding:13px;border:1px solid var(--line);border-radius:11px;background:#070b15}.prose pre code{padding:0;background:none;white-space:pre}.prose a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px}.guide{display:grid;grid-template-columns:1fr .8fr;gap:24px;margin:17px 0 22px;padding:21px;border:1px solid var(--line);border-radius:20px;background:rgba(16,23,42,.8)}.guide h2,.guide h3{margin:0 0 6px}.guide p{color:var(--muted);font-size:13px}.guide aside{padding:16px;border:1px solid var(--line);border-radius:14px}.related{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.related a{padding:6px 9px;border:1px solid var(--line);border-radius:99px;font-size:12px}.footer{padding:16px 0 26px;color:#8793aa;font-size:12px}@media(max-width:780px){.workspace,.guide{grid-template-columns:1fr}.hero{padding-top:26px}textarea,.prose{height:420px;min-height:320px}}@media(max-width:520px){.tool-top,.wrap{width:calc(100% - 24px)}.panel{padding:15px}.toolbar button{flex:1}.toolbar span{width:100%;margin:2px 0}}