/* V16. Translucent application surfaces; local fonts and original controls. */
:root{color-scheme:light;font-family:"Fraunces",Georgia,serif;font-size:13px;font-synthesis:weight;--text:#334455;--muted:#687786;--line:rgba(91,113,133,.15);--green:#0879e8;--mint:#258269;--glass:rgba(255,255,255,.6);--glass-edge:rgba(255,255,255,.85);--shadow:0 8px 28px rgba(43,67,91,.07);color:var(--text);background:#dce6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;padding:14px;line-height:1.5;font-size:13px;background:radial-gradient(ellipse at 0% 90%,#a7c1d9 0%,transparent 55%),linear-gradient(135deg,#d0ddeb 0%,#edf1f6 50%,#d0dfea 100%) fixed;min-height:100vh;color:var(--text)}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 11px;border:1px solid rgba(114,134,153,.18);border-radius:9px;background:rgba(255,255,255,.6);box-shadow:-2px -2px 7px #ffffff70,3px 4px 10px #92a9bc1c,inset 1px 1px 0 #ffffffd4;color:#354757;font-size:11px;font-weight:500;cursor:pointer;transition:background .16s,box-shadow .16s,color .16s}button:hover{color:#172e43;background:rgba(255,255,255,.92);border-color:rgba(78,113,145,.23);box-shadow:0 3px 10px #304b6710}button:active{background:#e5edf4;box-shadow:inset 0 1px 3px #304b6715}button:disabled{opacity:.45;cursor:default}button svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.6}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #2387e658;outline-offset:3px}select,input[type=number]{min-width:0;width:100%;border:1px solid #8093a335;border-radius:8px;background:rgba(255,255,255,.65);color:#304453;padding:9px 10px;font-size:11px;line-height:1.5;box-shadow:inset 0 1px 0 #fff8;accent-color:#0879e8}select:hover{border-color:#6994bd80}option{background:#f7fafd;color:#263c4e}input[type=range],input[type=checkbox]{accent-color:#0879e8}p{line-height:1.8}h1,h2,h3,h4{color:#243746;letter-spacing:-.02em}h3{font-size:13px;font-weight:600}.eyebrow{font-size:10px;letter-spacing:0;color:#536b7e;font-weight:500}.pill{font-size:10px;border:0;border-radius:6px;background:#eef3f7;color:#607383;padding:4px 7px;margin-left:0;font-weight:400}.config-heading .eyebrow,.workspace-heading .eyebrow,.timeline-panel .eyebrow,.device-heading .eyebrow{display:none}.skip-link{position:fixed;top:-100px;left:28px;z-index:100;padding:10px 18px;background:#0879e8;color:white;border-radius:9px}.skip-link:focus{top:12px}
.app-header,.left-panel,.right-panel,#device-dialog,.view-toolbar{backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35)}
.app-header{height:52px;position:sticky;top:14px;z-index:8;display:flex;align-items:center;gap:26px;padding:0 20px;background:rgba(255,255,255,.6);border:1px solid var(--glass-edge);border-radius:24px;box-shadow:0 12px 34px #7e9db51c,inset 1px 1px 0 #ffffffec}.brand{display:flex;align-items:center;gap:8px;width:180px;flex-shrink:0;color:#2d4559;text-decoration:none}.brand-mark{display:flex;align-items:center;color:#2476be}.brand-mark svg{width:24px;height:24px;stroke-width:1.45}.brand b{font-family:"Fraunces",serif;font-size:24px;font-weight:500;letter-spacing:-1px;color:#263c4f}.header-path{display:flex;align-items:center;gap:12px;flex:1;color:#677b8c;font-size:12px}.header-path strong{font-weight:500}.version-tag{display:none}.header-actions{display:flex;align-items:center;gap:16px}.connection{display:flex;align-items:center;gap:7px;color:#5a7469;font-size:10px;white-space:nowrap}.connection i,.live-dot,.workspace-dot{width:5px;height:5px;border-radius:50%;background:#378d70;box-shadow:none;flex-shrink:0}.header-actions button{font-size:11px;background:rgba(255,255,255,.53);border-color:#fff8;border-radius:20px;min-height:30px}.header-actions button svg{width:14px}main{display:grid;grid-template-columns:218px minmax(0,1fr) 252px;max-width:2300px;margin:10px auto 0;min-height:calc(100dvh - 90px);border:1px solid rgba(255,255,255,.75);border-radius:28px;background:rgba(247,251,255,.28);box-shadow:-6px -6px 24px #ffffff66,14px 20px 64px #6b8ead29;align-items:start}.left-panel{position:sticky;top:76px;max-height:calc(100dvh - 90px);min-height:calc(100dvh - 90px);overflow:auto;scrollbar-width:thin;scrollbar-color:#8ba0b644 transparent;border:0;border-right:1px solid #ffffff85;border-radius:28px 0 0 28px;background:rgba(255,255,255,.48);padding:21px 15px 24px}.sidebar-workspace{display:none}.workspace-nav{display:grid;height:auto;gap:4px;margin:0 0 25px}.workspace-nav button{justify-content:flex-start;gap:9px;border-color:transparent;box-shadow:none;background:transparent;padding:8px 11px;min-height:36px;border-radius:9px;color:#465f73;font-size:13px}.workspace-nav button svg{color:#317bb6;width:16px;height:16px}.workspace-nav button:hover{background:#ffffff58}.workspace-nav button[aria-current=page]{background:rgba(255,255,255,.77);color:#214563;border-color:#ffffffce;box-shadow:0 3px 10px #425f7610,inset 0 1px 0 #fff}.config-heading{margin:0 4px 15px;border-top:1px solid #718da31b;padding-top:19px}.config-heading h1{font-size:12px;font-weight:600;line-height:1.5;margin:0;letter-spacing:0;color:#596e7f}.field-label,.left-panel .field-label{display:block;color:#536a7d;font-size:10px;margin:13px 1px 7px}.left-panel #laboratory{border-color:#9aafbe45;background:#ffffff99;margin:0;font-size:12px}.left-panel #laboratory-description{font-size:10px;line-height:1.8;color:#6b8091;margin:8px 2px 16px;min-height:0}.left-panel #mode{font-size:12px}.run-buttons{display:flex;gap:7px;margin-top:13px}.run-buttons button{min-height:35px}.primary{flex:1;color:white;border-color:#0776df;background:linear-gradient(#258df0,#0879e8);box-shadow:0 3px 9px #167ccc20,inset 0 1px 0 #83c2ff6b;font-weight:500}.primary:hover{background:linear-gradient(#3296f5,#0c80ef);color:#fff;border-color:#0a7ee7;box-shadow:0 4px 12px #167ccc2b}.primary:disabled{opacity:.45}.speed-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#687f91;margin-top:12px}.speed-row select{width:70px;font-size:11px;padding:5px 8px}.section-title{font-size:11px;font-weight:500;color:#617889;display:flex;justify-content:space-between;margin:25px 1px 10px}.section-title span{font-size:9px;letter-spacing:0;color:#7c8f9e}.robot-card{display:grid;grid-template-columns:19px 1fr;gap:7px;border:0;border-radius:0;border-bottom:1px solid #839aaa1d;background:none;padding:11px 3px;margin:0;box-shadow:none}.robot-icon{font-size:19px;color:color-mix(in srgb,var(--accent) 58%,#16364d)}.robot-card strong{font-size:12px;font-weight:500;color:#354f63}.robot-card small{font-size:10px;color:#617889;margin-top:4px;line-height:1.6}.robot-card .robot-status{font-size:9px;color:color-mix(in srgb,var(--accent) 60%,#193744);margin-top:5px;line-height:1.6}.robot-card.busy{border-color:#90b6c758;background:#ffffff3d}.diagnostic-settings{margin-top:20px;padding-top:14px;border-top:1px solid #809aaa26}.diagnostic-settings summary{font-size:11px;color:#5c7487;cursor:pointer;margin-bottom:10px}.diagnostic-settings summary span{float:right;font-size:9px;color:#7f91a0}.wide{width:100%;margin-top:8px;font-size:11px}.subtle,.notice{font-size:10px;color:#607789;line-height:1.8}.subtle{margin-top:8px}.notice{border-top:1px solid #839eaf25;margin-top:21px;padding-top:15px}.notice span{color:#6a8193;font-size:10px;letter-spacing:0}.notice p{margin:7px 0 0}
.workspace{min-width:0;padding:25px 25px 30px;background:none}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 20px}.workspace-heading h2{font-size:24px;line-height:1.5;letter-spacing:.02em;font-weight:600;margin:0 0 5px;color:#253a4b}.workspace-heading p{font-size:11px;color:#6a7e8f;margin:0}.workspace-badges{display:none}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;padding:7px 9px;border:1px solid #ffffffab;border-radius:20px;background:rgba(255,255,255,.6);box-shadow:-3px -3px 12px #ffffff70,5px 7px 20px #8ca5be1f,inset 1px 1px 0 #ffffffdf}.toolbar-label{font-size:11px;color:#60778a;white-space:nowrap;padding-left:5px}.scene-tools{display:flex;max-width:none;flex-wrap:wrap;justify-content:flex-start;gap:3px}.scene-tools button{font-size:11px;min-height:30px;padding:6px 8px;border:1px solid transparent;background:transparent;box-shadow:none;border-radius:8px;color:#5b7184;gap:6px}.scene-tools button svg{width:14px;height:14px}.scene-tools button:hover{background:#fff8;color:#31516e}.scene-tools button[aria-pressed=true]{background:#ffffffe6;color:#256ba5;border-color:#fff;box-shadow:0 2px 6px #3b587019}#scene{height:clamp(390px,51vh,620px);position:relative;width:100%;border:1px solid #ffffffdf;border-radius:26px;overflow:hidden;background:#e3eaf0;box-shadow:inset 1px 1px 0 #fff,0 18px 44px #7697b52b}#scene canvas{display:block;width:100%;height:100%}.scene-badge{position:absolute;top:13px;left:14px;z-index:2;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:0;color:#4f677a;border:1px solid #ffffffcc;border-radius:16px;background:#ffffffa3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 8px #4560780c;padding:7px 10px;pointer-events:none}.scene-badge i{box-shadow:none;background:#258269}.scene-badge .divider{color:#a0aebb}.scene-help{position:absolute;top:14px;right:14px;bottom:auto;left:auto;color:#607789;font-size:9px;padding:4px 8px;border-radius:8px;background:#ffffff61;pointer-events:none}.scene-label{background:rgba(250,253,255,.8);border:1px solid #ffffffdc!important;color:#3e586e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 8px #36526b20;border-radius:8px;font-size:10px;padding:5px 8px}.scene-label span{color:#3d7b9f!important;font-weight:600}.scene-label small{font-size:9px;color:#728b9e}.device-label{font-size:10px;padding:5px 8px}.scene-label.device-label:hover{background:#fffffff0!important;color:#186ea9;border-color:#9dc5e3!important}.grip-status{font-family:inherit;font-size:10px;color:#61778a;line-height:1.7;padding:9px 3px 0}.station-focus{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px}.station-focus>span{font-size:10px;color:#758899;margin-right:7px}.station-focus button{font-size:10px;min-height:29px;padding:5px 11px;background:#ffffff6b;border:1px solid #ffffffa8;border-radius:15px;box-shadow:0 2px 6px #415c7010;color:#536f84}.station-focus button:hover{background:#ffffffe6;color:#256ca3}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:4;background:rgba(255,255,255,.6);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid #ffffffe0;border-radius:24px;margin:-20px 18px 13px;box-shadow:inset 1px 1px 0 #fff,0 14px 36px #7497b42b}.metrics>div{padding:15px 17px;border-right:1px solid #b2c3cf45}.metrics>div:last-child{border:0}.metrics span{font-size:11px;color:#5c7388}.metrics strong{display:block;font-size:29px;font-weight:400;letter-spacing:-.8px;font-variant-numeric:lining-nums tabular-nums;color:#334455;margin-top:7px}.metrics small{font-size:10px;font-weight:400;letter-spacing:0;color:#6b8091}.meter{height:3px;border-radius:3px;background:#bfd0de40;margin-top:8px}.meter i{display:block;height:100%;border-radius:3px;background:#4a9ae1;transition:width .3s}.observability-row{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(260px,.95fr);gap:14px;margin:18px 0 23px}.execution-card,.neural-dock{min-width:0;padding:17px;border-radius:24px;border:1px solid #ffffffd4;background:rgba(255,255,255,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 1px 1px 0 #fff,8px 14px 34px #809eb72b}.execution-card .eyebrow{font-size:11px;color:#71889b}.execution-card h3{font-size:16px;font-weight:500;line-height:1.8;color:#33516a;margin:11px 0 7px}.execution-card p{font-size:11px;color:#607789;line-height:1.9;min-height:36px;margin:0 0 16px;overflow-wrap:anywhere}.execution-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #b8cad845;font-size:10px;color:#66869e}.execution-foot button{font-size:10px;min-height:28px;padding:4px 8px;background:#ffffff78;border-color:#ffffffbe;box-shadow:0 2px 5px #45627a09}.neural-dock{position:relative;right:auto;bottom:auto;left:auto;top:auto;z-index:2;width:auto;max-width:none;padding:16px 18px;margin-top:-10px;margin-left:-16px}.neural-dock .panel-heading{min-height:26px}.neural-dock b{color:#4b6e85;font-size:12px;font-weight:500;letter-spacing:0}.neural-dock button{font-size:10px;min-height:26px;padding:4px 8px}.neural-dock label{display:flex;align-items:center;gap:8px;color:#6a8497;font-size:10px;margin:7px 0}.neural-dock select{font-size:10px;padding:4px 6px;background:#ffffff8c;border-color:#a7bbc940;min-width:0}.neural-dock canvas{width:100%!important;height:auto!important;max-height:108px;object-fit:contain;object-position:left;background:#f3f7fa;border-radius:9px}.neural-dock #voltage-mini-status{font-size:10px;color:#536f84;line-height:1.7;margin-top:6px}.device-launches{padding:5px 1px 19px;border:0}.device-launches>span{font-size:11px;color:#758b9d}#device-launch-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}#device-launch-list button{font-size:11px;line-height:1.5;justify-content:flex-start;text-align:left;min-height:38px;padding:9px 11px;border:1px solid #ffffff70;border-radius:9px;background:#ffffff45;box-shadow:none;color:#59768e}#device-launch-list button svg{width:15px;height:15px;color:#4982ad}#device-launch-list button:hover{background:#ffffffbd;border-color:#fff}.device-entry-arrow{font-size:13px;color:#8299ab;margin-left:auto}.timeline-panel{border:1px solid #ffffffbd;background:rgba(255,255,255,.6);border-radius:24px;padding:23px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 1px 1px 0 #fff,8px 15px 36px #88a2b925;margin-bottom:0}.timeline-panel h3{font-size:13px;font-weight:500;color:#46647b}.legend{display:flex;align-items:center;gap:6px;font-size:9px;color:#8195a5}.legend i{width:5px;height:5px;border-radius:50%;background:#c3d1db;margin-left:5px}.legend .done{background:#54a58a}.legend .working{background:#c69145}#timeline{margin-top:19px}.track{display:flex;align-items:center;gap:14px;margin:17px 0}.track-name{width:76px;flex-shrink:0;font-size:10px}.track-name small{font-size:9px;color:#698194;margin-top:4px}.track-cells{display:flex;gap:4px;flex:1}.step{min-width:4px;height:22px;flex:1;padding:0;border-radius:5px;border:1px solid #9bb4c52e;background:#b4c9d737;box-shadow:inset 0 1px 0 #ffffff73}.step.done{background:#92c3b3;border-color:#64a48e}.step.running{background:#ddbd83;border-color:#c5994a;box-shadow:0 0 0 2px #d7b77926}.step.blocked,.step.failed{background:#d99ba9;border-color:#b76c81}.step:hover{border-color:#669ac4;transform:translateY(-2px)}
.right-panel{display:block;position:sticky;top:76px;min-height:calc(100dvh - 90px);max-height:calc(100dvh - 90px);overflow:auto;scrollbar-width:thin;border:0;border-left:1px solid #ffffff8a;border-radius:0 28px 28px 0;background:rgba(246,251,254,.5);padding:24px 17px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.activity-heading .eyebrow{font-size:10px;color:#8395a3;letter-spacing:0}.right-panel h3{font-size:16px;font-weight:500;margin:7px 0 0}.batch-state{font-size:11px;line-height:1.8;color:#577a95;background:#ffffff80;border:1px solid #fff;border-radius:10px;padding:10px 12px;margin-bottom:20px}.batch-state[data-state=running],.batch-state[data-state=done]{background:#d2e9df7d;border-color:#e4fff1a6;color:#447860}.batch-state[data-state=failed]{background:#f5dfe57d;border-color:#ffecf0;color:#a45970}#selected-info{min-height:115px;background:#ffffff61;border:1px solid #ffffffb0;border-radius:11px;padding:13px}#selected-info h4{font-size:12px;color:#48647b;font-weight:500;margin:0}#selected-info p{font-size:10px;color:#718b9f;margin:9px 0 0;line-height:1.9}.active-step{border-left:2px solid #73adbd;background:#ffffff58;padding:9px 10px;margin:8px 0;border-radius:0 8px 8px 0;font-size:11px;color:#4f758c}.active-step small{font-size:10px;color:#8199aa;margin-top:5px}.empty-active{color:#627d91;font-size:10px;padding:10px 0}.event{position:relative;font-size:10px;line-height:1.9;color:#70899c;border-left:1px solid #9eb4c548;padding:0 0 16px 14px;margin-left:3px}.event:before{background:#93abbc;width:5px;height:5px;top:5px;left:-3px}.event time{font-size:9px;color:#748c9f;margin-bottom:4px}.event.complete:before{background:#5a9e89}.event.fault:before{background:#bf7486}#events{max-height:440px;overflow:auto}.right-panel .wide{margin-top:16px}.activity-heading #activity-close,#activity-toggle{display:none}#activity-scrim{position:fixed;inset:0;z-index:10;border:0;border-radius:0;background:#566c7d1f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:none}body.activity-open{overflow:hidden}
#device-dialog{width:min(1040px,94vw);max-height:91dvh;padding:0;border:1px solid #ffffffe0;border-radius:28px;background:rgba(255,255,255,.65);color:#2b4458;box-shadow:-8px -8px 28px #ffffff45,18px 34px 110px #6688ab66,inset 1px 1px 0 white;overflow:auto}#device-dialog::backdrop{background:#38516b25;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.device-heading{position:sticky;top:0;z-index:4;height:auto;min-height:75px;padding:20px 24px;background:rgba(249,252,255,.75);border:0;border-bottom:1px solid #adbfce36;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);gap:18px}.device-heading h2{font-size:20px;line-height:1.5;margin:0;font-weight:600;color:#2d465b}.device-heading button{white-space:nowrap;font-size:11px;border-color:#fff;background:#ffffff80;border-radius:18px;min-height:30px}#device-context{background:rgba(231,240,247,.53);color:#6b879b;border-color:#afc3d239;padding:12px 24px;font-size:11px;line-height:1.9}#device-tabs{height:auto;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #acc0ce42;background:transparent;padding:13px 24px}#device-tabs button{font-size:11px;padding:6px 11px;border-color:transparent;background:transparent;box-shadow:none;color:#6a8498;border-radius:8px;min-height:31px}#device-tabs button:hover{background:#ffffff80}#device-tabs button[aria-pressed=true]{background:#ffffffe6;border-color:#fff;color:#337bae;box-shadow:0 2px 8px #47698118}#device-body{padding:21px 24px}#device-body>section{background:none;border:0;margin:0;padding:0}#device-body h3{color:#3a596f;font-size:13px;font-weight:500}#device-body .result-note{font-size:11px;color:#587285;line-height:1.9}#device-body .panel-heading{flex-wrap:wrap}#device-body table{color:#59758c;font-size:11px}#device-body th,#device-body td{border-color:#b1c5d54f}#device-body th{color:#7790a4;font-weight:500}#device-body canvas{border-color:#c3d2de8f}.equipment-toolbar{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin:15px 0}.equipment-toolbar label{color:#6c879c;font-size:11px;min-width:180px;flex:1}.equipment-toolbar select{margin-top:6px;background:#ffffffa8}.equipment-toolbar button{font-size:10px;white-space:nowrap}.equipment-toolbar button[aria-pressed=true]{border-color:#b9d4e9;background:#dbeaf6;color:#327bb2}#equipment-viewport{height:430px;width:100%;border:1px solid #ffffffdf;border-radius:13px;overflow:hidden;background:#e5ebef}#equipment-viewport canvas{display:block;width:100%;height:100%}#equipment-features{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:15px}.equipment-feature{padding:11px 1px;border:0;border-bottom:1px solid #abc1d143;background:transparent;border-radius:0;color:#64859b;font-size:11px}.research-controls{gap:12px;flex-wrap:wrap}.research-controls label,.voltage-toolbar label,.process-toolbar label,.imaging-controls{color:#6b879d;font-size:11px}.research-controls select{font-size:11px}.voltage-toolbar select,.science-panel select{font-size:11px}.voltage-numbers{color:#728ea3;font-size:10px;gap:12px}.voltage-numbers b{color:#397a99;font-size:19px;font-weight:400}.voltage-numbers .result-note{grid-column:1/-1}.signal-status{color:#7893a7;font-size:11px}.signal-applied{color:#268976}.cell-stats{color:#5c798c;font-size:10px}.cell-stats b{color:#447f8d;font-size:19px;font-weight:400}.cell-settings{border-color:#b4c9d64a}.cell-settings label{color:#7892a5;font-size:11px}.process-toolbar{flex-wrap:wrap}.process-toolbar label{color:#6d879a}#operation-current{background:#ffffffe0;color:#526d82;border:1px solid #fff;border-radius:12px;padding:14px}#operation-current span{font-size:11px;color:#637e93}#operation-current strong{color:#4683a6;font-size:12px}.micro-action{border-color:#c0d0db;background:#ffffff60;color:#7e95a7;font-size:11px}.micro-action small{color:#6a8497}.micro-action.done{color:#4d9380;border-color:#a4ccbe}.micro-action.running{color:#9d7d38;border-color:#d6bf8a;background:#f2e8d06b}#liquid-ledger{color:#6b8a9f;font-size:11px}#liquid-ledger small,.liquid-display small{color:#6d8496}.process-panel summary{color:#67889e;font-size:11px}.liquid-well{border-color:#adc5d5;background:linear-gradient(to top,#84b9d5 var(--fill),#edf3f6 var(--fill))}.result-tabs{border-color:#bfced94a}.result-tabs button{color:#7290a5}.result-tabs .selected{color:#377fb4;border-color:#377fb4}.result-summary{color:#7391a6}.result-summary strong{color:#378d8b}.result-note{color:#7891a5}.well-label{color:#89a1b3}.well{border-color:#bed0dd;background:#e4eef4}.domain-field{color:#718ba0;font-size:11px}.domain-field input{background:#ffffffb3;border-color:#b3c8d78c;color:#4c6e88}.domain-panel p{color:#6b879d}.domain-metrics{color:#7a95a8}.domain-metrics b{color:#488b9b}.chart text{fill:#6d869a}.chart path[stroke="#263d4b"]{stroke:#c5d6e3}.chart path[stroke="#5d7889"]{stroke:#94adbf}.scene-warning{background:#fff0f0ed;color:#b55d6a;border-color:#edc2c7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;border:1px solid #ffffffd9;border-radius:13px;background:rgba(246,251,255,.86);color:#456b87;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px #324f6b26;padding:12px 20px;font-size:12px}
@media(min-width:1800px){main{grid-template-columns:230px minmax(0,1fr) 280px}.workspace{padding:28px 32px}#scene{height:clamp(470px,55vh,690px)}#device-launch-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1399px){main{grid-template-columns:208px minmax(0,1fr)}.workspace{padding:23px}.brand{width:168px}.app-header{gap:18px}.right-panel{position:fixed;top:12px;right:12px;bottom:12px;width:316px;max-width:92vw;max-height:calc(100dvh - 24px);min-height:0;border:1px solid #ffffffd1;border-radius:26px;background:rgba(255,255,255,.6);z-index:12;transform:translateX(calc(100% + 18px));visibility:hidden;transition:transform .2s ease,visibility .2s ease;padding:23px;box-shadow:0 12px 70px #36526c25}.activity-open .right-panel{transform:translateX(0);visibility:visible}.activity-heading #activity-close,#activity-toggle{display:inline-flex}.activity-heading{margin-bottom:23px}.header-actions{gap:12px}#activity-close{width:28px;height:28px;border-radius:50%;padding:0;font-size:12px}.header-path{font-size:11px}.connection{font-size:10px}}
@media(max-width:1040px){body{padding:10px}.app-header{top:10px;padding:0 16px}.brand{width:150px}.header-path{font-size:11px}main{grid-template-columns:192px minmax(0,1fr)}.left-panel{top:72px;padding:20px 12px;max-height:calc(100dvh - 82px);min-height:calc(100dvh - 82px)}.workspace{padding:22px 19px}.workspace-heading h2{font-size:20px}.toolbar-label{display:none}.scene-tools{gap:3px}.scene-tools button{padding:6px 7px;font-size:10px;gap:5px}.observability-row{grid-template-columns:minmax(0,1fr) minmax(230px,.95fr);gap:10px}.execution-card{padding:16px}.execution-card h3{font-size:13px}.execution-foot{flex-direction:column;align-items:start}.metrics>div{padding:13px}.metrics strong{font-size:24px}#device-launch-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{padding:8px}.app-header{height:48px;top:8px;padding:0 12px;border-radius:14px;gap:8px}.brand{width:auto;gap:6px}.brand-mark svg{width:21px;height:21px}.brand b{font-size:18px}.header-path{display:none}.header-actions{margin-left:auto;gap:9px}.connection{font-size:9px;gap:5px}.connection span{max-width:112px;overflow:hidden;text-overflow:ellipsis}.header-actions button{font-size:10px;padding:5px 8px;min-height:29px}.header-actions button svg{width:13px}main{display:flex;flex-direction:column;margin-top:8px;border-radius:17px}.left-panel{display:block;position:static;width:100%;min-height:0;max-height:none;border:0;border-bottom:1px solid #ffffff8f;border-radius:17px 17px 0 0;padding:12px 15px 15px}.config-heading,#laboratory-description,.left-panel>.section-title,#robot-list,.notice{display:none}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:visible;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #aec2d438}.workspace-nav button{font-size:11px;white-space:nowrap;padding:6px 8px;min-height:32px;gap:5px}.workspace-nav button svg{width:14px;height:14px}.left-panel .field-label{display:block;margin:10px 0 6px;font-size:11px}.left-panel select{font-size:12px;padding:8px 10px}.run-buttons{display:flex;margin-top:12px}.run-buttons button{min-height:36px;font-size:12px}.speed-row{margin-top:10px}.diagnostic-settings{margin-top:14px;padding-top:10px}.diagnostic-settings summary{margin-bottom:0}.diagnostic-settings[open] summary{margin-bottom:10px}.diagnostic-settings .subtle{display:block}.workspace{width:100%;padding:20px 12px}.workspace-heading{margin:0 2px 15px}.workspace-heading h2{font-size:20px}.workspace-heading p{font-size:11px}.view-toolbar{padding:6px;border-radius:12px;margin-bottom:12px}.scene-tools{max-width:none;gap:2px}.scene-tools button{font-size:11px;padding:6px;min-height:29px;gap:4px}#scene{height:350px;border-radius:13px}.scene-badge{font-size:8px;padding:6px 8px;top:10px;left:10px;gap:5px}.scene-label{font-size:9px;padding:4px 6px}.scene-label small{display:none}.scene-help{font-size:8px;left:10px;bottom:10px;right:auto;top:auto}.grip-status{font-size:9px;padding-top:8px}.station-focus{gap:5px;margin-top:12px}.station-focus>span{display:none}.station-focus button{font-size:10px;padding:5px 7px;flex:1;white-space:nowrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 2px}.metrics>div{padding:13px 15px;border-right:1px solid #b2c3cf45;border-bottom:1px solid #b2c3cf45;min-height:88px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(3),.metrics>div:nth-child(4){border-bottom:0}.metrics>div:nth-child(3){border-right:1px solid #b2c3cf45}.observability-row{grid-template-columns:1fr;gap:12px;margin:17px 0}.execution-card{padding:19px}.execution-card h3{font-size:14px;margin-top:9px}.execution-card p{min-height:0;margin-bottom:12px}.execution-foot{flex-direction:row;align-items:center}.neural-dock{position:static;width:100%;max-width:none;padding:16px 18px;margin:0}.neural-dock canvas{max-height:120px}#device-launch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#device-launch-list button{font-size:10px;padding:9px;min-height:37px}.timeline-panel{padding:16px}.timeline-panel .panel-heading{align-items:start}.legend{font-size:9px;gap:4px;flex-wrap:wrap;max-width:145px}.track{gap:9px}.track-name{width:65px;font-size:10px}.track-cells{gap:3px}.step{height:25px;min-width:3px}.right-panel{top:8px;right:8px;bottom:8px;max-height:calc(100dvh - 16px);border-radius:17px}.device-heading{min-height:65px;padding:16px;gap:10px}.device-heading h2{font-size:18px}.device-heading button{font-size:10px}#device-dialog{width:96vw;border-radius:19px}#device-tabs{padding:10px 13px;gap:3px}#device-tabs button{font-size:11px;padding:6px 8px}#device-context{padding:11px 16px;font-size:10px}#device-body{padding:16px}.equipment-toolbar{gap:6px}.equipment-toolbar label{flex-basis:100%}.equipment-toolbar button{font-size:10px;padding:7px 8px}#equipment-viewport{height:330px;border-radius:11px}#equipment-features{grid-template-columns:1fr}.result-layout{flex-wrap:wrap}.process-toolbar select{flex-basis:100%}.cell-stats{grid-template-columns:1fr 1fr;gap:12px}.imaging-table{font-size:10px}}
@supports not (backdrop-filter:blur(1px)){.app-header,.left-panel,.right-panel,#device-dialog,.view-toolbar,.metrics,.execution-card,.neural-dock,.timeline-panel{background:#f0f6fbf5}}
@media(prefers-reduced-transparency:reduce){.app-header,.left-panel,.right-panel,#device-dialog,.view-toolbar,.device-heading,.scene-label,.scene-badge,.metrics,.execution-card,.neural-dock,.timeline-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f2f7fb}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
