:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#0b0d17;color:#edf0ff;--panel:#141727;--line:#343950;--muted:#b1b7cb;--accent:#ada0ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#221e3a,transparent 38rem)}header,footer{display:flex;gap:1.3rem;align-items:center;padding:1.2rem max(4vw,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}header nav{margin-left:auto;display:flex;gap:.65rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.06em;color:white}.brand span,em{color:var(--accent)}.brand b{padding:.35rem;border-radius:.45rem;background:linear-gradient(120deg,#4d61d6,#8150c4);color:white}header strong,small,.hint,.guide p{color:var(--muted)}[aria-current]{color:white;text-decoration:underline}main{max-width:1240px;margin:auto;padding:2rem 2vw}h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05;margin:.6rem 0 1rem}h2{font-size:1.2rem;margin:.9rem 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;min-height:52vh}.hero h1{font-size:clamp(3rem,6vw,5.8rem)}.hero p{max-width:48ch;color:#c7cad9;margin:1.4rem 0 2rem}.sample,.panel,.guide,.ad{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:1.25rem}.sample{transform:rotate(-2deg);box-shadow:0 12px 50px #0b0917}.sample pre{font-size:1.1rem}.sample span{color:#91e6bf}.bar{color:#b8bdef;border-bottom:1px solid var(--line);padding-bottom:.6rem}.layout{display:grid;grid-template-columns:minmax(225px,26%) minmax(0,1fr);gap:1.2rem;align-items:start}.panel{min-width:0;margin:0 0 1rem}fieldset{border:0;min-width:0;margin:0;padding:0}aside section{margin-bottom:1.4rem}.row,.controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.row label{flex:1 1 8rem}.controls{margin:.5rem 0}label{display:block;font-weight:600;margin:.55rem 0}input,select,textarea{display:block;width:100%;margin:.3rem 0;padding:.65rem;color:inherit;background:#0c101d;border:1px solid var(--line);border-radius:7px;font:inherit}textarea,pre,#url{font: .92rem/1.55 ui-monospace,monospace}textarea{resize:vertical}button,.primary,.import{display:inline-block;cursor:pointer;color:#eef0ff;background:#20253c;border:1px solid #3b415d;border-radius:8px;padding:.55rem .8rem;font:600 .9rem system-ui}.primary{background:linear-gradient(105deg,#465bcc,#784ab9);padding:.75rem 1rem;color:white}.import{position:relative;overflow:hidden;vertical-align:middle}.import input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.import:focus-within{outline:2px solid #b9a7ff;outline-offset:2px}details{border-bottom:1px solid var(--line);padding:.7rem 0}summary{cursor:pointer;color:#cbc4ff;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto}pre:empty{display:none}#response{background:#0c101d;padding:.85rem;border-radius:7px}small{display:block;font-size:.82rem;font-weight:400}hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}footer{border-top:1px solid var(--line);border-bottom:0}.ad{margin-top:1rem}.ad ins{min-height:100px}[hidden]{display:none!important}@media(max-width:720px){.hero,.layout{grid-template-columns:1fr}.hero{gap:1.5rem;padding-bottom:2rem}.sample{transform:none}main{padding:1.2rem}header{gap:.7rem}header strong{font-size:.85rem}}