:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172832;background:#f3f5f4;font-synthesis:none;--teal:#087f76;--line:#dee5e1}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:226px 1fr}aside{background:#102e31;color:#daece9;position:sticky;top:0;height:100vh;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;color:#7de3c4;font-size:34px;text-decoration:none;align-items:center}.brand span{font-size:16px;line-height:1.35;letter-spacing:3px;color:white}.brand b{font-weight:400;color:#90b6b4}.device{margin:35px 0 28px;font-size:12px;letter-spacing:1px}.device small{display:block;color:#92afac;font-size:11px;margin:10px 0 0 15px;letter-spacing:0}.dot{display:inline-block;width:6px;height:6px;background:#69d1b4;border-radius:50%;margin-right:9px}nav{display:grid;gap:8px}nav button{background:none;border:0;color:#a8c2bd;text-align:left;font-size:14px;padding:14px;border-radius:8px}nav button.active{background:#24474a;color:#a1f0d7}nav button span{margin-right:13px;opacity:.6}.aside-foot{margin-top:auto;font-size:12px;line-height:1.8;color:#afc8c5}.aside-foot span{color:#779d99}.aside-foot a{display:block;color:#87c8b7;margin-top:15px;font-size:11px}main{padding:36px 42px;max-width:1600px;width:100%}header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#688079;margin:0 0 12px}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px;margin:0}h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}h3{font-size:16px}.subtitle{font-size:14px;color:#71847e;margin:12px 0 0}button,input,select{font:inherit}button{cursor:pointer;padding:10px 15px;border:1px solid #cbd9d3;border-radius:7px;background:white;color:#214740;font-size:13px;font-weight:600;transition:background .15s}button:hover{background:#e7f4ed}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74bda5;outline-offset:2px}.stop{background:#af3944;color:white;border:0;font-size:16px;padding:16px 32px;box-shadow:0 4px 12px #a42e4020}.stop:hover{background:#942f38}.connection{display:flex;align-items:center;gap:24px;padding:14px 18px;background:white;border:1px solid var(--line);border-radius:9px;font-size:12px}.connection button{margin-left:auto;padding:6px 10px;font-size:11px}#connection-state{color:var(--teal);font-weight:700}#connection-detail{color:#788882}#notice{font-size:13px;line-height:1.6;margin:20px 0;padding:12px 16px;background:#e9f0ec;border-left:3px solid #80aa94;border-radius:3px}.workspace{display:grid;grid-template-columns:minmax(400px,1fr) 290px;gap:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 14px}.tag{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;color:#7c8b83;white-space:nowrap}#section-help{font-size:12px;color:#788882;line-height:1.6;margin-bottom:20px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card,.panel{background:white;border:1px solid var(--line);border-radius:11px}.card{padding:20px;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.card h3{margin:0 0 16px;font-weight:600}.opcode{font-family:Consolas,monospace;font-size:10px;color:#8ca499;padding-top:3px}.card label,#link-settings label,#login label{display:block;font-size:11px;color:#71847e;margin:10px 0}input,select{display:block;margin-top:7px;width:100%;padding:10px;border:1px solid #dce4df;background:#f8faf8;border-radius:5px;font-size:13px;color:#203e35}.card p{font-size:11px;line-height:1.6;color:#7b8880;margin:8px 0 18px}.card button{margin-top:auto;background:#f2f7f4;color:#147c65;border-color:#d9e8df}.card button:hover{background:#dcefe4}.card .fields{margin-bottom:10px}.right-column{padding-top:8px;display:flex;flex-direction:column;gap:16px}.panel{padding:23px}.current{text-align:center;background:#eaf1eb}.current .eyebrow{text-align:left}.current p:not(.eyebrow){font-size:12px;line-height:1.6;color:#6f8279}.rotor{height:120px;display:grid;place-items:center;position:relative}.rotor div{width:94px;height:94px;border:1px solid #abc5b4;border-radius:50%;outline:1px dashed #b5cec0;outline-offset:8px;background:radial-gradient(circle,#b9d9c6 0 5px,transparent 6px),linear-gradient(90deg,transparent 49.5%,#bfd3c5 50%,transparent 50.5%)}.rotor span{position:absolute;font-size:38px;color:#417c61;top:34px;right:75px}.current h3{font-size:18px;font-weight:600}.current button{width:100%;font-size:12px;margin-top:10px}.detail strong{font-size:23px;font-weight:500;display:block;overflow-wrap:anywhere}.detail p{font-size:11px;color:#8b978e}.detail>div{border-top:1px solid #edf0ed;display:flex;gap:15px;padding:12px 0 0;margin-top:12px}.detail span{font-size:10px;color:#7d998c}.detail code{font-size:11px;overflow-wrap:anywhere}.log{margin-top:28px}.log h2{font-size:17px}.log .section-title{margin:0 0 18px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:500;color:#8a978e;border-bottom:1px solid var(--line);padding:10px 8px}td{padding:12px 8px;border-bottom:1px solid #edf1ed;color:#5c7265}td:last-child{font-family:Consolas,monospace;max-width:320px;overflow-wrap:anywhere}.table-scroll{max-height:300px;overflow:auto}footer{font-size:11px;color:#83968c;padding:22px 0}#link-settings{padding:20px;background:#e6efea;border-radius:9px;margin-bottom:20px}#link-settings p{font-size:12px;color:#698277}#login{margin:20px 0;background:white;border:1px solid var(--line);padding:24px;border-radius:10px}#login form{max-width:400px}#login h2{font-size:20px}.primary{background:var(--teal);color:white;margin-top:15px}[hidden]{display:none!important}@media(min-width:1500px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){main{padding:25px}.workspace{grid-template-columns:1fr 245px;gap:18px}body{grid-template-columns:190px 1fr}h1{font-size:26px}.cards{grid-template-columns:1fr}.rotor span{right:54px}}@media(max-width:760px){body{display:block}aside{position:static;height:auto;padding:18px}.brand{font-size:24px}.brand span{font-size:12px}.device,.aside-foot{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:5px}nav button{white-space:nowrap;padding:10px}nav button span{display:none}main{padding:20px 16px}header{gap:10px}h1{font-size:23px}.subtitle{font-size:12px}.stop{padding:14px 18px}.workspace{display:flex;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.connection{flex-wrap:wrap;gap:12px}.connection button{margin-left:0}.panel{padding:16px}.rotor span{right:calc(50% - 25px)}}@media(max-width:460px){.cards,.right-column{grid-template-columns:1fr}h1{font-size:21px}.tag{white-space:normal}}