:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e3e9e4;background:#0d2026;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#263c40;color:#e7eee8;border:1px solid #45595a;border-radius:5px;padding:9px 11px;font-size:12px}button:hover{background:#3d5657}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffc677;outline-offset:3px}header{height:70px;padding:0 32px;border-bottom:1px solid #385052;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#e6ede8;letter-spacing:2px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:14px}.brand small{color:#829b9b;font-size:10px;letter-spacing:1px;border-left:1px solid #455a5a;padding-left:15px}.mark{color:#f6bd70;font-size:28px}.headerRight{display:flex;align-items:center;gap:24px}.local{font-size:10px;color:#a4c7ac;letter-spacing:1.5px}.titlebar{display:flex;justify-content:space-between;align-items:center;padding:30px 32px 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c3a77e;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:0}h1 span{color:#f8b65e}.subtitle{font-size:13px;color:#98b0af;margin-bottom:0}.study{width:250px}.workspace{display:grid;grid-template-columns:265px minmax(300px,1fr) 290px;border-top:1px solid #385052;border-bottom:1px solid #385052;min-height:730px}aside{background:#142a30}section{padding:21px 20px;border-bottom:1px solid #344a4d}h2{font-size:13px;margin:0 0 15px;font-weight:600}h2 b{color:#b49b77;margin-right:10px;font-size:10px}.hint,.fine{font-size:11px;line-height:1.65;color:#9eb3b2}.fine{font-size:10px}.pointlist{max-height:178px;overflow:auto;margin:16px 0}.pointlist button{width:100%;border:0;display:flex;align-items:center;gap:10px;margin:4px 0;padding:10px 8px;background:transparent}.pointlist button.selected{background:#314746}.pointlist span{font-size:10px;color:#a4bab5}.pointlist i{margin-left:auto;color:#efb562}.wide{width:100%;margin:7px 0}.row{display:flex;gap:6px;margin:10px 0}.row>*{flex:1}label{display:block;font-size:9px;letter-spacing:1.4px;color:#a8bcba;margin:14px 0 7px}input,select{width:100%;border:1px solid #465b5c;background:#10252b;color:#e4ece6;border-radius:4px;padding:10px;font-size:12px}input[type=range]{padding:0;accent-color:#efb562}.accent{background:#e9b570;color:#182c30;border-color:#e9b570;font-weight:650}.accent:hover{background:#f6ca8e}.quiet{font-size:10px;background:none;border:0;color:#adbfbc;padding:9px 0}.canvasPanel{background:radial-gradient(ellipse at 50% 40%,#214047,#10262d 70%);border-left:1px solid #3a5050;border-right:1px solid #3a5050;position:relative;display:flex;flex-direction:column}.canvasTop{padding:20px;display:flex;align-items:center;gap:15px}.canvasTop input{border:0;background:none;font-family:Georgia,serif;font-size:20px;padding:0}.canvasTop span{font-size:9px;white-space:nowrap;color:#8ca5a5}.viewport{width:100%;flex:1;min-height:430px;touch-action:none}.viewport [data-point]{cursor:grab}.viewport text{font-size:12px;font-family:ui-monospace,monospace;pointer-events:none}.viewControls{display:flex;align-items:center;gap:15px;padding:12px 25px}.viewControls label{flex:1;margin:0}.viewControls input{margin-top:8px}.canvasFoot{display:flex;justify-content:space-between;color:#7b989a;font-size:9px;letter-spacing:1px;padding:20px}.verdict{display:flex;gap:12px;padding:15px 12px;border:1px solid #4d6a5c;border-radius:5px;font-size:12px}.good{color:#a7d5b9;background:#28463955}.warn{color:#f4bd87;border-color:#946c48}.verdict span{font-size:20px}.relations{max-height:340px;overflow:auto}.relation{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #354b4c;padding:13px 0}.relation strong{font-size:11px;font-weight:500}.relation small,.relation code{display:block;font-size:9px;color:#8fa8a5;margin-top:5px}.relation button{margin-left:auto;padding:0 5px;background:none;border:0;font-size:18px;color:#92a8a3}.pass{color:#a3d6b6}.fail{color:#efb562}footer{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 30px;font-size:11px;color:#a0b7b3}footer details{max-width:460px;margin-left:20px}footer p{line-height:1.5}summary{cursor:pointer}footer button{margin-right:8px}@media(min-width:1600px){.workspace{min-height:calc(100vh - 280px)}}@media(max-width:1100px){.workspace{grid-template-columns:235px minmax(280px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.relations{max-height:200px}.titlebar{padding:25px 20px}h1{font-size:30px}}@media(max-width:680px){header{padding:0 16px}.brand small,.local{display:none}.titlebar{display:block}.study{width:100%;margin-top:22px}.workspace{display:flex;flex-direction:column}.canvasPanel{order:-1}.viewport{min-height:330px}.inspector{display:block}h1{font-size:28px}.viewControls{gap:8px;padding:12px}footer{display:block;padding:14px}footer details{margin:20px 0}.pointlist{max-height:130px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.storageWarning{color:#ffd69d;border:1px solid #987348;padding:10px;max-width:400px}.wirelist{display:flex;gap:8px;flex-wrap:wrap;max-height:90px;overflow:auto}.pointlist strong{max-width:110px;overflow-wrap:anywhere}.pointlist strong small{display:block;font-size:8px;font-weight:400;color:#a3b6b2;margin-top:4px}