:root{font-family:Arial,sans-serif;color:#18333f;background:#edf2f3;font-size:14px}*{box-sizing:border-box}body{margin:0}header{padding:19px 25px;background:#133440;color:white;display:flex;align-items:center;justify-content:space-between;gap:15px}small{font-size:10px;letter-spacing:1.5px;font-weight:700}h1{font-size:25px;margin:7px 0 0;letter-spacing:-.7px}.headlinks{display:flex;align-items:center;gap:9px}.headlinks a{color:#c7dce4;font-size:12px;margin-left:8px}button,select,input{font:inherit}button{border:1px solid #b9cbd2;border-radius:6px;padding:9px 12px;background:white;color:#244552;cursor:pointer}button:hover{background:#def0e9}button.active{background:#163e4b;color:white}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1px;background:#cbd8de;height:calc(100dvh - 96px);min-height:600px}.visual{display:flex;flex-direction:column;min-width:0;background:#edf2f3}.toolbar{display:flex;gap:7px;align-items:center;padding:10px 14px;background:#fff}.toolbar label{margin-left:auto;font-size:12px}.toolbar button{font-size:12px}#stage{position:relative;flex:1;min-height:380px;overflow:hidden;background:linear-gradient(#f6fafb,#dce7eb)}#stage canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none}.label{position:absolute;transform:translate(-50%,-50%);padding:6px 9px;background:#fffffff0;border:1px solid #b3c6ce;box-shadow:0 3px 10px #173a4c12;font-size:11px;white-space:nowrap;pointer-events:auto}.label.active{background:#f9ce43;color:#152f3b}.hint,.concept{position:absolute;bottom:15px;font-size:11px;line-height:1.5;color:#4d6570;pointer-events:none}.hint{left:16px}.concept{right:16px;text-align:right}#tip{position:absolute;max-width:280px;background:#123b49;color:white;padding:10px 13px;font-size:12px;border-radius:7px;pointer-events:none;z-index:6;line-height:1.5}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#eff5f6}#loading[hidden]{display:none}.playbar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:white}.playbar button{font-size:12px}#play{background:#e8b92f;border-color:#e8b92f;font-weight:bold}#motion{font-size:12px;color:#45616d;flex:1}.playbar label{font-size:12px}.playbar select{padding:5px}#steps{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 14px 14px;background:white}#steps button{padding:8px 4px;font-size:11px}aside{background:#fff;padding:19px 18px;overflow:auto}aside>label{font-size:11px;color:#5a7480;display:block;margin-bottom:8px}#pick{width:100%;padding:9px;background:#f1f6f7;border:1px solid #cedde3;border-radius:5px}article h2{font-size:23px;line-height:1.2;margin:20px 0 11px}article p{line-height:1.55}article .price{font-size:24px;font-weight:700;color:#9d6b00}.tag{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#607781}article a{color:#126d8c;overflow-wrap:anywhere}.callout{background:#f0f6f5;padding:12px;border-left:3px solid #2f8977}.bottomnote{font-size:11px;color:#6c7e86;border-top:1px solid #dbe6e9;line-height:1.6;margin-top:24px;padding-top:14px}dialog{border:none;border-radius:12px;max-width:880px;width:90vw;max-height:88vh;padding:28px 32px;color:#193b49;box-shadow:0 15px 70px #0004}dialog::backdrop{background:#08252bbb}dialog h2{font-size:28px;margin-top:12px}dialog p{line-height:1.6}dialog a{color:#126d8c}dialog .dismiss{float:right}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:12px 9px;text-align:left;border-bottom:1px solid #dce5e9;line-height:1.5;vertical-align:top}td:first-child{width:48%}.subtle{font-size:12px;color:#5d7580}.inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inputs label{font-size:12px}.inputs input{width:100%;display:block;padding:9px;margin-top:6px;border:1px solid #adc4cc;border-radius:4px}.metric{background:#e9f5f0;border-radius:8px;padding:20px;margin:18px 0;font-size:18px;line-height:1.7}@media(max-width:850px){main{grid-template-columns:1fr;height:auto}#stage{height:65vh;flex:none}aside{min-height:300px}.headlinks a{display:none}header{padding:14px}h1{font-size:21px}.inputs{grid-template-columns:1fr 1fr}.playbar{flex-wrap:wrap}.toolbar{flex-wrap:wrap}}

.headline{display:flex;align-items:center;gap:18px;padding:11px 24px;background:#dfede6;font-size:13px;flex-wrap:wrap}.headline button{margin-left:auto;padding:5px 9px;font-size:11px;background:transparent}
main{height:calc(100dvh - 140px);grid-template-columns:minmax(0,1fr) 325px;min-height:630px}#steps{grid-template-columns:repeat(5,1fr);padding-bottom:9px}.statusbar{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px;background:white;font-size:10px}.statusbar span{background:#edf3f5;border-radius:4px;padding:5px 7px}#outputStatus{color:#226757}.toolbar{flex-wrap:wrap}.toolbar label{white-space:nowrap}.playbar{flex-wrap:wrap}#motion{min-width:240px;font-variant-numeric:tabular-nums}.playbar label{display:flex;align-items:center;gap:5px}.visionbox{padding:16px;background:#f0f6f5;border:1px solid #c8dcda;border-radius:7px;margin-top:24px}.visionbox label{display:block;font-size:11px;margin:12px 0 6px}.visionbox select{width:100%;padding:7px;border:1px solid #b6ced3;border-radius:4px;font-size:12px}.visionbox small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:10px;line-height:1.5}.visionbox button{font-size:12px}#visionResult{font-size:13px;line-height:1.5;margin:12px 0}.inputs{grid-template-columns:repeat(3,1fr)}.shortfall{background:#fae5df;color:#8d3620}dialog ol{line-height:1.6;padding-left:20px}dialog li{margin:8px 0}aside article h2{font-size:22px}article .price{font-size:21px}.concept{font-size:10px}button:focus-visible,select:focus-visible{outline:3px solid #b68c18;outline-offset:2px}.label[hidden]{display:none}
@media(max-width:1000px){header{gap:10px;flex-wrap:wrap}.headline{gap:8px 18px;padding:10px 14px}main{grid-template-columns:1fr;height:auto}.toolbar{padding:8px}#stage{height:60vh;min-height:420px;flex:none}aside{min-height:300px;padding:20px}#detail{max-width:760px}.visionbox{max-width:640px}.toolbar button{padding:7px 9px}.toolbar label{margin-left:0}.headlinks{gap:7px}.headlinks button{font-size:12px}.inputs{grid-template-columns:repeat(2,1fr)}dialog{padding:20px;width:94vw}.concept{max-width:180px}.label{font-size:10px;padding:5px 7px}}

.sequence-note{font-size:12px;margin:0;padding:9px 14px;background:#fff8e5;color:#5c502c;line-height:1.5}#keepgripdialog{max-width:1000px}#keepgripdialog th{width:auto}#keepgripdialog svg{min-width:620px}#keepgripdialog{overflow:auto}

h1{font-size:23px}.headline{font-size:12px;padding:9px 20px}main{height:calc(100dvh - 137px);min-height:680px}#stage{min-height:340px}.toolbar{padding:8px;gap:5px}.toolbar label{margin-left:3px}.toolbar button{padding:7px 9px}
#detail-view{position:absolute;bottom:28px;right:12px;width:280px;height:225px;border:1px solid #8aa4b1;border-radius:7px;overflow:hidden;box-shadow:0 6px 20px #11334433;background:#e9f0f3;pointer-events:none}#detail-view strong{display:block;height:28px;padding:8px 10px;font-size:9px;background:#183e4a;color:white;letter-spacing:1px}#detail-view canvas{display:block;width:100%;height:calc(100% - 28px)}#detail-view[hidden]{display:none}.concept{bottom:6px;right:12px;max-width:none}.hint{bottom:10px}
.phasebar{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:9px 14px;background:#eef5f3;border-top:1px solid #bfd3cd;font-size:12px}.phasebar span{grid-column:2;font-size:11px;color:#526b75}.phasebar>b{grid-row:span 2;align-self:center;max-width:180px;padding:7px 9px;background:#e1e8eb;border-radius:5px;font-size:10px;color:#3b5966}.phasebar>b.closed{background:#176c5b;color:white}.scrubber{display:flex;gap:12px;align-items:center;padding:0 15px 10px;background:white;font-size:11px}.scrubber input{flex:1;accent-color:#168371}.playbar{padding:8px 14px}.statusbar{padding-bottom:7px}td:first-child{width:45%}#steps{padding-bottom:7px}
@media(max-width:1000px){main{height:auto;min-height:0}#stage{height:53vh;min-height:350px}header{padding:13px 18px}h1{font-size:22px}#detail-view{width:245px;height:195px}.phasebar>b{max-width:160px}.headlinks button{padding:7px 10px}.playbar #motion{flex-basis:100%}}
@media(max-width:600px){#detail-view{width:190px;height:160px}.hint{max-width:120px;font-size:9px}.concept{font-size:8px}.phasebar{grid-template-columns:1fr}.phasebar span{grid-column:1}.phasebar>b{grid-row:auto;max-width:none}#steps button{font-size:9px}}

.rollbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:#e5f1ec;border-top:1px solid #bed0c9}.rollbar strong{font-size:10px;letter-spacing:.08em;margin-right:5px}.rollbar button{font-size:11px;padding:6px 9px}#costdialog{max-width:920px}#costdialog td:last-child{font-size:11px;line-height:1.4}.shopgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.shopgrid img,.shopgrid video{height:300px;width:100%;object-fit:contain;background:#e8eef1}#shopdialog{max-width:850px}

/* Focus the public demo on the machine; tools stay within reach. */
.rollbar{display:none}.playbar{order:9;border-top:1px solid #c8d8df;position:sticky;bottom:0;z-index:8;box-shadow:0 -3px 15px #1937440b}.toolbar{gap:4px}.headline{padding:7px 20px}.headlinks button{font-size:12px}.hint{max-width:150px}.concept{font-size:9px}main{height:calc(100dvh - 126px);min-height:560px}#stage{min-height:310px}#detail-view{bottom:35px}#motion{min-width:160px;font-size:11px}.phasebar{padding:7px 12px}.statusbar{padding-bottom:5px}#steps{padding-bottom:5px}.scrubber{padding-bottom:5px}.playbar button{padding:8px 10px}
@media(max-width:1000px){main{height:auto;min-height:0}#stage{height:55vh;min-height:330px}.playbar{position:sticky;bottom:0}.headline span:nth-of-type(2){display:none}#detail-view{width:200px;height:165px}.headlinks{flex-wrap:wrap}header{padding:10px 14px}h1{font-size:23px}.phasebar span{display:none}aside{padding:18px}#motion{flex-basis:auto!important}#steps button{min-height:38px}.concept{max-width:150px}.inputs{grid-template-columns:1fr 1fr}}

/* Revision 7 purchase review */
#visionbadge{position:absolute;top:12px;left:14px;pointer-events:none;background:#e7faffef;border:1px solid #42b5d1;border-radius:6px;padding:9px 12px;color:#075571;font-size:11px;z-index:2}#visionbadge span{display:block;font-size:10px;margin-top:3px}.camera-button{border-color:#2eb6d3;background:#e5faff!important;color:#075975!important}.label:has(+.unused){color:inherit}.review-summary{background:#edf8f9;border:1px solid #b1d8df;padding:12px;border-radius:7px;margin-bottom:20px}.review-summary strong{display:block;font-size:27px;margin:5px 0}.review-summary span{display:block;font-size:10px;line-height:1.5}.review-summary button{margin-top:9px;font-size:11px}.source-items{margin-top:20px;font-size:12px}.source-items>div{border-top:1px solid #d5e4e8;padding:12px 0}.source-items span,.source-items strong,.source-items small,.source-items b,.source-items a{display:block;margin:4px 0}.source-items span{color:#55727d;font-size:10px}.source-items small{letter-spacing:0;font-size:11px;font-weight:normal}.source-items a{font-size:11px}#costdialog{max-width:1100px}.cost-table-wrap{max-height:50vh;overflow:auto;border:1px solid #d5e4e8}.cost-table-wrap th{position:sticky;top:0;background:#edf5f6}.cost-table-wrap small{display:block;font-size:10px;letter-spacing:0;font-weight:normal}.cost-table-wrap td{font-size:11px}.cost-table-wrap td:nth-child(4),.cost-table-wrap td:nth-child(5){white-space:nowrap}#costsearch{padding:10px;width:100%;border:1px solid #a7c6cf;border-radius:5px}.rollbar{display:none}main{min-height:610px}#stage{min-height:360px}.toolbar label{font-size:10px}.concept{max-width:260px!important}.toolbar{gap:4px}.toolbar button{font-size:11px;padding:7px}#tip{max-width:330px}
@media(min-width:900px){main{grid-template-columns:minmax(0,1fr) 290px;height:calc(100dvh - 137px);min-height:650px}#stage{height:auto;min-height:360px;flex:1}aside{min-height:0;padding:15px;overflow:auto}.toolbar{flex-wrap:wrap}.toolbar label{margin-left:0}#motion{font-size:10px;min-width:190px}.phasebar{font-size:11px}.phasebar span{font-size:10px}.phasebar>b{font-size:9px;max-width:155px}.headlinks button{font-size:12px}}

/* Revision 8: pneumatic tray explanation */
[hidden]{display:none!important}#feederPanel{background:#eff7f8;padding:10px 13px;border-top:1px solid #bad3d9}#feederPanel small{display:block;font-size:10px;line-height:1.5;color:#52717b;font-weight:400;letter-spacing:0}.feedertools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.feedertools strong{font-size:10px;letter-spacing:.06em}.feedertools button{padding:6px 8px;font-size:11px}.feedertools label{font-size:11px;display:flex;align-items:center;gap:5px}.feedertools input{width:85px}.feederphase{display:flex;gap:12px;margin:10px 0;font-size:12px}.feederphase b{color:#0b666d;min-width:120px}#feederCaption{position:absolute;top:12px;left:14px;background:#ffffffed;border:1px solid #a8c4ce;border-radius:7px;padding:10px 12px;max-width:320px;pointer-events:none}#feederCaption b{font-size:10px;display:block;letter-spacing:.06em}#feederCaption span{display:block;font-size:11px;margin:6px 0}#feederCaption small{font-size:10px;letter-spacing:0;font-weight:400;line-height:1.5}#feederCaption i{display:inline-block;width:8px;height:8px;border-radius:50%}.orange{background:#ef9428}.purple{background:#9f5fbe}#stage{min-height:380px}aside .source-items small{overflow-wrap:anywhere}@media(max-width:900px){#stage{height:65vh;min-height:440px}.feederphase{flex-direction:column;gap:3px}}