.studio-workspace{flex:1;min-height:0;display:flex;position:relative}.studio-workspace .editor-container{min-width:0}.studio-bar .controls-toggle{color:#fff;background:#173b34}.controller-panel{color:#173b34;z-index:5;background:#f7f8f2;border-left:1px solid #d9e0d3;flex-direction:column;flex-shrink:0;width:355px;min-height:0;display:flex}.controller-title{justify-content:space-between;align-items:center;padding:23px 20px 16px;display:flex}.controller-title .eyebrow{letter-spacing:1.3px;font-size:8px}.controller-title h2{letter-spacing:-.7px;margin:8px 0 0;font-size:21px}.controller-title>button{color:#6b7863;background:0 0;border:0;font-size:25px}.controller-tabs{border:1px solid #d4ddce;border-radius:6px;margin:0 20px;display:flex;overflow:hidden}.controller-tabs button{color:#61715b;background:0 0;border:0;flex:1;padding:10px;font-size:12px}.controller-tabs button.selected{color:#173b34;background:#e4ecd8;font-weight:700}.controller-connection{border-bottom:1px solid #e0e5db;align-items:center;gap:7px;padding:14px 20px;font-size:10px;display:flex}.controller-connection>span:last-child{color:#73826a;margin-left:auto}.offline-dot{background:#b0b7aa;border-radius:50%;width:7px;height:7px;display:inline-block}.controller-content{flex:1;padding:0 20px 20px;overflow:auto}.controller-intro{color:#6b7863;margin:17px 0;font-size:12px;line-height:1.8}.controller-empty{background:#edf2e7;border:1px dashed #c4cfbb;border-radius:7px;padding:18px;font-size:12px;line-height:1.8}.binding{background:#fff;border:1px solid #dce2d5;border-radius:8px;margin:15px 0;padding:15px}.binding-heading{letter-spacing:1px;color:#788970;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;display:flex}.binding-heading button{color:#a04b43;background:0 0;border:0;padding:0;font-size:10px}.binding label{color:#63705e;flex-direction:column;gap:5px;margin-bottom:10px;font-size:10px;display:flex}.binding input,.binding select{color:#173b34;background:#f9faf6;border:1px solid #d5ded0;border-radius:4px;width:100%;min-width:0;min-height:36px;padding:9px 8px;font-size:12px}.binding input[readonly]{cursor:pointer;text-align:center;background:#e8efdf;font-weight:700}.binding-fields{grid-template-columns:1fr 85px;gap:10px;display:grid}.add-binding{color:#31522d;background:0 0;border:1px dashed #9baa8b;border-radius:5px;width:100%;padding:12px;font-size:12px}.storage-note{color:#87907f;font-size:10px;line-height:1.7}.controller-bottom{background:#edf2e7;border-top:1px solid #d8e0cf;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 20px 12px;display:grid}.enable-controls{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.enable-controls input{accent-color:#456936;width:17px;height:17px}.stop-control{color:#fff;background:#b33e3e;border:0;border-radius:5px;padding:10px 12px;font-size:12px;font-weight:700}.stop-control kbd{opacity:.8;margin-left:10px;font-size:9px}.controller-bottom p{color:#5b6b53;grid-column:1/-1;min-height:34px;margin:0;font-size:11px;line-height:1.6}.control-pad{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control-pad button{color:#24421f;touch-action:manipulation;background:#e0edcf;border:1px solid #c6d5b4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:112px;padding:12px;display:flex;box-shadow:0 4px #c3d2b3}.control-pad button:active{box-shadow:none;transform:translateY(3px)}.control-pad button:disabled{opacity:.45;cursor:not-allowed}.control-pad kbd{background:#fff9;border-radius:6px;min-width:36px;padding:7px;font-family:inherit;font-size:20px;font-weight:700}.control-pad strong{overflow-wrap:anywhere;font-size:12px}.controller-panel button:focus-visible,.controller-panel input:focus-visible,.controller-panel select:focus-visible{outline-offset:2px;outline:2px solid #71964c}@media (max-width:800px){.controller-panel{width:min(355px,100%);position:absolute;inset:0 0 0 auto;box-shadow:-8px 0 25px #163a3322}.studio-bar{gap:10px}.studio-bar button{margin-left:0}.studio-bar .controls-toggle{margin-left:auto}}@media (max-width:500px){.studio-bar .brand small,.studio-bar .brand i{display:none}.controller-panel{border-left:0;width:100%}.controller-title{padding-top:16px}}.controller-panel[hidden]{display:none}.studio-workspace:has(.controller-dock){padding-bottom:112px}.controller-dock{z-index:6;color:#fff;background:#173b34;border:1px solid #36564b;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:10px 14px 28px;display:flex;position:absolute;bottom:8px;left:12px;right:12px;box-shadow:0 5px 20px #173b3430}.dock-tools{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.dock-tools button{color:#e0ead9;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff20;border-radius:5px;padding:5px 9px;font-size:10px}.dock-tools button.dock-enabled{color:#cbf099;background:#42643d}.dock-keys{scrollbar-width:thin;flex:1;align-items:center;gap:10px;min-width:0;padding:2px 3px 6px;display:flex;overflow-x:auto}.dock-key{color:#244734;touch-action:manipulation;background:#eff3e8;border:1px solid #dce4d3;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;min-width:70px;max-width:132px;padding:7px 10px;transition:background .1s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #89987b}.dock-key kbd{font-family:inherit;font-size:18px;font-weight:800}.dock-key span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:10px;overflow:hidden}.dock-key:hover{background:#dfedc7}.dock-key.is-pressed,.dock-key:active{color:#143514;background:#c2ee78;transform:translateY(4px);box-shadow:0 0 0 2px #c2ee7855,0 0 16px #b9f16f66}.dock-key:focus-visible{outline-offset:5px;outline:2px solid #c2ee78}.dock-stop{color:#fff;background:#aa3939;border:1px solid #ee8782;border-radius:7px;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.dock-stop kbd{opacity:.8;font-size:10px}.dock-notice{text-overflow:ellipsis;white-space:nowrap;color:#c3d4bd;margin:0;font-size:10px;position:absolute;bottom:6px;left:15px;right:15px;overflow:hidden}@media (max-width:500px){.controller-dock{gap:7px;padding-left:8px;padding-right:8px;left:5px;right:5px}.dock-key{min-width:60px}.dock-stop{padding:9px}.dock-tools button{padding:5px}.studio-workspace:has(.controller-dock){padding-bottom:112px}.controller-panel{bottom:112px}}.dock-hide{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff35;border-radius:6px;align-self:stretch;min-width:32px;font-size:22px}.dock-hide:hover{background:#ffffff30}@media (max-width:500px){.controller-panel{bottom:0}.studio-workspace:has(.controller-dock) .controller-panel{bottom:112px}}.dock-key:disabled,.dock-key:disabled:hover,.dock-key:disabled:active,.control-pad button:disabled{color:#747b80;box-shadow:none;opacity:1;cursor:not-allowed;background:#d1d5d8;border-color:#b0b6bb;transform:none}.check-code{color:#244333;background:#e8f0df;border:1px solid #b0c3a2;border-radius:5px;padding:9px 12px;font-size:12px}.check-code:disabled{opacity:.5;cursor:not-allowed}.permission-dialog{color:#173b34;background:#f7f8f2;border:1px solid #d4dfcc;border-radius:16px;width:min(490px,100vw - 24px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 80px #0004}.permission-dialog::backdrop{background:#102b27a6}.permission-title{justify-content:space-between;align-items:center;display:flex}.permission-title span{letter-spacing:1.4px;font-size:10px;font-weight:700}.permission-title button{color:inherit;background:0 0;border:0;font-size:26px}.permission-dialog h2{margin:12px 0;font-size:26px}.permission-dialog h3{margin:0 0 7px;font-size:14px}.permission-dialog p{color:#5e7065;font-size:12px;line-height:1.7}.permission-dialog section{border-top:1px solid #dce4d5;padding:15px 0 8px}.permission-dialog section button,.permission-reopen button{color:#244333;background:#e3efce;border:1px solid #abc094;border-radius:6px;padding:10px 14px;font-size:12px}.permission-dialog button:disabled{opacity:.5;cursor:not-allowed}.permission-continue{color:#fff;background:#173b34;border:0;border-radius:7px;width:100%;padding:13px;font-weight:700}.permission-notice{min-height:38px}.permission-reopen{z-index:8;position:absolute;top:8px;right:50px}.permission-dialog a{color:#285c95;font-size:12px;text-decoration:underline}.permission-dialog summary{cursor:pointer;font-size:12px;font-weight:700}.permission-dialog details{padding:8px 0}.permission-dialog.dialog-fallback[open]{z-index:100;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #102b27a6}.permission-dialog{max-height:calc(100dvh - 32px)}.studio{height:100dvh}.binding input,.binding select{font-size:16px}@media (max-height:500px){.studio-workspace:has(.controller-dock){padding-bottom:82px}.controller-dock{gap:8px;padding:5px 10px 19px;bottom:4px}.dock-tools{flex-direction:row}.dock-key{gap:2px;padding:4px 8px}.dock-key kbd{font-size:15px}.dock-stop{gap:3px;padding:6px 9px}.dock-notice{bottom:4px}.studio-workspace:has(.controller-dock) .controller-panel{bottom:82px}.studio-footer{display:none}}.movement-open{color:#244333;cursor:pointer;background:#e8f0df;border:1px solid #b0c3a2;border-radius:6px;margin:12px 20px 0;padding:10px}.robot-movement{z-index:7;color:#173b34;background:#f7f8f2;border:1px solid #b9cbb2;border-radius:12px;width:min(310px,100% - 24px);max-height:calc(100% - 80px);padding:16px;position:absolute;top:64px;left:12px;overflow:auto;box-shadow:0 10px 35px #173b3430}.robot-movement[hidden]{display:none}.robot-movement header{justify-content:space-between;align-items:center;gap:12px;display:flex}.robot-movement h2{margin:0;font-size:17px}.robot-movement header button{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:26px}.robot-movement p{color:#586d60;margin:8px 0;font-size:11px;line-height:1.6}.robot-movement dl{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.robot-movement dl div{background:#eaf1e3;border:1px solid #d2dfc9;border-radius:8px;min-width:0;padding:12px 8px}.robot-movement dt{font-size:11px}.robot-movement dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:7px 0 0;font-size:25px;font-weight:700}.robot-movement small{font-size:12px;font-weight:400}.movement-reset{color:#244333;cursor:pointer;background:#e3efce;border:1px solid #abc094;border-radius:6px;width:100%;padding:10px}.robot-movement button:focus-visible,.movement-open:focus-visible{outline-offset:2px;outline:2px solid #456936}@media (max-height:500px){.robot-movement{max-height:calc(100% - 56px);padding:10px;top:48px}.robot-movement dl{margin:8px 0}}@media (max-width:800px){.robot-movement{max-height:calc(100% - 120px);top:108px}.studio-workspace:has(.controller-dock) .robot-movement{max-height:calc(100% - 232px)}}.movement-drag{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1;padding:10px 0}.movement-drag:active{cursor:grabbing}.movement-drag:focus-visible{outline-offset:2px;outline:2px solid #456936}