/* Source-derived application hierarchy, scoped to the anonymous case showcase. */
#projectShowcase{--case-p:1;--case-line:#e6e1cf20;--case-muted:#b8b7ad;--case-good:#a3baa4;--case-alert:#df9b85;margin:30px 0 42px;min-width:0;color:var(--fg,#e6e1cf)}
#projectShowcase button{font:inherit;cursor:pointer}
#projectShowcase button:focus-visible{outline:2px solid #ffcc66;outline-offset:4px}
#projectShowcase button:disabled{cursor:default;opacity:.45}
#projectShowcase [data-case-select]{border:1px solid var(--case-line);background:transparent;color:var(--case-muted);padding:12px 17px;line-height:1.6;text-align:left;font-size:12px;border-radius:5px;min-height:46px}
#projectShowcase [data-case-select][aria-pressed=true]{border-color:#ffcc6680;background:#ffcc660b;color:#ffcc66}
#projectShowcase .case-selectors,#projectShowcase .case-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 25px}
#projectShowcase .case-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 25px}
#projectShowcase .case-picker button{display:flex;gap:10px;align-items:baseline}
#projectShowcase .case-picker button>span:first-child{font-size:9px;opacity:.55}
#projectShowcase .case-story-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}
#projectShowcase .case-story-heading .eyebrow{margin-bottom:12px}
#projectShowcase .case-origin{max-width:190px;flex:none;color:var(--case-muted);font-size:10px;line-height:1.9;margin:0 0 3px}
#projectShowcase .case-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 21px}
#projectShowcase [data-case-title]{font-size:clamp(23px,2.5vw,33px);line-height:1.5;font-weight:500;margin:0 0 7px;letter-spacing:-.025em}
#projectShowcase [data-case-summary]{font-size:13px;color:var(--case-muted);line-height:1.9;margin:0;max-width:660px}
#projectShowcase .case-source-label,#projectShowcase .case-disclosure-label{font-size:10px;color:var(--case-muted);line-height:1.9}
#projectShowcase [data-case-art]{min-width:0;margin-top:22px}
#projectShowcase .case-console{border:1px solid #e6e1cf2d;border-radius:8px;overflow:hidden;background:#191e28;box-shadow:0 20px 60px #11151c25}
/* A single rigid workpiece explains why the target must move, before the source UI. */
#projectShowcase .guidance-meaning{min-width:0;border:1px solid #e6e1cf2d;border-radius:8px;overflow:hidden;background:#191e28}
#projectShowcase .guidance-heading{padding:20px 24px 0}
#projectShowcase .guidance-heading>span{font-size:10px;letter-spacing:.08em;color:#ffcc66}
#projectShowcase .guidance-heading>p{font-size:18px;line-height:1.7;font-weight:400;margin:7px 0 0;max-width:580px}
#projectShowcase .guidance-scene{display:block;width:100%;height:330px;overflow:hidden}
#projectShowcase .guidance-grid{fill:none;stroke:#e6e1cf09;stroke-width:1}
#projectShowcase .guidance-old{fill:none;stroke:#e6e1cf36;stroke-width:1;stroke-dasharray:4 5}
#projectShowcase .guidance-part{fill:#2f3540;stroke:#e6e1cfa0;stroke-width:1.5}
#projectShowcase .guidance-part-edge{fill:none;stroke:#e6e1cf26;stroke-width:1}
#projectShowcase .guidance-fixed-marks{stroke:#e6e1cf;stroke-width:2;fill:none}
#projectShowcase .guidance-hole{fill:#111722;stroke:#e6e1cf;stroke-width:1.5}
#projectShowcase .guidance-found{fill:none;stroke:#ffcc66;stroke-width:1.5}
#projectShowcase .guidance-reference-line{stroke-dasharray:3 5;stroke-opacity:.65;stroke-width:1}
#projectShowcase .guidance-found text{fill:#ffcc66;stroke:none;font-size:12px;font-family:inherit}
#projectShowcase .guidance-old-target{fill:none;stroke:#df9b85;stroke-width:1;stroke-dasharray:3 4;opacity:.8}
#projectShowcase .guidance-correction-line{stroke:#a3baa4;stroke-width:1.5;stroke-dasharray:3 3;fill:none}
#projectShowcase .guidance-corrected{fill:none;stroke:#a3baa4;stroke-width:2}
#projectShowcase .guidance-tool{fill:#ffcc6612;stroke:#ffcc66;stroke-width:1.5;stroke-linejoin:round}
#projectShowcase .guidance-labels{fill:var(--case-muted);font-size:11px;font-family:inherit}
#projectShowcase .guidance-labels path{stroke:#e6e1cf38;stroke-width:1;fill:none}
#projectShowcase .guidance-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:15px;margin:0 24px;padding:0;border-top:1px solid var(--case-line)}
#projectShowcase .guidance-key li{min-width:0;padding:12px 0;color:var(--case-muted);font-size:12px;line-height:1.8;outline:0;box-shadow:none;background:none}
#projectShowcase .guidance-key li>span{font-size:9px;opacity:.65;margin-right:9px}
#projectShowcase .guidance-key li.case-focus-active{color:#ffcc66;background:none;box-shadow:none;outline:0}
#projectShowcase .guidance-boundary{font-size:10px;color:var(--case-muted);margin:0;padding:0 24px 17px;line-height:1.8}
/* One conceptual scene stays outside the optional source interface. All motion uses --case-p. */
#projectShowcase .case-primary{min-width:0;border:1px solid #e6e1cf2d;border-radius:8px;overflow:hidden;background:#191e28}
#projectShowcase .case-primary-svg{display:block;width:100%;height:300px;overflow:hidden}
#projectShowcase .case-primary-svg text{font-family:inherit;font-size:14px;fill:var(--case-muted)}
#projectShowcase .case-primary-track{fill:none;stroke:#e6e1cf55;stroke-width:2}
#projectShowcase .case-primary-track text{stroke:none;fill:#e6e1cf}
#projectShowcase .case-primary-track circle{fill:#ffcc66;stroke:#ffcc66}
#projectShowcase .case-primary-link{fill:none;stroke:#ffcc66;stroke-width:1.5;stroke-linejoin:round}
#projectShowcase .case-primary-codes rect,#projectShowcase .case-primary-record rect,#projectShowcase .case-primary-faces rect,#projectShowcase .case-primary-result rect{fill:#e6e1cf05;stroke:#e6e1cf66;stroke-width:1.2}
#projectShowcase .case-primary-codes>path,#projectShowcase .case-primary-record>path,#projectShowcase .case-primary-faces path{fill:none;stroke:#e6e1cf66;stroke-width:1.5}
#projectShowcase .case-primary-record text{fill:#ffcc66;font-size:16px}
#projectShowcase .case-primary-faces text{fill:#e6e1cf}
#projectShowcase .case-primary-svg .case-primary-label{font-size:11px;letter-spacing:.04em}
#projectShowcase .case-primary-review{fill:#df9b851c;stroke:#df9b85;stroke-width:1.8}
#projectShowcase .case-primary-result-link{stroke:#df9b85}
#projectShowcase .case-primary-result rect{stroke:#df9b85}
#projectShowcase .case-primary-result text{font-size:21px;fill:#df9b85}
#projectShowcase .case-primary-result .case-primary-result-caption{font-size:11px}
@media(max-width:540px){#projectShowcase .case-primary-svg{height:auto;aspect-ratio:480/255}#projectShowcase .case-primary-svg text{font-size:17px}#projectShowcase .case-primary-svg .case-primary-label{font-size:14px}#projectShowcase .case-primary-result .case-primary-result-caption{font-size:13px}}
#projectShowcase .case-software{margin-top:14px;border-top:1px solid var(--case-line);min-width:0}
#projectShowcase .case-software>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;cursor:pointer;list-style:none;font-size:12px;line-height:1.8;color:var(--case-muted)}
#projectShowcase .case-software>summary::-webkit-details-marker{display:none}
#projectShowcase .case-software>summary>span{color:#ffcc66;font-size:17px;font-weight:400}
#projectShowcase .case-software[open]>summary>span{transform:rotate(45deg)}
#projectShowcase .case-software>summary:focus-visible{outline:2px solid #ffcc66;outline-offset:3px}
@media(max-width:540px){#projectShowcase .guidance-heading{padding:16px 15px 0}#projectShowcase .guidance-heading>p{font-size:16px;line-height:1.8;margin-top:6px}#projectShowcase .guidance-scene{height:auto;aspect-ratio:480/285;margin:7px 0}#projectShowcase .guidance-found text{font-size:18px}#projectShowcase .guidance-labels{display:none}#projectShowcase .guidance-key{gap:6px;margin:0 15px}#projectShowcase .guidance-key li{font-size:11px;line-height:1.7;padding:11px 0}#projectShowcase .guidance-key li>span{display:block;margin:0 0 3px;font-size:9px}#projectShowcase .guidance-boundary{font-size:10px;padding:0 15px 15px}#projectShowcase .case-software>summary{font-size:12px}}
#projectShowcase .case-console-bar{min-height:49px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#252a34;border-bottom:1px solid var(--case-line)}
#projectShowcase .case-console-name{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;font-weight:500;min-width:0}
#projectShowcase .case-console-name i{width:6px;height:6px;background:#ffcc66;flex:none;border-radius:1px}
#projectShowcase .case-demo-tag{font-size:9px;letter-spacing:.06em;color:#ffcc66;border:1px solid #ffcc6638;padding:3px 7px;white-space:nowrap;border-radius:3px}
#projectShowcase .case-loader-workspace,#projectShowcase .case-screw-workspace,#projectShowcase .case-aoi-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;padding:16px}
#projectShowcase .case-rail{display:flex;flex-direction:column;gap:12px;min-width:0}
/* Emphasize the current explanatory step without hiding its surrounding context. */
#projectShowcase [data-case-focus]{outline:1px solid transparent;outline-offset:2px}
#projectShowcase [data-case-focus].case-focus-active{outline-color:#ffcc6680;box-shadow:inset 0 0 0 1px #ffcc6630;background-color:#ffcc6608}
#projectShowcase .case-pane{min-width:0;border:1px solid var(--case-line);border-radius:4px;background:#202530;overflow:hidden}
#projectShowcase .case-pane h4{font-size:11px;line-height:1.6;font-weight:500;margin:0;padding:10px 12px;background:#e6e1cf04;border-bottom:1px solid var(--case-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
#projectShowcase .case-pane h4>span{font-size:9px;font-weight:400;color:var(--case-muted)}
#projectShowcase .case-console-foot{border-top:1px solid var(--case-line);color:var(--case-muted);font-size:9px;line-height:1.8;padding:9px 18px;display:flex;justify-content:space-between;gap:12px}
#projectShowcase .case-tracks{display:grid;gap:12px;min-width:0}
#projectShowcase .case-track{background:#202530;border:1px solid var(--case-line);border-radius:4px;padding:16px;min-width:0}
#projectShowcase .case-track-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}
#projectShowcase .case-track-head h4{font-size:13px;font-weight:500;letter-spacing:.04em;margin:0}
#projectShowcase .case-state-text{font-size:10px;color:#ffcc66;border:1px solid #ffcc6638;padding:3px 8px;border-radius:3px}
#projectShowcase .case-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0 0 20px;padding:0;gap:6px}
#projectShowcase .case-flow li{position:relative;border-top:2px solid #e6e1cf25;padding:9px 0 0;font-size:10px;color:var(--case-muted);line-height:1.7;overflow-wrap:anywhere}
#projectShowcase .case-flow li>span{display:block;font-size:8px;letter-spacing:.08em;color:#e6e1cf60;margin:0 0 3px}
#projectShowcase[data-stage="0"] .case-flow li:nth-child(-n+2),#projectShowcase[data-stage="1"] .case-flow li:nth-child(-n+4),#projectShowcase[data-stage="2"] .case-flow li{border-color:#ffcc66;color:#e6e1cf}
#projectShowcase .case-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--case-line)}
#projectShowcase .case-codes>div{position:relative;min-width:0}
#projectShowcase .case-codes span{display:block;color:var(--case-muted);font-size:9px;margin-bottom:5px}
#projectShowcase .case-codes b{font-size:11px;font-weight:400;letter-spacing:.02em}
#projectShowcase .case-code-check{font-style:normal;font-size:10px;color:var(--case-good);margin-left:8px;opacity:.25}
#projectShowcase[data-stage="1"] .case-code-check,#projectShowcase[data-stage="2"] .case-code-check{opacity:1}
#projectShowcase .case-counts{display:grid;grid-template-columns:1fr 1fr;padding:16px 12px;gap:8px}
#projectShowcase .case-counts>div+div{border-left:1px solid var(--case-line);padding-left:14px}
#projectShowcase .case-counts span{display:block;font-size:10px;color:var(--case-muted);line-height:1.6}
#projectShowcase .case-counts b{display:block;font-size:26px;line-height:1.5;font-weight:400;font-variant-numeric:tabular-nums}
#projectShowcase .case-events{list-style:none;padding:5px 12px;margin:0;font-size:10px;line-height:1.9}
#projectShowcase .case-events li{padding:9px 0;display:flex;gap:8px;align-items:baseline;border-bottom:1px solid #e6e1cf0e;overflow-wrap:anywhere}
#projectShowcase .case-events li:last-child{border:0}
#projectShowcase .case-events li>span{font-size:8px;opacity:.55;flex:none}
#projectShowcase .case-event-bind,#projectShowcase .case-event-end{opacity:.35}
#projectShowcase[data-stage="1"] .case-event-bind,#projectShowcase[data-stage="2"] .case-event-bind,#projectShowcase[data-stage="2"] .case-event-end{opacity:1}
#projectShowcase .case-file-row{padding:10px 12px;border-top:1px solid var(--case-line);font-size:9px;color:var(--case-muted);display:flex;gap:9px;align-items:center}
#projectShowcase .case-file-row>span{border:1px solid var(--case-line);padding:1px 5px;font-size:8px;letter-spacing:.06em;color:#e6e1cf}
#projectShowcase .case-vision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
#projectShowcase .case-plot{display:block;width:100%;height:174px;background:#e6e1cf06}
#projectShowcase .case-grid-line{fill:none;stroke:#e6e1cf12;stroke-width:1}
#projectShowcase .case-axis{fill:none;stroke:#e6e1cf38;stroke-width:1}
#projectShowcase .case-plot text{fill:var(--case-muted);font-size:9px;font-family:inherit;stroke:none}
#projectShowcase .case-point-lines{fill:none;stroke:#a3baa430;stroke-dasharray:3 4}
#projectShowcase .case-map-points{fill:var(--case-good);stroke:none}
#projectShowcase .case-map-points text{fill:var(--case-good)}
#projectShowcase .case-reference{fill:none;stroke:#ffcc66;stroke-width:1.5}
#projectShowcase .case-reference text{fill:#ffcc66}
#projectShowcase .case-ng{stroke:var(--case-alert);stroke-width:2;fill:none;opacity:0}
#projectShowcase .case-ng circle{stroke-width:1;stroke-dasharray:3 3;opacity:.7}
#projectShowcase[data-stage="2"] .case-ng{opacity:1}
#projectShowcase .case-template-points{fill:none;stroke:#ffcc66;stroke-width:1.5}
#projectShowcase .case-corrected-points{fill:#df9b85;stroke:#df9b85;stroke-width:1.5;opacity:.12;transform:translate(-13px,6px);transform-origin:center}
#projectShowcase .case-corrected-points .case-offset-arrow{stroke:#a3baa4;fill:none}
#projectShowcase[data-stage="1"] .case-corrected-points,#projectShowcase[data-stage="2"] .case-corrected-points{opacity:1;transform:translate(0,0)}
#projectShowcase .case-mark-view{background:#151a22;padding:5px 0}
#projectShowcase .case-mark-view svg{display:block;width:100%;height:147px}
#projectShowcase .case-mark-target{fill:#e6e1cf0d;stroke:#e6e1cf5c;stroke-width:1.5}
#projectShowcase .case-mark-overlay{fill:none;stroke:#ffcc66;stroke-width:1.5;opacity:.13}
#projectShowcase .case-mark-overlay circle{stroke-width:1;stroke-dasharray:3 4;opacity:.6}
#projectShowcase[data-stage="1"] .case-mark-overlay,#projectShowcase[data-stage="2"] .case-mark-overlay{opacity:1}
#projectShowcase .case-task-list{padding:7px;font-size:10px;line-height:1.8}
#projectShowcase .case-task-list>div{padding:8px;color:var(--case-muted);display:flex;justify-content:space-between;gap:10px}
#projectShowcase .case-task-list .case-task-active{background:#ffcc660d;color:#ffcc66;border:1px solid #ffcc6633;border-radius:3px}
#projectShowcase .case-stat-list{margin:0;padding:7px 12px}
#projectShowcase .case-stat-list>div{display:flex;justify-content:space-between;padding:7px 0;gap:10px;border-bottom:1px solid #e6e1cf0e;font-size:10px}
#projectShowcase .case-stat-list>div:last-child{border:0}
#projectShowcase .case-stat-list dt{color:var(--case-muted)}
#projectShowcase .case-stat-list dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums}
#projectShowcase[data-stage="2"] .case-message-review{color:var(--case-alert)}
#projectShowcase .case-face-grid{display:grid;gap:10px;min-width:0}
#projectShowcase .case-face-row{display:grid;grid-template-columns:42px repeat(2,minmax(0,1fr));border:1px solid var(--case-line);border-radius:4px;overflow:hidden;background:#202530}
#projectShowcase .case-face-row>h4{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--case-line);color:var(--case-muted);font-size:8px;font-weight:400;line-height:1.8}
#projectShowcase .case-face-row>h4>span{font-size:19px;color:#e6e1cf;font-weight:400}
#projectShowcase .case-image-cell{min-width:0;position:relative}
#projectShowcase .case-current-image{border-left:1px solid var(--case-line)}
#projectShowcase .case-cell-label{font-size:9px;color:var(--case-muted);display:block;padding:7px 10px 0;line-height:1.5}
#projectShowcase .case-test-pattern{display:block;width:100%;height:99px;padding:1px 10px 5px}
#projectShowcase .case-test-pattern rect{fill:#e6e1cf13;stroke:#e6e1cf66;stroke-width:1}
#projectShowcase .case-test-pattern .case-pattern-guide{fill:none;stroke:#e6e1cf22;stroke-width:1;stroke-dasharray:3 4}
#projectShowcase .case-pattern-cross{fill:none;stroke:#ffcc6670;stroke-width:1}
#projectShowcase .case-test-pattern .case-pattern-exception{fill:#df9b851c;stroke:#df9b85}
#projectShowcase .case-test-pattern .case-aoi-overlay{fill:none;stroke:#ffcc66;stroke-width:1.5;opacity:0}
#projectShowcase[data-stage="1"] .case-test-pattern .case-aoi-overlay,#projectShowcase[data-stage="2"] .case-test-pattern .case-aoi-overlay{opacity:1}
#projectShowcase[data-stage="1"][data-face="A"] [data-case-face="A"] .case-current-image,#projectShowcase[data-stage="1"][data-face="B"] [data-case-face="B"] .case-current-image,#projectShowcase[data-stage="1"][data-face="C"] [data-case-face="C"] .case-current-image{background:#ffcc660d;box-shadow:inset 0 0 0 1px #ffcc6650}
#projectShowcase .case-face-results{padding:5px 12px;margin:0}
#projectShowcase .case-face-results>div{display:grid;grid-template-columns:18px 1fr 5px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6e1cf0e;font-size:10px}
#projectShowcase .case-face-results>div:last-child{border:0}
#projectShowcase .case-face-results dt{color:#e6e1cf}
#projectShowcase .case-face-results dd{margin:0;color:var(--case-muted)}
#projectShowcase .case-face-results i{width:4px;height:4px;background:var(--case-good);border-radius:50%;opacity:.25}
#projectShowcase .case-face-results .case-review-dot{background:var(--case-alert)}
#projectShowcase[data-stage="2"] .case-face-results i{opacity:1}
#projectShowcase .case-summary-result{padding:13px 12px;opacity:.35}
#projectShowcase .case-summary-result b{display:block;font-size:14px;font-weight:400;color:#ffcc66;margin-bottom:5px}
#projectShowcase .case-summary-result>span{font-size:10px;color:var(--case-muted)}
#projectShowcase[data-stage="2"] .case-summary-result{opacity:1}
#projectShowcase .case-pattern-note{font-size:9px;color:var(--case-muted);padding:10px 12px;margin:0;border-top:1px solid var(--case-line)}
#projectShowcase [data-case-caption]{font-size:12px;color:var(--case-muted);line-height:1.9;margin:15px 0 20px;max-width:840px;min-height:46px}
#projectShowcase .case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}
#projectShowcase [data-case-step]{display:flex;gap:10px;align-items:baseline;text-align:left;font-size:12px;line-height:1.8;padding:11px 0;background:transparent;border:0;border-top:1px solid #e6e1cf30;color:var(--case-muted);min-height:44px}
#projectShowcase [data-case-step]>span:first-child{font-size:9px;opacity:.65}
#projectShowcase [data-case-step][aria-pressed=true]{border-color:#ffcc66;color:#ffcc66}
#projectShowcase .case-playback{display:flex;align-items:center;gap:18px;margin-top:12px}
#projectShowcase [data-case-replay],#projectShowcase [data-case-pause]{background:transparent;border:0;color:var(--case-muted);font-size:11px;line-height:1.8;padding:8px 0;white-space:nowrap;min-height:36px}
#projectShowcase .case-timeline{height:2px;background:var(--case-line);flex:1;overflow:hidden}
#projectShowcase .case-timeline i{display:block;height:100%;background:#ffcc66;transform:scaleX(var(--case-p));transform-origin:left}
#projectShowcase .case-progress{height:2px;background:var(--case-line);overflow:hidden;margin-top:18px}
#projectShowcase .case-progress i{display:block;width:100%;height:100%;background:#ffcc66;transform:scaleX(var(--case-p));transform-origin:left}
#projectShowcase .case-footer{display:flex;justify-content:space-between;gap:25px;align-items:start}
#projectShowcase .case-footer [data-case-caption]{flex:1}
#projectShowcase .case-controls{display:flex;gap:17px;flex:none;padding-top:7px}
#projectShowcase .case-evidence{border-top:1px solid var(--case-line);margin-top:12px;padding-top:0}
#projectShowcase .case-evidence>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-size:11px;color:var(--case-muted);line-height:1.8}
#projectShowcase .case-evidence>summary::-webkit-details-marker{display:none}
#projectShowcase .case-evidence>summary:focus-visible{outline:2px solid #ffcc66;outline-offset:3px}
#projectShowcase .case-evidence p{font-size:11px;line-height:1.9;color:var(--case-muted);margin:0 0 12px;max-width:900px}
#projectShowcase .case-static{border:1px solid var(--case-line);padding:20px;border-radius:6px;background:#202530}
#projectShowcase .case-static h4{font-size:15px;font-weight:500;color:#e6e1cf;margin:15px 0 5px}
#projectShowcase .case-static p{font-size:12px;line-height:1.9;color:var(--case-muted);margin:0 0 15px}
html:not(.js) #projectShowcase .case-steps,html:not(.js) #projectShowcase .case-playback,html:not(.js) #projectShowcase .case-selectors,html:not(.js) #projectShowcase .case-picker,html:not(.js) #projectShowcase .case-controls{display:none}
@media(min-width:901px){#projectShowcase[data-playback="playing"] .case-corrected-points{transition:transform .6s ease,opacity .6s ease}#projectShowcase[data-playback="playing"] .case-mark-overlay,#projectShowcase[data-playback="playing"] .case-ng{transition:opacity .5s ease}}
@media(max-width:1000px){#projectShowcase .case-loader-workspace,#projectShowcase .case-screw-workspace,#projectShowcase .case-aoi-workspace{grid-template-columns:minmax(0,1fr) 180px;padding:12px;gap:10px}#projectShowcase .case-track{padding:12px}#projectShowcase .case-plot{height:158px}#projectShowcase .case-mark-view svg{height:138px}}
@media(max-width:760px){#projectShowcase .case-intro{display:block}#projectShowcase .case-loader-workspace,#projectShowcase .case-screw-workspace,#projectShowcase .case-aoi-workspace{grid-template-columns:1fr}#projectShowcase .case-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#projectShowcase .case-screw-workspace>.case-rail .case-pane:last-child,#projectShowcase .case-aoi-workspace>.case-rail .case-pane:last-child{grid-column:1/-1}#projectShowcase .case-plot{height:174px}#projectShowcase .case-mark-view svg{height:144px}#projectShowcase .case-console-bar{padding:11px 12px}#projectShowcase .case-console-name{font-size:11px}#projectShowcase .case-test-pattern{height:96px}}
@media(max-width:540px){#projectShowcase{margin-top:22px}#projectShowcase .case-selectors,#projectShowcase .case-tabs{gap:5px;margin:15px 0 22px}#projectShowcase [data-case-select]{padding:10px 8px;font-size:11px}#projectShowcase [data-case-title]{font-size:24px}#projectShowcase [data-case-summary]{font-size:12px}#projectShowcase .case-console-bar{align-items:start;gap:8px}#projectShowcase .case-console-name{max-width:70%;font-size:10px;gap:7px}#projectShowcase .case-demo-tag{font-size:8px;padding:2px 5px}#projectShowcase .case-loader-workspace,#projectShowcase .case-screw-workspace,#projectShowcase .case-aoi-workspace{padding:9px;gap:9px}#projectShowcase .case-track{padding:12px}#projectShowcase .case-track-head{margin-bottom:13px}#projectShowcase .case-flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:11px;margin-bottom:15px}#projectShowcase .case-flow li{font-size:10px;padding-top:6px}#projectShowcase .case-flow li>span{margin:0}#projectShowcase .case-codes{gap:5px}#projectShowcase .case-codes b{font-size:9px;letter-spacing:0}#projectShowcase .case-code-check{margin-left:3px;font-size:9px}#projectShowcase .case-counts{padding:10px}#projectShowcase .case-counts b{font-size:23px}#projectShowcase .case-counts>div+div{padding-left:8px}#projectShowcase .case-pane h4{font-size:10px;padding:8px 9px}#projectShowcase .case-pane h4>span{font-size:8px}#projectShowcase .case-events{padding:3px 9px;font-size:9px}#projectShowcase .case-events li{padding:7px 0;gap:5px}#projectShowcase .case-vision-grid{gap:7px}#projectShowcase .case-plot{height:auto;aspect-ratio:265/185}#projectShowcase .case-mark-view svg{height:auto;aspect-ratio:265/170}#projectShowcase .case-task-list{font-size:9px;padding:4px}#projectShowcase .case-task-list>div{padding:7px 5px}#projectShowcase .case-stat-list{padding:3px 9px}#projectShowcase .case-stat-list>div{padding:5px 0}#projectShowcase .case-face-row{grid-template-columns:30px repeat(2,minmax(0,1fr))}#projectShowcase .case-face-row>h4>span{font-size:17px}#projectShowcase .case-cell-label{font-size:9px;padding:7px 6px 0}#projectShowcase .case-test-pattern{height:auto;aspect-ratio:225/130;padding:2px 4px 5px}#projectShowcase .case-face-results{padding:2px 9px}#projectShowcase .case-face-results>div{gap:5px;font-size:9px;padding:8px 0}#projectShowcase .case-summary-result{padding:12px 9px}#projectShowcase .case-summary-result b{font-size:13px}#projectShowcase .case-summary-result>span{font-size:9px;line-height:1.8;display:block}#projectShowcase .case-console-foot{font-size:8px;padding:8px 10px;gap:8px}#projectShowcase .case-steps{gap:8px}#projectShowcase [data-case-step]{font-size:11px;gap:6px;padding:10px 0;line-height:1.7;align-items:start}#projectShowcase [data-case-step]>span:first-child{font-size:8px;padding-top:2px}#projectShowcase [data-case-caption]{font-size:11px;min-height:65px;margin:12px 0 16px}#projectShowcase .case-playback{gap:13px}}
@media(prefers-reduced-motion:reduce){#projectShowcase *,#projectShowcase *:before,#projectShowcase *:after{transition:none!important;animation:none!important}}
@media(max-width:760px){#projectShowcase .case-story-heading{display:block}#projectShowcase .case-origin{max-width:none;margin-top:14px}}
@media(max-width:540px){#projectShowcase .case-picker{gap:5px;margin:15px 0 22px}#projectShowcase .case-picker button{display:block;padding:10px 8px}#projectShowcase .case-picker button>span{display:block}#projectShowcase .case-picker button>span:first-child{margin-bottom:4px}#projectShowcase .case-vision-grid .case-point-pane,#projectShowcase .case-vision-grid .case-calibration-pane{grid-column:1/-1}#projectShowcase .case-point-pane .case-plot,#projectShowcase .case-calibration-pane .case-plot{height:178px;aspect-ratio:auto}#projectShowcase .case-plot text{font-size:11px}#projectShowcase .case-footer{display:block}#projectShowcase .case-controls{padding-top:0;justify-content:flex-start}#projectShowcase .case-footer [data-case-caption]{min-height:0;margin-bottom:5px}#projectShowcase .case-evidence{margin-top:10px}#projectShowcase .case-origin{font-size:9px}}
@media(max-width:540px){#projectShowcase .case-flow li,#projectShowcase .case-codes span,#projectShowcase .case-codes b,#projectShowcase .case-events,#projectShowcase .case-task-list,#projectShowcase .case-face-results>div,#projectShowcase .case-cell-label,#projectShowcase .case-summary-result>span{font-size:11px}#projectShowcase .case-pane h4{font-size:12px}#projectShowcase .case-footer [data-case-caption]{font-size:12px}}

#projectShowcase .case-runtime{margin:0 0 22px}#projectShowcase .case-runtime-body{padding:16px 20px}#projectShowcase .case-runtime-body>p{font-size:12px;line-height:1.9;max-width:650px;margin-bottom:15px}#projectShowcase .case-runtime video{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#111722}#projectShowcase .case-runtime-body>small{display:block;font-size:10px;line-height:1.8;color:var(--case-muted);margin-top:12px}#projectShowcase .case-runtime .text-link{font-size:11px;margin-top:15px}@media(max-width:540px){#projectShowcase .case-runtime-body{padding:14px 12px}}