*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#08141a;color:#ecf4ef;font-family:system-ui,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{background:#c9b57a;border:0;border-radius:9px;color:#14221f;font-weight:700;padding:11px 12px;cursor:pointer}button:hover{filter:brightness(1.09)}button:disabled{opacity:.37;cursor:not-allowed}button.ghost,.filelike{background:#1b3439;color:#ebeee8;border:1px solid #46636a}h1,h2,p{margin:0}h1{font-family:Georgia,serif;letter-spacing:.035em;font-weight:500;font-size:26px}h1 small{display:block;color:#9eb2ae;font:13px system-ui;margin-top:5px;letter-spacing:0}h2{font-family:Georgia,serif;font-size:18px;font-weight:500;color:#e7d19a;margin-bottom:14px}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0c2229;padding:19px 24px;border-bottom:1px solid #355054}.overline{font-size:11px;letter-spacing:.2em;color:#c5aa6d}.tag{font-size:10px;letter-spacing:.09em;color:#d6c99f;border:1px solid #5c5d47;border-radius:100px;padding:7px 10px;white-space:normal;text-align:center}.layout{max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(305px,360px) minmax(0,1fr);gap:16px;padding:16px}.formside{display:flex;flex-direction:column;gap:13px}.formside section,.viewer section{border:1px solid #27444a;background:#0e2229;border-radius:13px;padding:18px}.viewer{display:flex;flex-direction:column;gap:15px;min-width:0}.formside section{padding:18px}label{display:block;color:#a8c5bf;font-size:12px;margin:11px 0 0}input,select,textarea{background:#07171d;color:#fff;border:1px solid #4a6368;border-radius:7px;padding:10px 9px;width:100%;margin-top:5px;min-width:0}input:focus,select:focus{outline:2px solid #98ab90}textarea{resize:vertical}.dual{display:grid;grid-template-columns:1fr 1fr;gap:11px}.formside button{margin-top:10px}.muted{color:#9cbbba;font-size:12px;line-height:1.6}.tiny{font-size:11px}.warning{color:#e2bb79;margin-top:8px}.buttonrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filelike{padding:11px 9px;border-radius:9px;cursor:pointer;font-size:12px;margin-top:10px}.pointlist{display:grid;gap:6px;margin-top:10px}.point-row{background:#112e33;border:1px solid #36525a;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px}.point-row strong{color:#f0dca2}.point-row button{padding:5px 9px;margin:0;font-size:12px}.diag{border-radius:9px;padding:12px;background:#142f33;color:#eceadf;line-height:1.7;white-space:pre-line;margin-bottom:9px}.diag.problem{border:1px solid #cc9262}.diag.good{border:1px solid #779c82}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-title h2{margin:0}.canvas-wrap{width:100%;display:flex;justify-content:center;align-items:center;background:#07141a;border:1px solid #33545a;overflow:hidden;border-radius:8px}canvas{width:100%;height:auto;display:block;touch-action:manipulation}#srcCanvas{cursor:crosshair}.caption{font-size:11px;line-height:1.5;color:#8eaaa9;margin-top:9px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.actions button{font-size:12px;background:#234449;color:#f9f4e9;border:1px solid #4e7d7e}.actions button:last-child{background:#c9b57a;color:#102522}.status{font-size:12px;margin-top:12px;padding:10px;border-left:3px solid #c8b071;background:#102b30}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.facts>div{padding:12px;border:1px solid #3a5458;border-radius:8px;display:grid;gap:7px;background:#112930}.facts b{color:#f1d69b}.facts span{color:#b0c7c3;font-size:12px;line-height:1.5}.history p{margin-top:14px}@media(max-width:850px){.layout{display:flex;flex-direction:column;padding:10px}.top{padding:14px;align-items:flex-start;flex-direction:column}.top .tag{align-self:flex-start}.facts{grid-template-columns:1fr}h1{font-size:22px}.viewer section,.formside section{padding:12px}}