main[data-view="devices"] > :is(.toolbar,.statusbar,.target-strip) {display:none;}
#devicesPanel {max-width:1250px;margin:0 auto;color:var(--ui-ink);}
#devicesPanel [hidden] {display:none !important;}
.pb-select,.pb-workbench header,.pb-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pb-select {padding:16px 18px;background:white;border:1px solid var(--ui-line);border-radius:10px;margin-bottom:14px;align-items:end;}
.pb-select label,.pb-editor {display:grid;gap:6px;}
.pb-select label span,.pb-editor>span {font-size:.83rem;font-weight:600;}
.pb-select select {max-width:100%;min-height:35px;}
.pb-select button,.pb-actions #portableRun {background:#254965;color:white;border-color:#254965;}
.pb-workbench {background:white;border:1px solid var(--ui-line);border-radius:12px;margin-top:16px;overflow:hidden;}
.pb-workbench header {padding:14px 18px;justify-content:space-between;}
.pb-workbench h2 {font-size:1.12rem;margin:0;}
.pb-workbench code,.pb-workbench dd,.pb-workbench pre {font-family:var(--mono,monospace);}
.pb-example-guide {margin:0 18px 12px;font-size:.86rem;}
.pb-example-guide summary{cursor:pointer;color:#285472;}
.pb-example-guide p{max-width:85ch;line-height:1.55;margin:.45rem 0;}
.pb-actions {padding:9px 16px;background:#eef3f7;border-block:1px solid var(--ui-line);}
.pb-actions input {max-width:180px;font-size:12px;}
#portableStatus {
  --pb-accent:#355779; --pb-fill:#f2f6fa; --pb-border:#b8cedd;
  flex:1 1 100%; min-width:0; display:grid; align-items:center;
  grid-template-columns:auto minmax(0,1fr) auto; gap:6px 10px;
  padding:8px 12px; color:var(--pb-accent); background:var(--pb-fill);
  border:1px solid var(--pb-border); border-inline-start:4px solid var(--pb-accent); border-radius:6px;
}
#portableStatus[data-state="success"] {--pb-accent:#186047;--pb-fill:#eef8f3;--pb-border:#a8d1bf;}
#portableStatus[data-state="error"] {--pb-accent:#972e39;--pb-fill:#fff1f1;--pb-border:#e2b4b9;}
#portableStatus[data-state="stale"] {--pb-accent:#815309;--pb-fill:#fdf8eb;--pb-border:#e4cc9c;}
#portableStatus[data-state="busy"] {--pb-accent:#174f89;--pb-fill:#eef5ff;--pb-border:#9cbce5;}
.pb-status-icon {display:grid;place-items:center;width:1.35rem;height:1.35rem;border:1.5px solid currentColor;border-radius:50%;font-size:14px;font-weight:700;line-height:1;}
.pb-status-content {display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;min-width:0;}
.pb-status-content strong {font-size:14px;font-weight:700;}
.pb-status-detail {font-size:12px;white-space:pre-line;overflow-wrap:anywhere;min-width:0;}
.pb-status-content progress {flex:1 1 100%;height:5px;max-width:100%;accent-color:var(--pb-accent);}
.pb-cpu-note {font-size:12px;font-weight:600;overflow-wrap:anywhere;}
.pb-cpu-note.pb-error {color:#972e39;}
@media(max-width:650px) {
  #portableStatus {grid-template-columns:auto minmax(0,1fr);}
  .pb-cpu-note {grid-column:2;}
}
.pb-grid {display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);}
.pb-grid:has(#portableRuntime[hidden]) {grid-template-columns:1fr;}
.pb-editor {background:#142337;color:white;padding:12px 14px;}
#portableSource {width:100%;box-sizing:border-box;background:#142337;color:#eff5fb;min-height:370px;padding:8px 0;border:0;font:13px/1.6 var(--mono,monospace);resize:vertical;tab-size:4;}
#portableRuntime {padding:12px 16px;} #portableRuntime h3 {margin:6px 0 10px;font-size:15px;}
.pb-pins,#portableRuntime dl {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#portableRuntime dl {margin:20px 0;} #portableRuntime dt {color:#506176;font-size:12px;}
#portableRuntime dd {margin:2px 0 0;font-variant-numeric:tabular-nums;}
#portableLamp::before {content:"";display:inline-block;background:#617081;border:2px solid #465667;width:.7em;height:.7em;border-radius:50%;margin-right:6px;}
#portableLamp.is-lit::before {background:#ffd45a;border-color:#a06e05;}
#portableButton[aria-pressed=true] {background:#284d71;color:white;}
#portableConsole,#portableRegValues {background:#112236;color:#c8ebed;min-height:46px;max-height:170px;overflow:auto;padding:9px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px;font-size:12px;}
#portableRegValues {columns:2;}
@media(max-width:740px){.pb-grid{grid-template-columns:1fr}.pb-select label{max-width:100%}}
.pb-wiring {border-top:1px solid var(--ui-line);padding:0 clamp(14px,2vw,24px);}
.pb-wiring summary {padding:15px 0;font-weight:650;color:#264b68;cursor:pointer;}
.pb-wiring>div {min-width:0;overflow-x:auto;}
.pb-wiring[open] {padding-bottom:16px;}
