@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:Barlow,Noto Sans TC,sans-serif;color:#eceeed;background:#101113;font-synthesis:none;font-weight:400;--muted: #808583;--line: #2c302f;--mint: #b0d6bc;--panel: #191c1b}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit;color:#c6ccca;background:#242927;border:1px solid #363d39;border-radius:6px;padding:9px 13px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,color .18s,border-color .18s}button:hover{background:#353d37;color:#fff;border-color:#607367}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button svg{width:15px;height:15px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.rail{width:76px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#151716;display:flex;align-items:center;flex-direction:column;z-index:10}.brand{font-size:31px;font-weight:700;letter-spacing:-4px;color:var(--mint);text-decoration:none;margin:24px 0 23px}.brand span{color:#e8ece6}.rail-line{height:1px;background:var(--line);width:32px;margin-bottom:24px}.rail-button{width:43px;height:43px;border:0;background:none;margin-bottom:12px;color:#7e8881}.rail-button svg{width:20px;height:20px}.rail-button.active{background:#2a3a30;color:var(--mint);position:relative}.rail-button.active:before{position:absolute;content:"";left:-16px;top:12px;width:2px;height:20px;background:var(--mint)}.rail-bottom{margin-top:auto;margin-bottom:24px;width:32px;height:32px;border:1px solid #4a514c;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#bac5be}.workspace{margin-left:76px}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:11px;color:#969c99;gap:15px}.breadcrumb{display:flex;gap:16px;align-items:center}.breadcrumb span{color:#484e4a}.breadcrumb strong{font-weight:500;color:#d1d6d2}.header-right{display:flex;gap:24px;align-items:center}.connection{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--mint)}.connection b{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #b0d6bc22}#clock{font-variant-numeric:tabular-nums;color:#858d87;letter-spacing:1px}.icon-button{padding:8px;border:0;background:transparent;color:#9ca79f}.icon-button svg{width:17px;height:17px}.icon-button[aria-pressed=true]{background:#3d5645;color:var(--mint)}main{max-width:1800px;margin:auto;padding:30px 34px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:10px;color:#98ac9e;letter-spacing:2.4px;font-weight:600}h1{font-size:27px;letter-spacing:1px;font-weight:500;margin-top:9px;display:flex;gap:12px;align-items:center}h1 span{font-family:Barlow,sans-serif;font-size:12px;letter-spacing:1px;color:#a4b9aa;border:1px solid #3d4d41;border-radius:5px;padding:4px 6px;align-self:center}.page-heading p{font-size:11px;color:#939993;margin-top:9px;letter-spacing:.5px}.heading-actions{display:flex;align-items:center;gap:22px}.heading-actions button{background:#b5d4bb;border-color:#b5d4bb;color:#17241b;font-weight:600}.heading-actions button:hover{background:#d0ebd6}.machine-id{font-size:10px;letter-spacing:1.4px;color:#747e76}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:linear-gradient(125deg,#1d211e,#191c1b);border:1px solid var(--line);border-radius:9px;padding:18px 20px 14px;min-height:152px;overflow:hidden}.metric-title{display:flex;align-items:center;gap:8px;font-size:11px;color:#aeb8b0}.metric-title svg{width:14px;height:14px;color:#91ad99}.metric-title>span{margin-left:auto;font-size:8px;letter-spacing:1px;color:#6a786d}.metric-state{background:#2a3830;padding:3px 5px;border-radius:3px;color:#aecbb6!important}.metric-value{font-family:Barlow,sans-serif;font-variant-numeric:tabular-nums;font-size:38px;font-weight:500;line-height:1;margin:18px 0 12px;letter-spacing:1px}.metric-value small{font-size:13px;color:#858f87;font-weight:400;letter-spacing:0;margin-left:8px}.metric-foot{font-size:9px;color:#89948c;display:flex;gap:4px;align-items:center}.metric-foot>span:last-child{margin-left:auto;font-size:9px}.mint{color:var(--mint)!important}.muted{color:#718077}.meter{height:3px;background:#2d3730;border-radius:3px;margin-top:14px}.meter span{display:block;height:100%;background:#adce97;border-radius:3px}.mini-bars{display:flex;gap:4px;margin-top:9px;align-items:end;height:12px}.mini-bars b{background:#778d75;flex:1;max-width:6px;border-radius:1px}.spark{display:block;width:100%;height:15px;margin-top:6px}.spark path{stroke:#96ba9f;fill:none;stroke-width:1.5}.diameter-meter{position:relative;margin-top:14px;height:3px;background:#2d3730}.diameter-meter span{position:absolute;top:0;right:25%;bottom:0;left:25%;background:#768d77}.diameter-meter b{position:absolute;width:3px;height:9px;top:-3px;left:51%;background:#c3dbc9}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #2a2f2b;gap:8px}.panel-head>div{display:flex;align-items:center;gap:11px}.panel-head h2{font-size:12px;font-weight:500;letter-spacing:.5px}.panel-head>svg{width:15px;height:15px;color:#7d8d81}.section-dot{height:5px;width:5px;border-radius:50%;background:var(--mint)}.tag{font-family:Barlow,Noto Sans TC,sans-serif;font-size:8px;letter-spacing:1px;color:#7e8b82}.viewer-card{display:flex;flex-direction:column}.viewer-card:fullscreen{width:100%;height:100%;border:0;border-radius:0}.viewer-card:fullscreen #viewport{flex:1}#viewport{height:443px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 58%,#333a33 0,#212723 44%,#1b201d 78%);touch-action:none}#viewport canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.viewport-meta{position:absolute;top:24px;left:23px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:7px}.tiny-label{font-size:8px;letter-spacing:1.8px;color:#8c9b90}.viewport-meta strong{font-size:12px;font-weight:400;color:#b7c3ba;letter-spacing:1px}.viewport-meta>span:last-child{font-size:9px;color:#728378}.view-tools{position:absolute;top:21px;right:20px;z-index:3;display:flex;gap:2px;border:1px solid #414b43;border-radius:5px;background:#1a211cbd;padding:3px}.view-tools button{background:none;border:0;font-size:10px;padding:6px 10px;color:#889b8e}.view-tools button.active{background:#455448;color:#d1e4d5}.view-axis{position:absolute;left:24px;bottom:46px;z-index:2;color:#87a991;font-size:10px;text-align:center;pointer-events:none}.view-axis>b{display:block;font-size:27px;font-weight:400;line-height:1.1}.view-axis em{font-style:normal;color:#cf8e84;margin-left:7px}.view-hint{position:absolute;bottom:17px;left:23px;display:flex;align-items:center;gap:8px;font-size:9px;color:#85938a;z-index:2;pointer-events:none}.view-hint svg{width:12px;height:12px}.view-hint span{color:#5f7264}.reset-button{position:absolute;bottom:15px;right:21px;z-index:3;border:0;background:#202b23b0;padding:5px 7px;font-size:9px;color:#9eafa3}.reset-button svg{width:12px;height:12px}.viewer-controls{display:flex;align-items:center;gap:17px;height:61px;padding:0 18px;border-top:1px solid var(--line)}.segmented{display:flex;background:#141915;border:1px solid #313b33;border-radius:5px;padding:3px}.segmented button{border:0;background:none;color:#85968a;padding:7px 11px;font-size:10px}.segmented button svg{width:12px;height:12px}.segmented button.active{background:#37493c;color:#cce3d1}.explode-label{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:10px;color:#9cab9f}.explode-label input{width:90px;height:3px;accent-color:var(--mint);cursor:pointer}.explode-label span{font-family:Barlow,sans-serif;font-size:10px;width:26px;color:#acbbb0;font-variant-numeric:tabular-nums}.right-column{display:flex;flex-direction:column;gap:18px}.process-panel{flex:1}.process-intro{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.pulse{width:8px;height:8px;background:#aaceb4;border-radius:50%;box-shadow:0 0 0 5px #aaceb40a;margin:0 5px}.process-intro>div{display:flex;flex-direction:column;gap:5px}.process-intro strong{font-size:12px;font-weight:500}.process-intro small{font-size:9px;color:#7b8c80}.process-intro button{margin-left:auto;border:1px solid #39453d;border-radius:50%;padding:6px}.process-intro button svg{width:11px;height:11px}.process-list{padding:0 12px}.process-list button{width:100%;display:flex;text-align:left;background:transparent;border:0;border-radius:5px;justify-content:start;padding:11px 6px;gap:12px}.process-list button:hover{background:#253329}.step-num{font-size:10px;font-family:Barlow,sans-serif;color:#8a9e8f;width:22px;height:26px;display:grid;place-items:center;border:1px solid #3a493e;border-radius:4px;position:relative}.process-list button:not(:last-child) .step-num:after{content:"";height:24px;width:1px;background:#39483e;position:absolute;top:26px}.process-list button>div{display:flex;flex-direction:column;gap:5px}.process-list strong{font-size:10px;font-weight:500;color:#c6d2ca}.process-list small{font-size:8px;color:#809487}.process-value,.step-icon{margin-left:auto;font-family:Barlow,sans-serif;font-size:10px;color:#adc7b6;white-space:nowrap}.step-icon svg{width:13px;height:13px}.panel-note{font-size:8px;color:#74847a;padding:11px 18px 15px}.part-panel{min-height:179px}.part-body{padding:15px 18px}.part-body h3{font-size:12px;font-weight:400;margin:8px 0;color:#c4d3c8;word-break:break-word}.part-body p{font-size:9px;color:#82958a;line-height:1.9;min-height:34px}.part-actions{display:flex;gap:7px;margin-top:10px}.part-actions button{font-size:9px;padding:5px 7px;background:none;color:#9ab5a3}.part-actions svg{width:11px;height:11px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;margin-top:20px}.chart-tabs{display:flex;gap:3px;background:#131916;padding:3px;border-radius:4px}.chart-tabs button{font-size:9px;padding:4px 11px;border:0;background:none;color:#7c9385}.chart-tabs button.active{background:#34483b;color:#bad9c5}.chart-legend{display:flex;align-items:center;gap:17px;padding:14px 20px 8px;font-size:9px;color:#899e90}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend b{width:6px;height:6px;background:#abc8b3;border-radius:50%;display:inline-block}.chart-legend b.target-dot{background:#5e7063}.chart-legend strong{margin-left:auto;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;color:#c0d8c8}.chart-wrap{height:98px;display:flex;padding:0 22px 0 19px;gap:14px}.y-labels{width:25px;display:flex;flex-direction:column;justify-content:space-between;color:#6d8275;font-family:Barlow,sans-serif;font-size:9px;padding:3px 0}.chart-wrap svg{flex:1;min-width:0;height:100%}.chart-grid{stroke:#344039;stroke-width:1;stroke-dasharray:3 5;fill:none}#line{stroke:#abcdb5;stroke-width:1.8;fill:none;vector-effect:non-scaling-stroke}#area{fill:url(#chart-fill)}#target-line{stroke:#667e6e;stroke-width:1;stroke-dasharray:5 5;fill:none}.x-labels{display:flex;justify-content:space-between;padding:10px 23px 15px 58px;font-size:8px;color:#6f8678}.data-body{padding:18px}.data-body p{color:#90a497;font-size:10px;line-height:1.9;margin:12px 0 16px;max-width:230px}.data-body button{width:100%;justify-content:space-between;font-size:10px;background:#26392d;border-color:#3a5342;color:#c3dacb;padding:9px 10px}.data-body small{display:block;margin-top:11px;color:#6d8576;font-size:8px}footer{display:flex;justify-content:space-between;gap:15px;color:#607468;font-size:8px;letter-spacing:1px;padding:20px 0}footer b{font-weight:400;color:#819888;margin:0 5px}.footer-sep{margin:0 10px;color:#485e50}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:5;background:#1b211ded}#loading strong{font-size:13px;font-weight:400;color:#c2d7c8}#loading small{font-size:10px;color:#829c8c}.spinner{width:24px;height:24px;border:2px solid #42554a;border-top-color:#c4ddcc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(530px,calc(100% - 30px));background:#1d2721;color:#cfdfd4;border:1px solid #516658;border-radius:12px;padding:25px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#050b08bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:21px;font-weight:500;margin-top:8px}dialog p{font-size:12px;line-height:1.8;color:#93aa9c;margin:20px 0}dialog label{display:block;font-size:11px;color:#a8bfae;margin-top:20px}dialog input{display:block;width:100%;border:1px solid #455c4d;background:#152018;border-radius:5px;color:#d1e2d7;padding:11px;margin-top:8px;font-family:inherit}dialog pre{font-size:10px;color:#abcbb5;background:#141e17;padding:15px;overflow-x:auto;border-radius:5px;line-height:1.7}.dialog-actions{display:flex;gap:8px;margin-top:12px}dialog p.dialog-note{font-size:10px;margin:12px 0}dialog output{font-size:11px;color:#cfe4be}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#31473a;color:#d6eade;padding:14px 22px;border:1px solid #5d8069;border-radius:7px;z-index:30;font-size:12px;opacity:0;pointer-events:none;transition:all .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1600px){#viewport{height:510px}.process-list button{padding-top:15px;padding-bottom:15px}.process-list button:not(:last-child) .step-num:after{height:31px}.part-body{padding-top:19px;padding-bottom:19px}}@media(max-width:1200px){main{padding:25px 22px 0}header{padding:0 22px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 255px;gap:15px}.metric{padding:16px}.metric-title>span:not(.metric-state){display:none}.viewer-controls{gap:8px;padding:0 12px}.segmented button{padding:7px 8px;gap:4px}.explode-label{gap:6px}.explode-label input{width:65px}.viewport-meta strong{display:none}.view-tools{right:15px}.metric-foot{font-size:8px}}@media(max-width:1000px){.rail{width:60px}.workspace{margin-left:60px}.rail-button.active:before{left:-9px}.main-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.process-panel{min-height:300px}.part-panel{min-height:0}.metrics{gap:10px}.metric-value{font-size:30px}.metric-foot>span:last-child{display:none}#viewport{height:470px}.bottom-grid .data-body{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.data-body p{margin:0}.data-body button{width:auto}.data-body small{margin:0}.machine-id{display:none}.viewport-meta strong{display:block}}@media(max-width:640px){.rail{width:48px}.workspace{margin-left:48px}.brand{font-size:25px;margin:20px 0;letter-spacing:-3px}.rail-button{width:34px;height:37px}.rail-button svg{width:17px;height:17px}.rail-button.active:before{left:-7px}.rail-line{width:24px}.rail-bottom{width:26px;height:26px;font-size:8px}header{height:60px;padding:0 14px}.breadcrumb{font-size:9px;gap:8px}.breadcrumb>span:first-of-type,.breadcrumb{white-space:nowrap}.header-right{gap:5px}#clock,.header-right .icon-button{display:none}.connection{font-size:9px;gap:5px}main{padding:23px 12px 0}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:20px;gap:7px;letter-spacing:0}h1 span{font-size:9px;padding:3px 4px}.page-heading p{font-size:9px;max-width:195px;line-height:1.7}.heading-actions button{font-size:0;padding:9px;gap:0}.heading-actions{padding-top:23px}.heading-actions button svg{width:15px;height:15px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.metric{min-height:135px;padding:14px 12px}.metric-title{font-size:9px;gap:6px}.metric-title svg{width:12px;height:12px}.metric-value{font-size:31px;margin:15px 0 10px}.metric-value small{font-size:10px}.metric-state{font-size:7px!important;padding:2px 4px}.main-grid{gap:14px}.panel-head{height:48px;padding:0 13px}.panel-head h2{font-size:11px}.panel-head>div{gap:7px}.tag{font-size:7px;letter-spacing:.5px}#viewport{height:400px}.viewport-meta{top:17px;left:14px}.tiny-label{font-size:7px;letter-spacing:1px}.viewport-meta strong{display:none}.viewport-meta>span:last-child{font-size:8px}.view-tools{top:62px;left:13px;right:auto}.view-tools button{font-size:9px;padding:5px 9px}.view-axis{left:16px;bottom:48px}.view-hint{left:14px;bottom:15px;font-size:7px;gap:5px}.reset-button{bottom:37px;right:10px}.viewer-controls{height:auto;min-height:85px;padding:10px;flex-wrap:wrap;gap:10px}.segmented{flex:1}.segmented button{flex:1;font-size:9px;padding:6px}.explode-label{order:3;width:100%;margin:0}.explode-label input{flex:1;width:auto}.viewer-controls>.icon-button{padding:6px}.right-column{grid-template-columns:1fr}.process-panel{min-height:0}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}.process-list button{gap:8px}.process-list button:not(:last-child) .step-num:after{display:none}.process-value{font-size:8px}.process-list strong{font-size:9px}.process-list small{font-size:7px}.panel-note{font-size:8px}.part-panel{min-height:175px}.bottom-grid{margin-top:14px;gap:14px}.trend-card .panel-head{flex-wrap:wrap;height:auto;min-height:65px;padding-top:10px;padding-bottom:10px}.chart-wrap{padding-right:14px;gap:6px}.chart-legend{padding-left:13px;padding-right:13px}.data-body{gap:12px!important}.data-body p{max-width:none;width:100%}.data-body button,.data-body small{width:100%}footer{font-size:6px;letter-spacing:.5px;flex-wrap:wrap;gap:8px;padding:17px 0}.footer-sep{margin:0 3px}.chart-tabs button{padding:4px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}