:global(html){color:#1f1b18;background:#7b563a;font-family:Segoe UI,Arial,Helvetica,sans-serif}:global(body){color:#1f1b18;background:#7b563a;min-height:100vh;margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif}:global(*){box-sizing:border-box}:is(:global(button),:global(input)){font:inherit}main{background:#7b563a;min-height:100vh;padding:2rem}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr) minmax(320px,.8fr);align-items:stretch;gap:1.25rem;max-width:1680px;height:calc(100vh - 4rem);min-height:700px;margin:0 auto;display:grid}.terminal-panel,.dashboard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f0e7;border:1px solid #d8cbb9;border-radius:26px;padding:1.25rem 1.25rem 1rem;box-shadow:0 18px 40px #2018130f}.terminal-panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.dashboard{flex-direction:column;gap:1rem;display:flex;overflow-y:auto}header,.dashboard-heading,.control-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}header,.dashboard-heading{margin-bottom:1rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}h1{letter-spacing:-.06em;font-size:clamp(1.8rem,2vw,2.5rem);font-weight:600}h2{letter-spacing:-.04em;font-size:1.2rem;font-weight:600}h3{letter-spacing:-.03em;font-size:1rem;font-weight:600}.eyebrow{color:#625a54;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:700}.terminal{color:#1f1b18;background:#fdfaf6;border:1px solid #d8cbb9;border-radius:18px;flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.9rem 1rem;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:.84rem;display:flex;overflow-y:auto}.line{word-break:break-all;gap:.5rem;padding:.05rem 0;display:flex}.timestamp{color:#7a7067;flex-shrink:0}.system .content{color:#7d5b34;font-style:italic}.sent .content{color:#3d5a36}.received .content{color:#5a4a31}.input-bar{gap:.7rem;margin-top:1rem;display:flex}input{color:#1f1b18;background:#fffdfb;border:1px solid #d8cbb9;border-radius:12px;flex:1;padding:.78rem .9rem;font-size:.96rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#d4e1c7;outline:none;box-shadow:0 0 0 4px #7a8f651f}input:disabled{opacity:.55;cursor:not-allowed}.btn,.firmware-button,.control-button,.stop-button,.stepper-toggle{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.1rem;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:700;transition:opacity .2s,transform .2s}.btn:hover:not(:disabled),.firmware-button:hover:not(:disabled),.control-button:hover:not(:disabled),.stop-button:hover:not(:disabled),.stepper-toggle:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,.firmware-button:focus-visible,.control-button:focus-visible,.stop-button:focus-visible,.stepper-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px #6e886726}.btn:disabled,.firmware-button:disabled,.control-button:disabled,.stop-button:disabled,.stepper-toggle:disabled{opacity:.45;cursor:not-allowed}.btn,.firmware-button{color:#1f1b18;background:#f8f5f1;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn.connect{color:#fffaf5;background:#b5885d}.firmware-button,.btn.disconnect{color:#fffaf5;background:#7b563a}.btn.send,.stepper-toggle,.stop-button{color:#f8f7f2;background:#7b563a}.stop-button{background:#7b563a;width:100%}.stepper-toggle.disabled-state{color:#4a423d;background:#d0dbc7}.status-dot{color:#7b563a;letter-spacing:.08em;text-transform:uppercase;background:#efe4d5;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-dot.online{color:#758f6d;background:#7a8f6526}.control-group{flex-direction:column;gap:.8rem;padding:.65rem 0 .2rem;display:flex}.control-group:first-of-type{border-top:none;padding-top:0}.control-heading{margin-bottom:.1rem}.control-heading label,.speed-input{color:#4a423d;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.control-heading input,.speed-input input{border-radius:999px;max-width:88px;padding:.5rem .6rem;font-size:.9rem}.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button{color:#1f1b18;letter-spacing:.08em;background:#d0dbc7;border-radius:999px;padding:.72rem .7rem;font-size:.77rem;font-weight:700}.speed-list,.servo-presets{flex-direction:column;gap:.7rem;display:flex}.speed-input{color:#1f1b18;letter-spacing:.01em;text-transform:none;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:.6rem;padding:.3rem .1rem;font-size:.82rem;display:grid}.servo-presets{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.25rem;display:grid}@media (width<=1200px){main{padding:1rem}.workspace{grid-template-columns:1fr;height:auto;min-height:0;display:grid}.terminal-panel,.dashboard{min-height:0}}.control-group{margin-top:1.2rem}.control-group .control-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.control-group h3{color:#4a423d;text-transform:uppercase;letter-spacing:.08em;margin:0;padding-bottom:10px;font-size:.8rem}.control-group label{color:#4a423d;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.control-group input{width:4.5rem;padding:.35rem .45rem;font-size:.8rem}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.speed-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.servo-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.speed-input{color:#1f1b18;text-transform:none;background:#d0dbc7;border-radius:100px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.78rem;display:flex}.speed-input input{width:4.5rem;padding:.35rem .45rem;font-size:.8rem}.movement-grid{flex-direction:column;gap:.5rem;display:flex}.motor-row{color:#1f1b18;justify-content:space-between;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.motor-row>div{gap:.35rem;display:flex}.control-button{color:#1f1b18;cursor:pointer;background:#d0dbc7;border-radius:999px;padding:.55rem .65rem;font-size:.78rem;font-weight:700;transition:background .2s,opacity .2s,transform .2s}.control-button:hover:not(:disabled){background:#e3eddc;transform:translateY(-1px)}.control-button:disabled{opacity:.35;cursor:not-allowed}@media (width<=850px){main{padding:1rem}.workspace{grid-template-columns:1fr;height:auto}.terminal-panel{min-height:65vh}.dashboard{overflow-y:visible}}@media (width<=560px){header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.motor-row{flex-direction:column;align-items:flex-start}}