:root{
  --blue:#26b9ef;--blue-2:#0b8fcc;--blue-3:#056a9d;--blue-soft:#eefbff;--blue-line:#cdeefa;
  --ink:#153247;--muted:#65798a;--paper:#fff;--soft:#f7fcff;--line:#dceff7;
  --shadow:0 24px 70px rgba(6,96,142,.14);--shadow-soft:0 10px 34px rgba(6,96,142,.08);
  --radius:24px;--max:1180px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(38,185,239,.20),transparent 520px),radial-gradient(circle at 94% 3%,rgba(38,185,239,.13),transparent 450px),linear-gradient(#fff,#fff 45%,#f8fcff);line-height:1.55;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(5,106,157,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(5,106,157,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 54%);z-index:-1}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}a{color:var(--blue-3);text-decoration:none}a:hover{color:var(--blue-2)}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid rgba(38,185,239,.45);outline-offset:3px}.skip{position:absolute;left:16px;top:-80px;background:var(--blue-3);color:#fff;padding:10px 14px;border-radius:999px;z-index:99}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,239,247,.95)}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),#77ddff,var(--blue-2))}.header{min-height:78px;padding-top:4px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:950;letter-spacing:-.04em}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--blue-3));box-shadow:0 14px 30px rgba(38,185,239,.28);display:grid;place-items:center;color:#fff;font:900 19px/1 var(--mono)}.brand span span{display:block;color:var(--muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-top:2px}.brand strong{font-size:23px}.grad{background:linear-gradient(100deg,var(--blue-3),var(--blue),#78ddff);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:10px 12px;border-radius:999px;color:#28465f;font-weight:800;font-size:14px}.nav a:hover,.nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue-3)}.nav .cta{background:var(--blue-2);color:#fff;box-shadow:0 12px 22px rgba(11,143,204,.20)}.nav .cta:hover{background:var(--blue-3);color:#fff}.hero{padding:76px 0 42px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--blue-soft);color:var(--blue-3);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;letter-spacing:.02em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(38,185,239,.16)}h1,h2,h3{line-height:1.08;color:var(--ink)}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.07em;margin:18px 0}h2{font-size:clamp(31px,4vw,52px);letter-spacing:-.055em}.lead{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:62ch;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#28465f;font-weight:900;box-shadow:var(--shadow-soft);cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-3))}.btn-primary:hover{color:#fff}.btn-small{min-height:38px;padding:9px 12px;font-size:13px;box-shadow:none}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;max-width:660px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow-soft)}.pill strong{display:block}.pill span{color:var(--muted);font-size:13px}.mock{position:relative}.mock:before{content:"";position:absolute;inset:-16px;border-radius:34px;background:linear-gradient(135deg,rgba(38,185,239,.21),transparent);z-index:-1}.browser{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden}.browser-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(#fff,var(--blue-soft))}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#a9dff2}.browser-title{color:var(--muted);font-size:13px;font-weight:800}.ascii-preview{margin:0;min-height:360px;padding:22px;overflow:auto;color:#063f5e;background:radial-gradient(circle at 18% 20%,rgba(38,185,239,.12),transparent 260px),#fff;font:800 clamp(7px,1.15vw,12px)/1.02 var(--mono);white-space:pre}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stats div{background:#fff;text-align:center;padding:14px 10px}.stats strong{display:block;font-size:18px;color:var(--blue-3)}.stats span{color:var(--muted);font-size:12px;font-weight:800}.section{padding:76px 0}.section-tight{padding:46px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2{margin:8px 0 0}.section-head p{margin:10px 0 0;color:var(--muted);max-width:62ch}.kicker{color:var(--blue-3);font-size:13px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.tool{border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);overflow:hidden}.tabs{display:flex;gap:8px;overflow-x:auto;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(var(--blue-soft),#fff)}.tab{border:1px solid transparent;border-radius:999px;background:transparent;color:#28465f;padding:10px 14px;font-weight:900;white-space:nowrap;cursor:pointer}.tab[aria-selected=true]{background:var(--blue-2);color:#fff;box-shadow:0 12px 24px rgba(11,143,204,.22)}.tool-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);min-height:620px}.controls{border-right:1px solid var(--line);padding:22px;background:linear-gradient(#fff,var(--soft))}.panel[hidden]{display:none}.field{margin-bottom:16px}.field label,.field-label{display:block;margin-bottom:7px;color:#28465f;font-weight:900;font-size:13px}.field small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.input,.textarea{width:100%;border:1px solid #aee1f3;border-radius:14px;background:#fff;color:var(--ink);padding:12px 13px}.textarea{min-height:112px;resize:vertical}.range-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}input[type=range]{width:100%;accent-color:var(--blue-2)}.check{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800}.check input{accent-color:var(--blue-2)}.drop{display:grid;place-items:center;gap:10px;min-height:142px;padding:20px;border:1.5px dashed #aee1f3;border-radius:18px;background:var(--blue-soft);text-align:center;color:var(--muted);margin-bottom:16px}.drop strong{color:var(--ink)}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--blue-soft);color:var(--muted);font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;text-align:left;color:#28465f;font-weight:900;cursor:pointer}.template:hover{border-color:var(--blue);color:var(--blue-3)}.template small{display:block;color:var(--muted);font-weight:650;margin-top:3px}.output{display:flex;flex-direction:column;min-width:0}.outputbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.outputbar span{color:var(--muted);font-size:13px}.out-actions{display:flex;gap:8px;flex-wrap:wrap}.output pre,.outbox{flex:1;min-height:460px;margin:0;padding:20px;overflow:auto;color:#063f5e;background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96)),linear-gradient(90deg,rgba(38,185,239,.14) 1px,transparent 1px),linear-gradient(rgba(38,185,239,.14) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;font:800 11px/1.04 var(--mono);white-space:pre}.features,.gallery,.cards{display:grid;gap:18px}.features{grid-template-columns:repeat(3,1fr)}.feature,.gallery-card,.article-card,.prose,.side{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft)}.feature{padding:24px;overflow:hidden;position:relative}.feature:after{content:"";position:absolute;right:-42px;top:-42px;width:130px;height:130px;border-radius:50%;background:rgba(38,185,239,.12)}.icon{width:46px;height:46px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-soft),#fff);color:var(--blue-3);font:900 18px/1 var(--mono)}.feature h3{margin:18px 0 8px;font-size:22px;letter-spacing:-.03em}.feature p,.gallery-card p,.prose p,.prose li,.article-card p{color:var(--muted)}.gallery{grid-template-columns:repeat(4,1fr)}.gallery-card{overflow:hidden}.gallery-card pre,.article-card pre,.prose pre{margin:0;padding:18px;background:linear-gradient(var(--blue-soft),#fff);color:#063f5e;font:800 10px/1.05 var(--mono);white-space:pre;overflow:auto}.gallery-card div,.article-card{padding:18px}.gallery-card h3,.article-card h3{margin:0 0 6px;letter-spacing:-.02em}.content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.48fr);gap:28px;align-items:start}.prose{padding:clamp(22px,4vw,40px);border-radius:34px}.prose h2{margin-top:0}.prose pre{border:1px solid var(--line);border-radius:18px;background:#fff;margin:16px 0;font-size:12px}.side{position:sticky;top:104px;padding:22px}.side h3{margin-top:0}.side ul{list-style:none;margin:0;padding:0}.side li+li{margin-top:10px}.side a{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;background:var(--blue-soft);color:#28465f;font-weight:900}.side a:hover{background:#dcf6ff;color:var(--blue-3)}.faq{display:grid;gap:12px}details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px}summary{cursor:pointer;font-weight:950}details p{color:var(--muted);margin-bottom:0}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px;border-radius:34px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.50),transparent 280px),linear-gradient(135deg,var(--blue),var(--blue-3));color:#fff;box-shadow:var(--shadow)}.cta-band h2{color:#fff;margin:0 0 8px}.cta-band p{color:rgba(255,255,255,.88);margin:0}.cta-band .btn{background:#fff;color:var(--blue-3);flex:none}.page-hero{padding:58px 0 34px}.breadcrumb{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:16px}.breadcrumb a{font-weight:900}.breadcrumb span:before{content:"/";margin-right:7px;color:#aee1f3}.cards{grid-template-columns:repeat(2,1fr)}.article-card{padding:22px}.symbol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.symbol{border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px 10px;text-align:center;color:#28465f;font-weight:900;min-height:46px;cursor:pointer}.symbol:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-3)}.footer{margin-top:40px;padding:34px 0;border-top:1px solid var(--line);background:rgba(255,255,255,.75)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:28px}.foot-links{display:flex;gap:10px 18px;flex-wrap:wrap;justify-content:flex-end}.foot-links a{color:var(--muted);font-weight:800}.note{color:var(--muted);font-size:14px;margin:12px 0 0}.toast{position:fixed;right:16px;bottom:16px;padding:12px 16px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.hero-grid,.tool-grid,.content,.footer-grid{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.features,.gallery,.cards{grid-template-columns:repeat(2,1fr)}.side{position:static}.trust{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.header{align-items:flex-start;flex-direction:column;padding:18px 0 14px}.nav{justify-content:flex-start}.nav a{font-size:13px;padding:8px 10px}.hero{padding-top:42px}.section{padding:54px 0}.section-head{display:block}.features,.gallery,.cards,.symbol-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.outbox{min-height:340px;font-size:9px}.ascii-preview{min-height:280px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}