:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf5;background:#090d15;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:270px;flex-shrink:0;background:#0d121d;border-right:1px solid #202b3c;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:4px 12px 56px}.brandicon{background:#20395c;color:#8abfff;padding:10px;border-radius:12px}.brand strong{display:block;font-size:23px;letter-spacing:3px}.brand small{font-size:9px;letter-spacing:1.8px;color:#8a9ab0}.sideheading,.sectionlabel{font-size:10px;letter-spacing:1.8px;color:#8293ad;font-weight:700}.sideheading{margin:0 12px 14px}.nav{background:transparent;border:1px solid transparent;color:#a7b3c7;text-align:left;padding:14px 12px;border-radius:10px;margin:2px 0;font-size:13px}.nav:hover,.nav.active{background:#17253a;color:#e7f2ff;border-color:#284263}.sidebottom{margin-top:auto;font-size:12px;line-height:2;color:#a7b9d0;padding:12px;border-top:1px solid #253047}.sidebottom svg{vertical-align:middle;margin-right:7px}.sidebottom span{font-size:10px;color:#6f8098}main{flex:1;min-width:0}header{height:75px;border-bottom:1px solid #202b3c;display:flex;justify-content:space-between;align-items:center;padding:0 48px}.breadcrumb{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#9dabc0}.breadcrumb span{margin:0 12px;color:#4c5a70}.status{font-size:10px;color:#9cb3c5;letter-spacing:1px}.dot{display:inline-block;width:7px;height:7px;background:#5ad5a4;border-radius:50%;margin-right:8px}.content{max-width:950px;margin:auto;padding:65px 42px 30px}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#79adf4;font-size:11px;letter-spacing:1.5px;font-weight:700}.hero h1{font-size:clamp(32px,4vw,51px);letter-spacing:-1.9px;line-height:1.17;margin:23px 0}.hero em{font-style:normal;color:#84b6f6}.hero p{color:#9cabc0;font-size:15px;line-height:1.7;max-width:600px;margin-bottom:38px}.workspace,.results{background:#111a28;border:1px solid #2b3a50;border-radius:16px;overflow:hidden}.worktop,.resulthead{padding:18px 22px;border-bottom:1px solid #28354a;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.worktop>span:first-child,.resulthead{display:flex;align-items:center;gap:10px}.platformtag{font-size:11px;color:#9bbce5;background:#1d304a;padding:7px 11px;border-radius:20px;font-weight:500}textarea{width:100%;resize:vertical;min-height:125px;border:0;outline:none;color:#f3f7ff;background:transparent;padding:24px;font-size:15px;line-height:1.6}textarea::placeholder{color:#687b96}.formbottom{border-top:1px solid #263449;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.formbottom span{color:#7f91aa;font-size:11px}.formbottom button{background:#77adf4;color:#081222;border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.formbottom button:disabled{opacity:.5;cursor:not-allowed}.examples{margin-top:36px}.examplegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.examplegrid button{background:#111a28;border:1px solid #27354b;border-radius:12px;padding:17px;text-align:left;color:#c7d5e7;font-size:12px;line-height:1.6;min-height:115px;display:flex;justify-content:space-between;gap:8px}.examplegrid button:hover{border-color:#75a9eb}.examplegrid svg{flex-shrink:0;color:#75a9eb}.message{display:flex;gap:12px;align-items:center;margin-top:22px;background:#142137;border:1px solid #28486b;padding:20px;border-radius:12px;color:#b8d1f1;font-size:13px}.message.error{color:#ffb4b4;border-color:#713e4b;background:#2a1820}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results{margin-top:25px}.resulthead{justify-content:flex-start;color:#8fbaf3;font-size:12px;letter-spacing:1px}.resulthead span{margin-left:auto;color:#778aa3;font-size:10px;letter-spacing:0}.answer{padding:26px;white-space:pre-wrap;line-height:1.85;color:#d7e2ef;font-size:14px}.sources{border-top:1px solid #28354a;padding:22px}.sources .sectionlabel{margin-bottom:16px}.sources a{display:flex;align-items:center;gap:12px;color:#b6d4fb;text-decoration:none;background:#17263a;padding:14px;margin-top:8px;border-radius:9px;font-size:12px}.sources a span{flex:1;min-width:0;overflow-wrap:anywhere}.sources a small{display:block;color:#829bb8;margin-top:5px;font-size:10px}.sources p{color:#d6b8a4;font-size:12px}footer{margin-top:48px;font-size:11px;color:#6d8099;text-align:center}@media(max-width:800px){.sidebar{width:100%;padding:16px;display:block}.app{display:block}.brand{margin:0 0 15px}.sideheading,.sidebottom{display:none}.nav{display:inline-block;font-size:11px;padding:10px}.content{padding:35px 18px}header{height:55px;padding:0 18px}.status{font-size:8px}.examplegrid{grid-template-columns:1fr}.examplegrid button{min-height:auto}.formbottom{align-items:flex-start}.formbottom span{max-width:150px}}.diagnostics .hero h1{margin-bottom:12px}.diagupload{display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:20px}.filedrop{display:flex;flex:1;gap:7px;align-items:center;flex-direction:column;justify-content:center;min-height:130px;border:1px dashed #4d6685;border-radius:12px;cursor:pointer;color:#d8e7f8}.filedrop span{color:#8ca0b9;font-size:11px}.filedrop input{display:none}.secondarybtn{border:1px solid #395171;border-radius:8px;padding:10px 12px;background:#1a2a40;color:#c7ddf9;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:12px}.secondarybtn:hover{background:#263b56}.metricrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.metricrow>div{border:1px solid #2b3a50;border-radius:12px;background:#111a28;padding:20px}.metricrow strong{font-size:28px;display:block}.metricrow span{font-size:11px;color:#8da3c0}.diagcontrols{display:flex;gap:10px;align-items:center;padding:15px;border-bottom:1px solid #293a50}.diagcontrols label{display:flex;gap:8px;align-items:center;flex:1;background:#0c1522;border:1px solid #2d405a;border-radius:8px;padding:9px}.diagcontrols input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#eaf3ff}.diagcontrols select{background:#17283e;color:#e2efff;border:1px solid #344d6c;padding:10px;border-radius:8px}.tablewrap{overflow:auto;max-height:450px}.diagtable{width:100%;border-collapse:collapse;font-size:12px}.diagtable th{text-align:left;color:#9aabc1;background:#142137;position:sticky;top:0;padding:13px}.diagtable td{padding:12px;border-top:1px solid #25344a;white-space:nowrap}.diagtable tr{cursor:pointer}.diagtable tbody tr:hover,.diagtable .chosen{background:#223954}.eventtext{max-width:340px;overflow:hidden;text-overflow:ellipsis}.severity{font-size:10px;color:#a8d9ba}.severity.bad{color:#ff979e}.severity.warn{color:#ffd38a}.diagfoot{padding:16px;color:#91a4bc;font-size:12px}.detailpanel{margin-top:20px}.detailpanel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6;padding:22px;max-height:350px;overflow:auto;color:#c9d8eb}.timings{padding:18px 22px;border-bottom:1px solid #2b3a50}.timings>div{display:grid;grid-template-columns:80px 1fr 75px;gap:12px;align-items:center;font-size:11px;color:#afc4df;margin:8px 0}.bar{height:8px;background:#24354b;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#7bb2f4}@media(max-width:800px){.diagupload{flex-direction:column}.filedrop{width:100%;padding:20px}.diagcontrols{flex-wrap:wrap}.metricrow strong{font-size:21px}}.atlas-toolgrid,.atlas-featuregrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:26px 0}.atlas-toolcard{background:#152238;border:1px solid #2b3e58;border-radius:15px;color:#e9f1fc;padding:22px;text-align:left;display:flex;flex-direction:column;gap:14px;min-height:185px;cursor:pointer}.atlas-toolcard:hover,.atlas-toolcard.selected{border-color:#78adfa;background:#1a2d49}.atlas-toolcard strong{font-size:18px}.atlas-toolcard span:not(.atlas-toolready){color:#9db0c9;line-height:1.5}.atlas-toolcard b{margin-top:auto;color:#8abaff}.atlas-toolready{color:#51d4a4;font-size:12px}.atlas-toolpanel,.atlas-about{padding:25px;margin-top:22px}.atlas-toolpanel textarea,.atlas-toolpanel input:not([type=file]){display:block;width:100%;box-sizing:border-box;background:#0c1525;color:#eaf1fa;border:1px solid #34475f;border-radius:9px;padding:12px;margin:12px 0}.atlas-toolpanel select{background:#0c1525;color:#eaf1fa;border:1px solid #34475f;padding:9px;margin:10px}.atlas-toolpanel a{color:#8bbcff}.atlas-fileinput{display:flex;align-items:center;gap:9px;cursor:pointer;margin:12px 0}.atlas-fileinput input{max-width:240px}.atlas-output{white-space:pre-wrap;overflow:auto;max-height:420px;background:#0b1422;color:#e4effc;padding:18px;border-radius:10px}.atlas-outputhead{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.atlas-featuregrid article{background:#152238;border:1px solid #2b3e58;border-radius:12px;padding:20px}.atlas-featuregrid p,.atlas-about p{line-height:1.65;color:#adbed3}.atlas-note{color:#94a7c1;font-size:13px}.atlas-about h2{margin-top:24px}
