.native-runtime{padding:30px;color:#d0e9ec;overflow:auto}.native-runtime h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:12px 0}.native-runtime header p,.native-message{font-size:12px;line-height:1.8;color:#89a8b5}.native-scope{padding:12px 15px;background:#162a32;border-left:2px solid #bdad7d;color:#c4bb9f;font:10px/1.8 var(--mono)}.native-setup,.native-inputs{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.native-runtime label{display:grid;gap:9px;font:10px var(--mono);color:#8cb2c0}.native-setup label{flex:1;min-width:220px}.native-runtime select,.native-runtime input{background:#0b2230;border:1px solid #305362;border-radius:4px;color:#ceeceb;padding:10px;font:11px var(--mono);min-width:0}.native-inputs label{flex:1;min-width:130px}.native-inputs input{width:100%;box-sizing:border-box}.native-inputs small{width:100%;font:10px/1.8 var(--mono);color:#90aaab}.native-toolbar{display:flex;flex-wrap:wrap;gap:9px}.native-toolbar button{padding:10px 15px;border:1px solid #36565b;background:#102b32;color:#c9e7db;border-radius:4px;cursor:pointer;font:10px var(--mono)}.native-runtime button:disabled{opacity:.4;cursor:default}.native-toolbar button[aria-pressed=true]{background:#174438;border-color:#86c9a3}.native-runtime a{color:#a6dcd9}.native-download{display:block;margin:15px 0;font-size:12px}.native-metrics,.native-checks{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.native-metrics span{padding:12px 14px;border:1px solid #34515e;font:12px var(--mono);color:#c4e9df}.native-checks span{font:10px var(--mono);color:#83909d}.native-checks [data-passed=true]{color:#8cd3ad}.native-uarts{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.native-uarts section{min-width:0}.native-uarts h3{font:10px var(--mono);color:#99bbb9}.native-uarts pre{white-space:pre-wrap;overflow:auto;height:235px;border:1px solid #264654;border-radius:5px;padding:15px;background:#071922;color:#b8dcc5;font:10px/1.8 var(--mono)}.native-runtime details{border-top:1px solid #2b4855;padding:20px 0;margin-top:20px}.native-runtime summary{cursor:pointer;font-size:12px}.native-warnings p{font:9px/1.8 var(--mono);color:#9a9d9b;overflow-wrap:anywhere}.native-resource-count{font:11px/1.8 var(--mono);color:#8ea6b0}.native-resources input{max-width:420px}.native-resource-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:15px}.native-resource-results a{display:grid;gap:8px;text-decoration:none;padding:13px;border:1px solid #294755;background:#0b2230;min-width:0}.native-resource-results a:hover{border-color:#74b8b0}.native-resource-results strong{font:11px var(--mono);overflow-wrap:anywhere}.native-resource-results small{font:9px var(--mono);color:#829eaa}.native-runtime [hidden]{display:none!important}.native-runtime :focus-visible{outline:2px solid #b6e4cc;outline-offset:3px}@media(max-width:750px){.native-runtime{padding:18px}.native-runtime h2{font-size:22px}}

.native-metrics .native-gap{color:#e5b99b;border-color:#79543d}

.native-config{display:flex;gap:14px;flex-wrap:wrap}.native-config label{display:grid;gap:5px;color:#aabfc7;font-size:11px}.native-config input{width:110px;background:#07131c;border:1px solid #31515e;color:#d8fafb;padding:7px}.native-design-binding{display:grid;gap:5px;margin:10px 0;color:#9ebcc7}.native-design-binding small{display:block}.native-device{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;padding:18px;border:1px solid #244453;background:radial-gradient(ellipse at top left,#122a36,#07121b);border-radius:10px}.native-device strong{font-size:27px;color:#d0f7f6}.native-device>span:last-child{grid-column:2;color:#8facba;font-size:11px}.native-device-lamp{grid-row:1/3;align-self:center;font-size:29px;color:#365263}.native-device[data-alarm=true] .native-device-lamp{color:#ff6c63;text-shadow:0 0 22px #ff6c6399}.native-product-output{display:grid;gap:8px;margin:16px 0}.native-product-output p{font-size:11px;margin:0;color:#9eb9c4}.native-product-output .native-gap{color:#edbd80}.native-inputs details{grid-column:1/-1}.native-inputs details label{display:flex;flex-direction:row;align-items:center;margin:6px 0}.native-inputs details input{width:auto}.native-inputs small{grid-column:1/-1;line-height:1.6}

.native-inputs details{width:100%}.native-inputs details label{min-width:0}.native-inputs details label span{overflow-wrap:anywhere;min-width:0}

/* Keep the actual CAD visible while its matching firmware executes. */
.studio.use-native #viewer{display:block!important;margin:0 min(470px,46%) 0 0!important;min-height:320px;flex:1}
.studio.use-native #use-view{position:absolute;inset:115px 0 31px auto;width:min(470px,46%);overflow:auto;pointer-events:auto;background:linear-gradient(160deg,#0c202b,#06121b 50%);border-left:1px solid #25424e}
.studio.use-native #use-view>:not(.use-physics-host){display:none!important}.studio.use-native .native-runtime{padding:22px 20px}.studio.use-native .native-runtime h2{font-size:21px}.studio.use-native .native-config{gap:10px}.studio.use-native .native-inputs{gap:9px}.studio.use-native .native-inputs label{min-width:100px}.studio.use-native .native-scope{font-size:9px}.studio.use-native .native-toolbar button{padding:9px 10px}.studio.use-native .native-device strong{font-size:29px}.studio.use-native .native-config input{width:100px}
@media(max-width:820px){.studio.use-native{min-height:1100px}.studio.use-native #viewer{margin:0!important;min-height:310px;flex:0 0 310px}.studio.use-native #use-view{position:relative;inset:auto;width:100%;box-sizing:border-box;min-height:520px;flex:1;border-left:0;border-top:1px solid #25424e}}

.studio.use-native #render-mode{display:block!important}.studio.use-native .explode-toggle{display:flex!important}

.studio.use-loading .composition-panel{display:none}

/* The operating panel is narrow even when the browser itself is wide. */
.studio.use-native .composition-panel{display:block}
.studio.use-native .composition-panel>header{flex-wrap:wrap;align-items:flex-start}
.studio.use-native .composition-panel>.physics-toolbar{justify-content:flex-start;margin:8px 0}
.studio.use-native .composition-panel>.composition-binding{text-align:left;max-width:none}
.studio.use-native .native-application-outputs{grid-template-columns:1fr}