:root{--bg-0: #050b14;--bg-1: #07101c;--bg-2: #0d1929;--bg-3: #14253a;--bg-overlay: rgba(3, 7, 14, .78);--fg-0: #ffffff;--fg-1: #d0d8e3;--fg-2: #8b94a3;--fg-3: #5a6273;--fg-on-accent: #050b14;--line-0: rgba(94, 200, 255, .08);--line-1: rgba(94, 200, 255, .16);--line-2: rgba(94, 200, 255, .28);--accent: #1ea0ff;--accent-hover: #4cb6ff;--accent-down: #1788e0;--cyan: #5ec8ff;--cyan-strong: #00d6ff;--orange: #ff9a3c;--orange-deep: #ff6b3c;--ok: #22c55e;--warn: #facc15;--danger: #ef4444;--info: #5ec8ff;--ok-bg: rgba(34, 197, 94, .18);--warn-bg: rgba(250, 204, 21, .18);--danger-bg: rgba(239, 68, 68, .18);--info-bg: rgba(94, 200, 255, .16);--accent-bg: rgba(30, 160, 255, .14);--orange-bg: rgba(255, 154, 60, .18);--glow-cyan: 0 0 12px rgba(0, 214, 255, .45);--glow-cyan-soft: 0 0 6px rgba(94, 200, 255, .32);--glow-orange: 0 0 16px rgba(255, 154, 60, .45);--glow-ok: 0 0 8px rgba(34, 197, 94, .55);--glow-danger: 0 0 8px rgba(239, 68, 68, .55);--font-sans: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-hero: 64px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .32);--shadow-2: 0 8px 28px rgba(0, 0, 0, .42);--shadow-3: 0 16px 48px rgba(0, 0, 0, .58);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--hit-min: 56px}@media (prefers-color-scheme: light){:root[data-theme=light]{--bg-0: #f6f7fa;--bg-1: #ffffff;--bg-2: #eef0f4;--bg-3: #e4e7ee;--fg-0: #14161c;--fg-1: #3a3f4a;--fg-2: #6b7280;--fg-3: #9aa0aa;--fg-on-accent: #ffffff;--line-0: rgba(0, 0, 0, .06);--line-1: rgba(0, 0, 0, .12);--line-2: rgba(0, 0, 0, .22)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;touch-action:manipulation;overflow:hidden}#root{display:flex;flex-direction:column}input,textarea,[data-selectable=true],.code,.log-line{user-select:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--fg-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6,p{margin:0}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.flex-1{flex:1 1 auto;min-height:0;min-width:0}.text-muted{color:var(--fg-2)}.text-dim{color:var(--fg-3)}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--hit-min);padding:0 var(--sp-5);border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-2);color:var(--fg-0);font-size:var(--text-md);font-weight:500;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--bg-3);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.48;pointer-events:none}.btn-primary{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-down)}.btn-danger{background:var(--danger);color:var(--fg-on-accent);border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-2);border-color:var(--line-1)}.btn-lg{min-height:72px;padding:0 var(--sp-6);font-size:var(--text-lg);border-radius:var(--r-lg)}.input{display:block;width:100%;min-height:var(--hit-min);padding:0 var(--sp-4);background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-md);color:var(--fg-0);font:inherit;font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease-out)}.input:hover{border-color:var(--line-2)}.input:focus{border-color:var(--accent);outline:none}.surface{background:var(--bg-1);border:1px solid var(--line-0);border-radius:var(--r-lg)}.surface-raised{background:var(--bg-2);border-color:var(--line-1);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px 10px;font-size:var(--text-xs);border-radius:var(--r-pill);border:1px solid var(--line-1);background:var(--bg-2);color:var(--fg-1);white-space:nowrap}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.badge-info{background:var(--info-bg);color:var(--info);border-color:transparent}.badge-accent{background:var(--accent-bg);color:var(--accent);border-color:transparent}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.dot-pulse{position:relative}.dot-pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid currentColor;opacity:.6;animation:dotPulse 1.6s var(--ease-out) infinite}@keyframes dotPulse{0%{transform:scale(.8);opacity:.7}80%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line-1);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanY{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.panel-cut{position:relative;background:var(--bg-2);border:1px solid rgba(0,214,255,.55);box-shadow:inset 0 0 0 1px #0006,inset 0 0 14px #00000059;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.panel-cut-glow{box-shadow:inset 0 0 0 1px #0006,inset 0 0 14px #00000059,var(--glow-cyan)}.tech-corners:before,.tech-corners:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--cyan);pointer-events:none}.tech-corners:before{top:0;left:0;border-right:0;border-bottom:0}.tech-corners:after{bottom:0;right:0;border-left:0;border-top:0}.hmi-select{appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#0d1929f2,#07101cf2);color:var(--fg-0);border:1px solid var(--line-1);border-radius:4px;padding:0 var(--sp-5) 0 var(--sp-3);height:36px;font:inherit;font-size:var(--text-sm);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%235ec8ff' d='M6 8 0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:8px 6px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hmi-select:hover{border-color:var(--cyan)}.hmi-select:focus{outline:none;border-color:var(--cyan);box-shadow:var(--glow-cyan-soft)}.pulse-dot{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid currentColor;opacity:.6;animation:pulseDot 1.6s var(--ease-out) infinite}@keyframes pulseDot{0%{transform:scale(.8);opacity:.7}80%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}.minibar{display:flex;align-items:flex-end;gap:2px;height:18px}.minibar>i{display:block;flex:1;background:linear-gradient(180deg,var(--cyan-strong),rgba(94,200,255,.25));border-radius:1px;min-width:3px}.btn-hmi{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:56px;padding:0 var(--sp-6);font-size:var(--text-md);font-weight:600;letter-spacing:2px;border:1px solid currentColor;background:#ffffff0a;color:var(--fg-0);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background var(--dur-fast),box-shadow var(--dur-fast)}.btn-hmi[disabled],.btn-hmi[aria-disabled=true]{opacity:.42;pointer-events:none}.btn-hmi-blue{color:var(--cyan-strong);background:#00d6ff24;box-shadow:var(--glow-cyan)}.btn-hmi-blue:hover{background:#00d6ff3d}.btn-hmi-red{color:var(--danger);background:#ef444429;box-shadow:var(--glow-danger)}.btn-hmi-red:hover{background:#ef444442}.btn-hmi-yellow{color:var(--warn);background:#facc1529;box-shadow:0 0 8px #facc158c}.btn-hmi-yellow:hover{background:#facc1542}.step-state-pass{color:var(--ok)}.step-state-fail{color:var(--danger)}.step-state-running{color:var(--warn)}.brand-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--sp-5);color:var(--fg-2);font-size:var(--text-md);letter-spacing:1px;border:1px solid transparent;background:transparent;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.brand-tab:hover{color:var(--fg-1);background:#5ec8ff14}.brand-tab-active{color:var(--cyan-strong);background:linear-gradient(180deg,#00d6ff38,#00d6ff14);border-color:var(--cyan);box-shadow:var(--glow-cyan-soft)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}