:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#10141c;color:#e7ecf5}*{box-sizing:border-box}body{margin:0}a{color:#9ccaff;text-decoration:none}a:hover{text-decoration:underline}nav{height:62px;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid #2a3341;font-size:13px}.brand{font-weight:800;letter-spacing:2px;color:white;margin-right:auto}main{max-width:1600px;margin:auto;padding:28px 30px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#8da1bc;margin:0 0 12px}h1{font-size:36px;letter-spacing:-1px;margin:0 0 12px}h2{font-size:17px;margin:6px 0}p{color:#9eafc6;line-height:1.6;margin:8px 0}.privacy{border:1px solid #304536;padding:10px 13px;border-radius:8px;background:#14231c;color:#a5d5b4;font-size:12px;white-space:nowrap}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px 0;font-size:12px}select,button,.file-button{border:1px solid #38465b;background:#202a39;color:#e7ecf5;border-radius:6px;padding:9px 12px;font:inherit;cursor:pointer}button:hover,.file-button:hover{background:#304058}button[aria-pressed=true]{border-color:#74d6c3;color:#a8f8dd}select{max-width:270px}.toggle{display:flex;align-items:center;gap:5px}.stage{position:relative;border:1px solid #303b4d;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#171d28}#canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.pane{min-width:0}.pane+ .pane{border-left:1px solid #303b4d}.pane header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;background:#1a2230;min-height:110px}.filename{font:12px ui-monospace,Consolas,monospace;word-break:break-all;margin:4px 0 0;color:#8d9bb0}.badge{font-size:9px;letter-spacing:1.5px;font-weight:700}.badge.source{color:#ffc286}.badge.corrected{color:#80e6cb}.viewport{position:relative;height:490px;pointer-events:none;z-index:2}.status{position:absolute;top:42%;left:10%;width:80%;text-align:center;background:#171d28dc;border-radius:9px;padding:16px}.status.error{color:#ffb7ad}.file-button{font-size:12px;white-space:nowrap}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:2px solid #9ccaff}.custom{display:flex;gap:24px;align-items:center;padding:16px 2px;font-size:12px}.custom label{display:flex;align-items:center;gap:12px;white-space:nowrap}.custom input{width:190px;accent-color:#83dfcb}.custom output{min-width:72px}.reports{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reports section{background:#17202d;border:1px solid #2c394e;border-radius:10px;padding:19px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.metric{background:#101824;padding:12px;border-radius:7px;font-size:11px;color:#9eafc6}.metric strong{display:block;color:white;font-size:22px;margin-bottom:4px}.metric.alert strong{color:#ffba85}.quality{font-size:12px;line-height:1.7}.quality summary{cursor:pointer;color:#c1cde0}.quality ul{padding-left:18px;color:#aab7cb}.quality code{font-size:11px;color:#a9e8d7}.notice{margin-top:22px;border-left:3px solid #b39361;background:#211f1b;padding:18px 22px;font-size:12px}.notice strong{font-size:14px;color:#e0c598}.notice p{margin:8px 0}.quality button{font-size:12px;margin:12px 0}#global-error{background:#4a2027;border:1px solid #955263;padding:15px;border-radius:8px;margin:14px 0;font-size:13px}footer{max-width:1600px;margin:auto;padding:20px 30px 30px;display:flex;justify-content:space-between;gap:16px;color:#8292aa;font-size:12px}@media(max-width:820px){main{padding:22px 14px}.intro{display:block}.privacy{display:inline-block;margin:8px 0}.toolbar{gap:12px}.stage,.reports{grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:1px solid #303b4d}.viewport{height:400px}.custom{flex-direction:column;align-items:flex-start;gap:0}.metrics{gap:7px}.metric strong{font-size:18px}nav{padding:0 16px;gap:16px}footer{flex-direction:column;padding:20px 14px}}