*{box-sizing:border-box}body{margin:0;background:#171522;color:#ece9f2;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:#c7b6f0;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #45d1ef;outline-offset:2px}[hidden]{display:none!important}.demo-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #ffffff12;gap:16px}.demo-toolbar>span{font-size:10px;letter-spacing:2px;color:#9c93ad}.demo-toolbar button{border:1px solid #665378;background:#30263e;border-radius:7px;padding:7px 12px;font-size:12px;margin-left:5px}.system{height:34px;background:#373241;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;position:sticky;top:0;z-index:4;box-shadow:0 3px 12px #0003}.system>div{display:flex;align-items:center;gap:13px}.system-hint{color:#bdb2cd;font-size:10px}.system button{background:#ffffff15;border:0;border-radius:5px;height:28px;width:58px;position:relative;padding:2px 8px}canvas{image-rendering:pixelated}.fallback{image-rendering:pixelated;width:34px;height:34px;position:absolute;left:44%;top:22px}.bar-fallback{width:16px;height:16px;left:9px;top:6px}.ready .fallback{display:none}main{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(310px,370px) minmax(350px,390px);justify-content:end;align-items:start;gap:22px;padding:20px 26px 50px;position:relative}.panel{background:#272633;border:1px solid #ffffff23;border-radius:17px;box-shadow:0 16px 50px #0006;overflow:hidden}.compute{position:sticky;top:53px}.panel-head{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between}.overline{font-size:9px;letter-spacing:2px;color:#a69bb7}h1{font-size:23px;font-weight:600;margin:5px 0 0;letter-spacing:-.5px}.close{background:none;border:0;font-size:25px;color:#a99eb9}.compute-scene{position:relative;background:#211e2c;height:115px}.compute-scene canvas{width:100%;height:84px}.compute-scene>span{display:block;text-align:center;font-size:11px;color:#c7b5db}.compute>section{padding:14px 18px;border-bottom:1px solid #ffffff15}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa4b5;margin-bottom:7px;gap:6px}.section-title button{border:0;background:none;color:#bfa3ea;padding:0;font-size:10px}.pill{font-size:9px;background:#473528;border-radius:12px;padding:4px 7px}.throttle{display:flex;gap:20px;padding:14px 0 4px}.lever{position:relative;width:105px;display:flex;flex-direction:column;align-items:start}.lever>label{font-size:8px;letter-spacing:2px;color:#a097b0;padding-left:5px}.lever input{writing-mode:vertical-lr;direction:rtl;height:148px;width:39px;margin:12px 0;appearance:none;background:linear-gradient(90deg,#302938 42%,#121017 42%,#121017 57%,#403547 57%);border:1px solid #51435e;border-radius:8px;cursor:ns-resize}.lever input::-webkit-slider-thumb{appearance:none;width:42px;height:19px;border:1px solid #c2a5ea;border-radius:5px;background:linear-gradient(#c1a3df,#685080);box-shadow:0 3px 5px #0008}.lever input::-moz-range-thumb{width:42px;height:19px;border:1px solid #c2a5ea;border-radius:5px;background:#9773be}.detents{position:absolute;left:46px;top:26px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between}.detents button{border:0;background:none;color:#a99bb9;text-align:left;font-size:11px;padding:6px}.detents button[aria-pressed=true]{color:#dfc5ff;font-weight:650}.power-readout{flex:1}.power-readout h2{margin:4px 0 8px;font:29px Georgia}.power-readout p{font-size:12px;line-height:1.5;color:#afa4bd;white-space:pre-line;margin-bottom:18px}.gauge-label{display:flex;justify-content:space-between;font-size:9px;color:#a196b0;margin-top:10px}.gauge-label b{font-weight:500;color:#cdbbdd}meter{width:100%;height:9px}meter::-webkit-meter-bar{background:#423a4f;border:0}meter::-webkit-meter-optimum-value{background:#ae8ce0}#draw-meter::-webkit-meter-optimum-value{background:#e8af6d}.micro{font-size:10px;line-height:1.5;color:#9c91a9;margin:7px 0 0}.destinations{display:flex;gap:8px}.destinations button{flex:1;background:#34303f;border:1px solid #514657;border-radius:8px;padding:10px;text-align:left;font-size:12px}.destinations small{display:block;color:#a79aae;font-size:9px;padding:4px 0 0 17px}.destinations button[aria-pressed=true]{background:#493155;border-color:#9053ac}.destination-status{font-size:10px;color:#b0a1c0;margin:10px 0 0;line-height:1.5}.limit{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0;font-size:12px}.limit output{color:#bd9bee}.limit input{width:100%;margin-top:9px}.check{display:flex;gap:7px;align-items:center;font-size:10px;color:#b8abc7}.check input{accent-color:#9872c7}.simulate{font-size:10px;margin-top:12px;background:#38303f;border:1px solid #63516f;border-radius:6px;padding:7px 11px}.compute-footer{display:flex;align-items:center;gap:5px;padding:13px 18px;font-size:10px;color:#b3a4c1}.compute-footer button{margin-left:auto;background:none;border:0;font-size:10px;color:#c9aff1}.menu{grid-column:2;grid-row:1}.open{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-bottom:1px solid #ffffff25;padding:12px 13px;font-size:16px;font-weight:550;text-align:left}.open small{margin-left:auto;color:#b0a3bf}.cockpit{height:98px;position:relative;background:#23212f;border-bottom:1px solid #ffffff16}.cockpit>canvas{position:absolute;left:0;top:-6px;width:245px;height:61px}.caption{position:absolute;left:15px;bottom:11px;display:flex;flex-direction:column;gap:3px}.caption b{font-size:11px;font-weight:500}.caption span{font-size:9px;color:#ad9dbc}.orbit-throttle{position:absolute;right:13px;top:12px;width:93px;text-align:center}.orbit-throttle label{display:block;font:8px monospace;letter-spacing:1px;color:#b5a0c7}.orbit-throttle input{width:88px;accent-color:#af84dd;margin:14px 0 4px}.orbit-throttle output{font-size:9px;color:#c7a8e5}.hardware{padding:10px 14px;display:flex;align-items:center;gap:14px;background:#2c2637;border-bottom:1px solid #ffffff1b}.mini-computer{width:52px;display:flex;flex-direction:column;align-items:center;gap:3px}.mini-computer button{padding:0;background:#2b2438;border:1px solid #a68cd0;color:#b99be5}.mini-computer .screen{width:42px;height:27px;border:2px solid #a68cd0;border-radius:3px;box-shadow:inset 0 0 0 3px #30293d;font-size:11px}.mini-computer .keyboard{width:50px;height:12px;border-radius:2px;font:9px monospace;line-height:9px;letter-spacing:1px}.hardware p{font-size:10px;color:#bcaccd;line-height:1.6;margin:0}.hardware p b{display:block;color:#d7c6e6;font-weight:500}.hardware .hint{margin-left:auto;font-size:9px;color:#92819f}.fleet,.utilities,.engine,.api,.battery,.bottom{padding:10px 11px;border-bottom:1px solid #ffffff26}.machine{display:flex;align-items:center;gap:10px;padding:5px 0 8px}.machine>span{flex:1;display:flex;flex-direction:column;gap:3px}.machine b{font-size:14px;font-weight:550}.machine small{font-size:11px;color:#a9a2b5}.machine button{border:0;background:none;padding:2px;font-size:18px}.pair{display:flex;gap:9px;margin:2px 0}.pair button{background:#4a4855;border:0;border-radius:8px;flex:1;padding:7px;font-size:12px;font-weight:550}.pair .purple{background:#493252;border:1px solid #8b449e}.row,summary{display:flex;align-items:center;gap:10px;min-height:33px;width:100%;padding:6px 2px;border:0;background:none;border-radius:5px;text-align:left;font-size:15px}.row small,summary small{margin-left:auto;font-size:12px;color:#a8a1b2}.row:hover,summary:hover,.open:hover{background:#ffffff0a}.row[aria-pressed=true]{background:#8b60a532}.row[aria-pressed=true] small{color:#ceaff1}.icon{display:inline-block;text-align:center;width:25px;flex-shrink:0;font-size:21px;font-weight:400;line-height:21px}.violet{color:#9374ff}.blue{color:#249aff}.cyan{color:#34cceb}.green{color:#36dc60!important}.amber{color:#ffbc49}.muted{color:#99919f}.afk-copy{font-size:11px;line-height:1.45;color:#aaa0b5;margin:0 0 6px 37px}.clean-colors{display:flex;gap:9px;padding:2px 0 6px 2px}.clean-colors button{width:21px;height:21px;border-radius:50%;background:#36343f;border:1px solid transparent;padding:0;font-size:18px;color:#e34c64}.clean-colors button:nth-child(2){color:#4b9365}.clean-colors button:nth-child(3){color:#a77a45}.clean-colors button[aria-pressed=true]{border-color:#ddbadf}.lid{padding:2px 4px 6px;color:#928c99;font-size:11px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.slider-label{display:block;padding:6px 3px;font-size:11px}.slider-label output{float:right}input[type=range]{accent-color:#a88ad8;cursor:pointer}.slider-label input{display:block;width:100%;margin:14px 0 5px;height:4px}.clip{display:block;width:100%;background:#373040;border:0;text-align:left;padding:7px;margin:3px 0;border-radius:4px;font-size:11px}.section-title select{max-width:190px;color:#319eff;background:transparent;border:0;font-size:11px}.limit select{background:#373040;border:1px solid #5e506e;color:#d7c4ea;padding:4px 6px;border-radius:4px}.fuel-track{height:2px;background:#39323f;margin-top:2px}#fuel{height:100%;width:0;background:#a9e5ce;transition:width .2s}.memory{text-align:right;color:#a69bb2;font-size:11px;padding:4px 2px}.quit{padding:12px 13px}.demo-notes{grid-column:1;grid-row:2;color:#b1a2c1;padding:0 8px;font-size:12px}.demo-notes p{line-height:1.7}.pills{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.pills button{border:1px solid #65516f;background:#30263c;border-radius:15px;padding:7px 11px;font-size:11px}.beacon{display:inline-block;width:5px;height:5px;border-radius:50%;background:#42d979;margin-right:3px}dialog{background:#2c2638;color:#ede4f6;border:1px solid #8a6ea3;border-radius:16px;max-width:380px;padding:25px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#100d19a0}dialog h2{font:25px Georgia}dialog p{font-size:14px;line-height:1.6;color:#c1b1d0}dialog .close{float:right}#dismiss-dialog{background:#62487c;border:0;border-radius:7px;padding:9px 14px;font-size:13px}.classic .cockpit,.classic .hardware{display:none}.v2-switch{display:flex;gap:2px}.v2-switch button[aria-pressed=true]{background:#674b7b;border-color:#aa81c8}@media(min-width:1250px){main{max-width:1180px;grid-template-columns:340px 390px}.demo-notes{position:absolute;left:0;top:55px;width:190px}.compute{grid-column:1}.menu{grid-column:2}}@media(max-width:760px){.demo-toolbar{padding:0 12px;height:auto;min-height:65px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.demo-toolbar>span{display:none}.demo-toolbar button{font-size:10px;padding:6px 8px}.system{padding:0 10px;font-size:10px}.system>span{max-width:90px;overflow:hidden;white-space:nowrap}.system-hint{display:none}.system>div{gap:7px}main{display:flex;flex-direction:column;padding:13px 10px;gap:15px}.panel{width:min(100%,390px);margin:0 auto}.compute{position:static;order:2}.menu{order:1}.demo-notes{order:3;width:100%;padding:10px 16px}.caption span{font-size:9px}.row,summary{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.orbit-throttle input{appearance:none;writing-mode:vertical-lr;direction:rtl;width:19px;height:43px;display:block;margin:7px auto 3px;background:linear-gradient(90deg,#46384f 35%,#16121d 35%,#16121d 65%,#46384f 65%);border:1px solid #685377;border-radius:4px;cursor:ns-resize}.orbit-throttle input::-webkit-slider-thumb{appearance:none;width:29px;height:11px;border:1px solid #d0b1e8;border-radius:3px;background:linear-gradient(#c6a7dd,#725385);box-shadow:0 2px 4px #0008}.orbit-throttle input::-moz-range-thumb{width:29px;height:11px;border:1px solid #d0b1e8;background:#9972b5;border-radius:3px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cockpit{height:112px}.cockpit>canvas{left:-63px;top:2px;width:270px;height:68px}.orbit-throttle{right:106px;top:13px;width:75px}.orbit-throttle output{color:var(--ship-colour,#9374ff)}.orbit-charge{position:absolute;left:16px;bottom:13px;color:#afa3bd;font-size:10px}body[data-power=charging] .orbit-charge{color:#ffbc49}body[data-power=full] .orbit-charge{color:#a9e5ce}.orbit-computers{position:absolute;right:10px;top:22px;width:89px;height:77px}.orbit-computers .mini-computer{position:absolute;left:18px;top:4px}.network-label{position:absolute;bottom:0;width:100%;text-align:center;font:8px monospace;letter-spacing:.8px;color:#a99aba}.remote-computer{display:none;position:absolute;right:0;top:26px;border:0;background:#23212f;color:#b99be5;font-size:22px;padding:0}.remote-computer span{display:block;font-size:7px;color:#b3a1c5}.networked .orbit-computers .mini-computer{left:0;top:0;transform:scale(.8);transform-origin:top left}.networked .remote-computer{display:block}.networked .network-lines{position:absolute;display:block;left:21px;top:26px;width:49px;height:20px;border-left:1px solid #6a8e91;border-bottom:1px solid #6a8e91}.networked .network-label{color:#a9e5ce}.demo-state{padding:5px 0 9px}.demo-state>label:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#b6a8c2;margin-bottom:12px}.demo-state select{max-width:190px;background:#373040;border:1px solid #5e506e;color:#d7c4ea;font-size:10px;padding:6px;border-radius:5px}.classic .orbit-computers{display:none}

.compute{position:static}.compute .fleet .machine{gap:8px}.compute .fleet .machine b{font-size:13px}.compute .fleet .machine small{font-size:10px}.compute .fleet .machine button{font-size:16px}.compute .coding-panel select{max-width:170px}.battery-details{margin-top:12px;border-top:1px solid #ffffff14;padding-top:7px}.battery-details summary{font-size:12px}.battery-details summary small{font-size:9px}.battery-details dl{margin:4px 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.battery-details dl div{min-width:0}.battery-details dt{font-size:9px;color:#a497af;margin-bottom:4px}.battery-details dd{font-size:12px;color:#d3c5df;margin:0;font-variant-numeric:tabular-nums}

.cockpit{height:144px}.cockpit>canvas{left:0;top:0;width:100%;height:98px}.orbit-throttle{top:24px;right:110px;background:#23212fe6;border-radius:7px;padding:5px 0}.orbit-computers{top:29px;background:#23212fe6;border-radius:7px;height:92px;width:99px;right:7px}.networked .orbit-computers .mini-computer{left:27px;top:0;transform:scale(.75)}.networked .remote-computer{right:2px;top:37px}.networked .second-remote{right:auto;left:3px;top:37px}.networked .network-lines{left:20px;top:25px;width:57px;height:25px;border-right:1px solid #6a8e91;border-top:1px solid #6a8e91;border-bottom:0}.network-label{font-size:8px;bottom:2px}.orbit-charge{bottom:12px}.compute .panel-head{border-bottom:1px solid #ffffff18}

.power-readout h2{font-size:24px}.throttle{gap:27px}.detents button{font-size:10px;padding:6px 2px;white-space:nowrap}.lever{width:119px;flex-shrink:0}.orbit-throttle output{font-size:8px}.capability-label{display:flex;flex-direction:column;gap:6px;color:#b9aac7;font-size:11px;margin-top:12px}.capability-label select{background:#373040;color:#d7c4ea;border:1px solid #5e506e;border-radius:5px;font-size:11px;padding:7px}.machine:focus-visible{outline:2px solid #b39ce0;outline-offset:2px}.machine .device-more{padding:4px 7px;font-size:13px;color:#bba6cf}.tail-device{cursor:context-menu;border-radius:5px}.tail-device:hover{background:#ffffff09}body:not(.networked) .remote-device{display:none}#device-menu{position:fixed;z-index:20;width:237px;background:#312b3d;border:1px solid #766087;border-radius:10px;box-shadow:0 12px 35px #0008;padding:6px}#device-menu strong{display:block;padding:8px 9px;color:#bfb0cd;font-size:12px}#device-menu button{display:block;width:100%;text-align:left;border:0;border-radius:5px;background:none;padding:9px;font-size:13px}#device-menu button:hover,#device-menu button:focus{background:#654782;outline:none}#device-menu p{font-size:9px;color:#a498ae;padding:4px 9px;margin:0}#ssh-command{width:100%;padding:10px;background:#1c1925;color:#d9c7ed;border:1px solid #82689d;border-radius:5px;font:12px monospace}#copy-status{font-size:11px;color:#a9e5ce}.networked .second-remote{left:0;top:37px}.networked .phone-extra{left:36px;right:auto;top:37px}.networked .remote-computer span{font-size:6px}.networked .network-lines{width:67px;left:10px}.network-label{font-size:7px}.demo-state>label:not(.check){display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:10px;gap:7px}

/* A focused menu-bar experience inside the designs page overlay. */
.embedded .sc-nav,.embedded .sc-footer,.embedded .sc-skip,.embedded .demo-toolbar,.embedded .demo-notes{display:none}
.embedded main{display:flex;justify-content:center;flex-wrap:wrap;padding:18px;gap:18px}
.embedded main>.panel{width:380px;max-width:100%;flex:none}
.embedded .system{padding:0 14px}
.embedded .system-hint{display:none}
@media(max-width:600px){.embedded .system>span{font-size:10px}.embedded .system>div{gap:6px}.embedded main{padding:12px}.embedded main>.panel{width:100%}}