*{box-sizing:border-box}body{margin:0;color:#233e4b;background:#f2f5f7;font:15px 'Segoe UI',sans-serif}button,input,label,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}a{color:#7458b0}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid #aa8bde;outline-offset:3px}.maker-header{background:#193f49;color:white;padding:12px 26px;display:flex;align-items:center;gap:16px;height:77px}.brand{display:grid;place-items:center;background:white;width:47px;height:47px;border-radius:12px}.brand img{width:41px;height:41px;object-fit:contain}.maker-header>div{display:grid;gap:4px}.maker-header strong{font-size:20px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.12em;color:#b6dcd7}.offline{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:7px;color:#c5ecdf}.offline i{width:7px;height:7px;background:#69dbb7;border-radius:50%}.maker-header .secondary{background:transparent;color:#e0ecee;border-color:#618189;font-size:12px}.maker-intro{max-width:1460px;margin:auto;padding:18px 25px 14px;display:flex;align-items:center;gap:25px}h1{font-size:25px;letter-spacing:-.04em;margin:0}h2{font-size:18px;margin:0}p{line-height:1.5}.maker-intro p{margin:0;font-size:13px;color:#647784}.maker-grid{max-width:1460px;margin:auto;padding:0 25px 18px;display:grid;grid-template-columns:minmax(275px,1fr) minmax(340px,1.23fr) minmax(285px,1fr);gap:16px}.panel{background:white;border:1px solid #dfe7eb;border-radius:16px;padding:18px;min-width:0}.panel-heading{display:flex;gap:10px;align-items:center;margin-bottom:11px}.step{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#7256a8;background:#eee8f8;font-weight:900}.small{font-size:11px;color:#617584;line-height:1.5;margin:8px 0 11px}.class-card{border:1px solid #dce7e5;border-left:4px solid var(--class-color);border-radius:11px;padding:10px;margin:10px 0}.class-title{display:flex;align-items:center;gap:5px}.class-title input{min-width:0;width:100%;border:none;color:#27424c;background:transparent;font-weight:800;font-size:13px}.class-title span{font-size:10px;background:#f2f6f5;padding:3px 7px;border-radius:10px;white-space:nowrap}.class-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:6px}.text-button{border:0;background:none;padding:3px 0;color:#7459aa;font-size:11px;font-weight:750;cursor:pointer;text-decoration:none}.class-thumbs{display:flex;gap:5px;overflow-x:auto;margin-top:6px;padding:2px}.example{position:relative;flex-shrink:0}.example img{width:44px;height:38px;border-radius:5px;object-fit:cover;display:block}.example button{position:absolute;right:-3px;top:-5px;background:white;width:15px;height:15px;border:1px solid #cbd8d5;border-radius:50%;font-size:11px;padding:0;line-height:1;color:#685e77}.empty-class{font-size:10px;color:#889795;margin:7px 0 0}.model-files{display:flex;gap:15px;margin-top:12px}.primary{border:0;border-radius:9px;background:#7a59b5;color:white;padding:11px 16px;font-size:12px;font-weight:800;box-shadow:0 3px #563c87}.secondary{border:1px solid #cad9df;background:#f5f8f9;color:#355465;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:750;cursor:pointer}.train-row{display:flex;align-items:center;gap:10px;margin-bottom:13px}.train-row .small{flex:1;margin:0;font-size:10px}.test-preview{height:202px;background:#eaf2f3;border-radius:12px;position:relative;overflow:hidden;border:1px solid #d5e1e4}.test-preview img,.test-preview video{width:100%;height:100%;object-fit:contain;display:block}.test-preview span{position:absolute;bottom:8px;left:9px;right:9px;border-radius:7px;background:#ffffffdc;color:#4f6572;padding:6px;text-align:center;font-size:10px}.test-controls{display:flex;justify-content:center;gap:9px;margin:10px 0}.file-button{display:inline-block}.practice-tests{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px}.practice-tests button{border:1px solid #d9e4e6;border-radius:8px;padding:4px;background:white;flex:1;max-width:64px}.practice-tests img{width:100%;height:37px;object-fit:contain;display:block}.prediction{background:#edf5f1;color:#2d705c;border-radius:10px;padding:11px;font-size:13px;font-weight:750;min-height:38px}.prediction.unsure{background:#fff5df;color:#8b681e}.confidence-bars{font-size:10px;color:#74828d;min-height:20px;margin:7px 0}.test-neighbors{display:flex;gap:6px}.test-neighbors figure{display:flex;gap:4px;align-items:center;margin:0;flex:1;min-width:0}.test-neighbors img{width:27px;height:27px;object-fit:cover;border-radius:4px}.test-neighbors figcaption{font-size:9px;overflow:hidden}.robot-scene{height:213px;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#fbf1ff,transparent 70%),#ecf1fa;position:relative;overflow:hidden}.floor{position:absolute;bottom:25px;width:100%;height:30px;border-radius:50%;background:#d5dbe9}.robot{position:absolute;top:46px;left:calc(50% - 49px);width:98px;height:120px}.antenna{position:absolute;width:4px;height:18px;background:#274753;left:47px;top:-16px}.antenna:before{content:'';position:absolute;border-radius:50%;background:#f1c46a;width:10px;height:10px;top:-7px;left:-3px}.robot-face{background:#203d4c;position:absolute;top:0;left:0;width:98px;height:60px;border:9px solid #70cbbf;border-radius:23px;display:flex;gap:25px;justify-content:center;padding-top:12px;box-shadow:inset 0 0 8px #102c3a}.robot-face i{width:8px;height:13px;background:#b0ffdd;border-radius:6px}.robot-face span{position:absolute;width:16px;height:5px;border:2px solid #b0ffdd;border-top:0;left:31px;bottom:5px;border-radius:0 0 7px 7px}.robot-body{position:absolute;width:75px;height:45px;top:55px;left:12px;background:#8260bc;border-radius:8px}.wheel{position:absolute;width:19px;height:32px;bottom:1px;background:repeating-linear-gradient(#284856 0px,#284856 7px,#638391 8px,#638391 12px);border-radius:6px}.left-wheel{left:7px}.right-wheel{right:7px}.servo-arm{position:absolute;height:9px;width:33px;right:-23px;top:75px;transform-origin:3px 4px;background:#e7bd65;border-radius:5px;transition:transform .35s}.led-matrix{display:grid;grid-template-columns:repeat(5,5px);grid-template-rows:repeat(5,5px);gap:2px;position:absolute;left:21px;top:5px}.led-matrix i{background:#462d69;border-radius:1px}.led-matrix i.on{background:#ffc371;box-shadow:0 0 4px #ffc371}.robot-scene[data-action=forward] .wheel,.robot-scene[data-action=left] .right-wheel{animation:spin .22s linear infinite}.robot-scene[data-action=forward] .robot{animation:bob .55s ease-in-out infinite alternate}.robot-scene[data-action=left] .servo-arm{transform:rotate(-40deg)}.robot-scene[data-action=left] .robot{transform:rotate(-6deg)}.scene-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:#667891;font-weight:800}.board-connect{border-top:1px solid #e2e9ed;margin-top:13px;padding-top:12px}.firmware-link{display:block;font-size:11px;margin:7px 0 11px;text-decoration:none;font-weight:800}.check{font-size:10px;display:flex;align-items:flex-start;gap:6px;line-height:1.5;margin:8px 0}.check input{accent-color:#7454ae;margin:2px 0}.motor-check{font-size:10px;color:#66788a}.motor-check summary{cursor:pointer}.motor-check a{font-size:10px}.stop-button{border:1px solid #ebcfcc;color:#ac534a;background:#fff1ef;border-radius:9px;padding:9px;width:100%;margin-top:10px;font-weight:850;font-size:12px}.maker-feedback{max-width:1410px;margin:0 auto 12px;padding:0 15px;color:#506e7c;text-align:center;font-size:12px;min-height:18px}dialog{border:1px solid #d7e3e6;border-radius:16px;padding:23px;color:#274551;max-height:86vh;width:min(710px,92vw);box-shadow:0 30px 80px #18394944}dialog::backdrop{background:#18394977}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dialog-heading button{background:#f1f5f7;border:1px solid #d5e2e6;width:32px;height:32px;border-radius:8px;color:#284753;font-size:22px}dialog p,dialog li{line-height:1.6;font-size:13px}dialog li{margin:10px 0}@keyframes spin{to{background-position-y:12px}}@keyframes bob{to{transform:translateY(-2px)}}@media(max-width:1050px){.maker-grid{grid-template-columns:1fr 1.15fr}.robot-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.robot-panel .panel-heading{grid-column:1/-1}.robot-panel>.small{display:none}.board-connect{border:0;margin:0;padding:0}.stop-button{grid-column:2}.maker-intro{display:block}.maker-intro p{margin-top:5px}}@media(max-width:650px){.maker-header{padding:10px 13px;gap:9px;height:auto;flex-wrap:wrap}.maker-header strong{font-size:17px}.offline{display:none}.maker-header .secondary{margin-left:auto}.maker-grid{padding:0 12px 15px;grid-template-columns:1fr}.maker-intro{padding:16px 13px}.maker-intro h1{font-size:23px}.robot-panel{display:block}.panel{padding:16px}.test-preview{height:240px}.robot-panel>.small{display:block}.board-connect{margin-top:12px;border-top:1px solid #e2e9ed;padding-top:12px}}@media(prefers-reduced-motion:reduce){.robot,.wheel{animation:none!important}.servo-arm{transition:none}}
@media(min-width:1051px) and (max-height:780px){.maker-intro{padding-top:13px;padding-bottom:11px}.panel{padding:15px}.test-preview{height:150px}.robot-scene{height:178px}.robot{top:31px}.small{margin:6px 0 8px;font-size:10px}.test-controls{margin:7px 0}.confidence-bars{min-height:14px;margin:5px 0}.class-card{margin:8px 0}.maker-grid{padding-bottom:10px}.maker-feedback{margin-bottom:6px}}