:root{--bg:#f5f7fb;--panel:#fff;--text:#162033;--muted:#667085;--line:#dce2ea;--accent:#6d28d9;--accent2:#2563eb;--ok:#157347;--warn:#9a6700}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:#4338ca;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#172033;color:#fff;padding:20px 14px;overflow:auto}.brand{display:flex;flex-direction:column;color:#fff;padding:8px 10px 18px}.brand b{font-size:21px}.brand span{font-size:12px;color:#b8c3d8}aside nav{display:flex;flex-direction:column;gap:2px}aside nav a{color:#dce6f7;padding:8px 10px;border-radius:8px}aside nav a:hover{background:#26334d}.sidefoot{margin-top:22px;padding:12px 10px;border-top:1px solid #35425a}.sidefoot small{display:block;color:#aebbd0}.sidefoot button{margin-top:8px;background:none;color:#dce6f7;border:0;padding:0}.withnav{margin-left:240px;padding:34px;max-width:1180px}.withnav.wide{max-width:none}.public{max-width:1050px;margin:auto;padding:50px 24px}.pagehead{margin-bottom:24px}.pagehead h1,.hero h1{font-size:40px;line-height:1.1;margin:.25em 0}.pagehead p,.hero p{color:var(--muted);max-width:850px}.tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.toolcard,.panel,.metrics>div,.pricing article,.status>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.toolcard{display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.toolcard h3{font-size:20px;margin:10px 0 4px}.toolcard p{margin:0 0 8px;font-weight:600}.toolcard small{color:var(--muted)}.button,button{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:9px;cursor:pointer;font:inherit}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0}.toolcard .button{margin-top:16px;text-align:center}.panel{margin:16px 0}.panel h2{margin-top:0}label{display:block;font-weight:650;margin:14px 0}input,textarea,select{width:100%;margin-top:6px;padding:11px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:var(--text);font:inherit}.inline input{width:auto}.runform textarea{min-height:180px}.policy{margin-top:18px;padding:12px;border-radius:10px;background:#f0f5ff;color:#344054}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0 28px}.metrics>div b{font-size:26px;display:block}.metrics>div span{color:var(--muted)}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.pricing article>b{font-size:28px}.auth{max-width:460px;margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.hero{padding:90px 0}.hero h1{font-size:64px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.principles>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.principles b{font-size:28px;display:block}.principles span{color:var(--muted)}.flash{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;margin-bottom:15px}.result pre,.panel pre{white-space:pre-wrap;word-wrap:break-word;background:#f8fafc;padding:16px;border-radius:10px;border:1px solid var(--line);max-height:720px;overflow:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.resultimage{max-width:100%;border-radius:12px}.status{display:grid;gap:12px}.status>div{display:grid;grid-template-columns:160px 180px 1fr;align-items:center;gap:10px}.status small{color:var(--muted)}.ok{color:var(--ok);font-weight:700}.warn{color:var(--warn);font-weight:700}.codebox{font-family:ui-monospace,monospace;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;padding:14px;word-break:break-all}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px;vertical-align:top}.inlineform{display:grid;grid-template-columns:90px 100px 100px auto;gap:6px;align-items:end}.inlineform input,.inlineform select{margin:0}.inlineform label{margin:0}@media(max-width:850px){aside{position:static;width:auto}.withnav{margin-left:0;padding:20px}aside nav{display:grid;grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.principles{grid-template-columns:1fr}.status>div{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}.pagehead h1{font-size:32px}}@media print{aside,.actions,.runform,.button,button{display:none!important}.withnav{margin:0;padding:0}.panel{box-shadow:none;border:0}}