:root{--bg:#101819;--panel:#192426;--raised:#213033;--line:#2d3b3d;--text:#e4eeea;--muted:#93a5a3;--teal:#9be1c1;--orange:#eab07e;--red:#ee8c7d;--blue:#8dc9df;font:13px Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:transparent;color:var(--text);cursor:pointer;transition:background .18s,color .18s}button:hover:not(:disabled){background:#304341}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}a{color:var(--teal);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}button[hidden],[hidden]{display:none!important}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#141e20;padding:31px 18px;display:flex;flex-direction:column;z-index:5;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:19px;letter-spacing:.8px;padding:0 12px}.brand b{font-weight:300}.brand small{display:block;font-size:7px;letter-spacing:2px;color:var(--muted);margin-top:7px}.brand-icon{display:flex;align-items:center;justify-content:center;width:35px;height:44px;color:var(--teal);font-size:42px;line-height:1}.nav-label{font-size:8px;letter-spacing:1.8px;color:#6d8583;margin:47px 12px 18px}.industry{display:flex;gap:12px;align-items:center;text-align:left;border-color:transparent;width:100%;padding:15px 12px;margin-bottom:6px;border-radius:8px;font-size:12px}.industry>span:first-child{font-size:23px;width:26px;text-align:center}.industry small{display:block;font-size:8px;color:#829a96;margin-top:7px;line-height:1.5}.industry b{margin-left:auto;color:var(--teal);visibility:hidden;font-size:14px}.industry.active{background:#263b36;border-color:#3b5549;color:#c8f0da}.industry.active b{visibility:visible}.industry.future{color:#637a76}.industry.future small{color:#637a76}.soon{font-size:7px;letter-spacing:1px;padding:5px;border:1px solid #344642;border-radius:4px;margin-left:auto}.nav-divider{height:1px;background:var(--line);margin:24px 12px}.nav-button{text-align:left;border:0;font-size:11px;color:#a1b3ae;margin:3px 0;padding:12px}.sidebar-bottom{margin-top:auto;padding:40px 12px 8px}.tiny{font-size:7px;letter-spacing:1.4px;color:#809c91}.sidebar-bottom h3{font-size:29px;font-weight:300;line-height:1.25;letter-spacing:-.7px;margin:20px 0 15px}.sidebar-bottom p{font-size:10px;color:#7c9591}.simulation-badge{font-size:7px;letter-spacing:.7px;display:flex;gap:7px;align-items:center;margin-top:28px;white-space:nowrap}.simulation-badge i,.dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block}.workspace{margin-left:236px;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 34px;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{font-size:8px;letter-spacing:1.5px;color:#7e9790}.slash{padding:0 16px;color:#5c7770}.top-tools{display:flex;gap:8px;align-items:center}.top-tools button{font-size:10px}.clock-label{font-size:8px;letter-spacing:1px;color:#749088;margin-right:12px}.clock-label strong{font:11px monospace;color:#d4e5dc;letter-spacing:.7px;margin-left:10px}main{max-width:1750px;margin:auto;padding:31px 34px 0}.intro-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--teal);margin-bottom:17px;font-weight:600}h1{font-size:clamp(34px,3.4vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.07;margin-bottom:17px}h1 span{color:#a3b9ad}#intro{font-size:12px;color:var(--muted);max-width:620px;margin-bottom:0}.live-tile{align-self:center;min-width:235px;padding:25px 0 25px 30px;border-left:1px solid #3a4b44}.live-label{font-size:7px;letter-spacing:1.5px;color:var(--teal);display:flex;gap:7px;align-items:center}.live-tile>strong{font-size:38px;font-weight:300;display:flex;gap:12px;align-items:center;margin:17px 0 10px}.live-tile>strong small{font-size:11px;max-width:85px;line-height:1.4;color:#a9beb4;font-weight:400}.live-tile p{font-size:8px;color:#779184;margin:0}.role-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-bottom:20px}.role-row>span:first-child{font-size:8px;letter-spacing:1.3px;color:#9eb3aa}.role-tabs{display:flex;gap:4px;background:#192628;border:1px solid var(--line);border-radius:7px;padding:4px}.role-tabs button{font-size:10px;padding:8px 13px;border:0;color:#90aaa0}.role-tabs button.active{background:#d7ead6;color:#274434}.role-note{font-size:8px;color:#6e8780;margin-left:auto}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpis article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px 20px;position:relative;overflow:hidden}.kpis article>span{font-size:8px;letter-spacing:1.2px;color:#8fa79c}.kpis article>strong{display:block;font-size:33px;font-weight:400;letter-spacing:-.8px;margin:13px 0 8px;font-variant-numeric:tabular-nums}.kpis article strong small{font-size:13px;font-weight:400;color:#849f93;letter-spacing:0}.kpis article>small{display:block;font-size:9px;color:#6f8c80}.metric-accent{position:absolute;height:2px;bottom:0;left:20px;width:25px;background:#8bc7aa}.kpis article:nth-child(2) .metric-accent{background:var(--orange)}.kpis article:nth-child(3) .metric-accent{background:var(--blue)}.experience-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.panel-bar{min-height:56px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:11px}.panel-bar>div{display:flex;align-items:center;gap:9px}.panel-bar strong{font-size:11px;font-weight:500}.panel-bar>span{color:#8aa69a;font-size:8px;letter-spacing:.7px}.subtle{font-size:7px;letter-spacing:1px;color:#799285}.camera-controls button{font-size:9px;padding:6px 10px;color:#94a99e}.camera-controls button.active{background:#324c40;color:#c6e8d0;border-color:#466450}#stage{position:relative;width:100%;height:425px;background:#202e30}#stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-label{position:absolute;top:21px;left:22px;pointer-events:none;z-index:1}.stage-label>span{font-size:8px;letter-spacing:1.6px;color:#d5e8dc}.stage-label small{display:block;font-size:8px;color:#93ada4;margin-top:8px}.stage-key{position:absolute;bottom:63px;left:20px;display:flex;gap:15px;pointer-events:none}.stage-key>span{font-size:8px;color:#a7bcb1;display:flex;gap:5px;align-items:center}.stage-key i{width:5px;height:5px;border-radius:50%;display:block}.green{background:var(--teal)}.orange{background:var(--orange)}.red{background:var(--red)}.asset-caption{position:absolute;bottom:16px;left:20px;right:20px;background:#14211ed9;border:1px solid #405e4f;backdrop-filter:blur(8px);padding:11px 14px;border-radius:6px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.asset-caption strong{font-size:10px;font-weight:500}.asset-caption span{font-size:8px;color:#9cb4a8}.playback{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:15px 16px;border-bottom:1px solid var(--line)}.playback button{font-size:10px;padding:9px 11px}.primary{background:var(--teal);color:#173629;border-color:var(--teal)}.primary:hover:not(:disabled){background:#b8f0d3}.playback label{font-size:8px;color:#88a195;display:flex;align-items:center;gap:8px;margin-left:auto}.playback select,select{background:#263a31;border:1px solid #3b5445;color:#c5dfce;border-radius:5px;padding:5px 8px;font-size:10px}.playback>span{font-size:7px;color:#728e80}.scenario-section{padding:17px}.mini-heading{font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between;color:#a9bdb1;margin-bottom:12px}.mini-heading span:last-child{letter-spacing:0;color:#779285;font-size:8px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scenario-grid button{text-align:left;font-size:10px;padding:12px 10px;border-radius:7px;line-height:1.4;background:#1c2c29;min-height:65px}.scenario-grid button>small{display:block;font-size:8px;color:#7e9a8a;margin-top:5px}.scenario-grid button.active{border-color:#7fa98a;background:#2a4033}.device-body{padding:21px 18px}.device-picker{font-size:8px;letter-spacing:1.2px;color:#829e8e}.device-picker select{display:block;width:100%;margin:10px 0 22px;padding:10px;background:#22332d;font-size:11px}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.device-heading h2{font-size:25px;font-weight:400;margin:0;letter-spacing:-.8px}.status-badge{padding:5px 7px;border:1px solid #3c614e;border-radius:4px;color:#9ed3b3;font-size:7px;letter-spacing:.7px;white-space:nowrap}.status-badge.warning{color:var(--orange);border-color:#806043}.status-badge.danger{color:var(--red);border-color:#764941}.device-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px}.device-stats span{font-size:8px;color:#81998c;display:block;margin-bottom:7px}.device-stats strong{font-size:18px;font-weight:400;color:#c5dbcb}.role-section-title{font-size:8px;letter-spacing:1.3px;color:#99bba3;margin:0 0 12px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-buttons button{font-size:9px;padding:10px;line-height:1.4;background:#23372c}.action-buttons .full{grid-column:1/-1}.action-buttons button.active{background:#3b604a;border-color:#628568;color:#e0edce}.role-copy{font-size:10px;color:#8ca795;margin:14px 0;line-height:1.7}.controller-modes{display:flex;gap:6px;margin-bottom:12px}.controller-modes button{flex:1;font-size:9px}.controller-modes button.active{background:#c6dfbc;color:#27422c;border-color:#c6dfbc}.insight{padding:16px;background:#1d3027;border:1px solid #314d3a;border-radius:8px;margin-top:19px}.insight>span{font-size:7px;letter-spacing:1.3px;color:#9fc69b}.insight p{font-size:10px;color:#93ad95;margin:10px 0 0;line-height:1.7}#action-feedback{font-size:10px;color:var(--orange);line-height:1.6;margin-top:14px;margin-bottom:0;min-height:16px}.team-strip{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:10px}.team-strip span{color:#91ab99}.team-strip strong{font-weight:500}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:20px}.chart-wrap{padding:17px 20px 2px}.chart-wrap svg{width:100%;height:190px;display:block}.chart-footer{display:flex;justify-content:space-between;gap:14px;padding:13px 20px 20px;font-size:8px;color:#7f9b89;line-height:1.5}.chart-footer span:last-child{font-size:7px;letter-spacing:1px;white-space:nowrap}.event-panel ol{list-style:none;padding:0 18px;margin:0;max-height:242px;overflow:auto}.event-panel li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}.event-panel .event-mark{width:6px;height:6px;background:var(--teal);border-radius:50%;margin-top:4px;flex-shrink:0}.event-panel .event-mark.critical{background:var(--red)}.event-panel .event-mark.warning{background:var(--orange)}.event-panel li p{font-size:10px;color:#b0c5b6;line-height:1.5;margin:0 0 6px}.event-panel li small{font-size:7px;letter-spacing:.7px;color:#6c8e78}.device-list-panel{margin-top:20px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead th{font-size:8px;letter-spacing:.8px;color:#789981;font-weight:400;padding:15px 20px;background:#1c2a25}tbody td{font-size:10px;padding:14px 20px;color:#adbfaf;border-top:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover{background:#243b2c}tbody tr.selected{background:#263d2c}tbody td:first-child{color:#d3e9cc;font-weight:500}.disclosure{font-size:9px;color:#6e8d79;line-height:1.7;margin:20px 0}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#5f826d;gap:14px}#scene-fallback{position:absolute;inset:0;background:#20352a;display:flex;align-items:center;justify-content:center;padding:55px;text-align:center;font-size:13px;line-height:1.8;z-index:2}dialog{background:#182925;color:var(--text);border:1px solid #466550;border-radius:15px;max-width:1100px;width:calc(100% - 50px);max-height:90vh;padding:35px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#07100dcc;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head .eyebrow{margin:0}.modal-head button{border:0;font-size:20px;padding:5px 10px}dialog>h2{font-size:38px;letter-spacing:-1px;font-weight:400;line-height:1.15}dialog>p{color:#9db7a4;font-size:12px;max-width:780px}.architecture{display:flex;gap:10px;align-items:center;margin:30px 0}.architecture article{flex:1;background:#243b2b;border:1px solid #39553a;padding:20px 15px;border-radius:9px;align-self:stretch}.architecture>b,.architecture>span{color:#96bc8b}.architecture b{font-size:8px;letter-spacing:1.1px;color:#9fcc8d}.architecture h3{font-size:16px;font-weight:500;margin:16px 0 10px}.architecture p{font-size:10px;color:#9eb69c;margin-bottom:0}.blueprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.blueprint-grid h3{font-weight:500;font-size:18px}.blueprint-grid p{font-size:11px;color:#a4b9a2}.blueprint-grid a{font-size:10px}.guide-list{padding-left:23px}.guide-list li{padding:8px 0 8px 8px}.guide-list b{font-size:14px;font-weight:500}.guide-list p{font-size:12px;color:#9db7a4;margin:10px 0}.modal-note{border-top:1px solid var(--line);padding-top:20px;font-size:10px!important}.presentation .sidebar{display:none}.presentation .workspace{margin-left:0}.presentation #stage{height:52vh;min-height:430px}.presentation main{max-width:1700px}.presentation .intro-row h1 br{display:none}.presentation .intro-row h1{font-size:36px}.presentation .intro-row{margin-bottom:20px}.presentation .live-tile{display:none}.presentation .role-row{border-top:0;padding-top:0}.presentation .topbar{height:62px}
body.farm-theme{--teal:#9adce3;--panel:#19272b;--raised:#22383c}body.farm-theme .industry.active{background:#244049;border-color:#39636b;color:#bbebea}body.farm-theme .role-tabs button.active{background:#b8e0df;color:#203b42}body.farm-theme .metric-accent{background:#86d3de}
@media(min-width:1600px){#stage{height:500px}.experience-grid{grid-template-columns:minmax(0,1fr) 325px}.device-body{padding:24px}.scenario-grid button{font-size:12px;padding:14px}.scenario-grid button>small{font-size:9px}}
@media(max-width:1250px){.sidebar{width:198px;padding:25px 12px}.workspace{margin-left:198px}.brand{font-size:15px;gap:5px;padding:0 10px}.brand small{font-size:6px}.industry{gap:7px;padding:13px 9px;font-size:11px}.industry small{font-size:7px}.industry>span:first-child{font-size:21px}.nav-label{font-size:7px}.sidebar-bottom h3{font-size:26px}.tiny{font-size:6px}.simulation-badge{font-size:6px}.topbar{padding:0 24px}main{padding:27px 24px 0}.experience-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.kpis article{padding:16px}.kpis{gap:10px}.kpis article>strong{font-size:28px}.live-tile{min-width:200px;padding-left:22px}.role-note{display:none}.panel-bar{padding:14px}.panel-bar .subtle{display:none}.scenario-grid{grid-template-columns:1fr 1fr}.scenario-grid button{min-height:53px}.scenario-section{padding:15px}.playback label{margin-left:0}.playback>span{width:100%;margin-top:4px}.lower-grid{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.chart-footer{flex-direction:column;gap:5px}.asset-caption span{display:none}.stage-key{gap:9px}.stage-key span{font-size:7px}}
@media(max-width:1000px){.sidebar{position:static;width:auto;padding:18px 20px;flex-direction:row;align-items:center;gap:8px;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;overflow:visible}.sidebar .brand{margin-right:auto;padding:0}.nav-label,.sidebar-bottom,.nav-divider,.future,.nav-button{display:none}.sidebar .industry{width:auto;margin:0;padding:10px;gap:8px}.industry small,.industry b{display:none}.workspace{margin-left:0}.topbar{height:60px}.intro-row{gap:15px}.live-tile{min-width:180px}.experience-grid{grid-template-columns:minmax(0,1fr) 270px}.role-tabs button{font-size:10px}.top-tools button{font-size:9px}main{padding-top:25px}.presentation .sidebar{display:none}}
@media(max-width:760px){.sidebar{padding:15px;gap:5px}.sidebar .brand{font-size:14px}.brand-icon{width:25px;height:32px;font-size:32px}.brand small{font-size:5px;letter-spacing:1px}.sidebar .industry{font-size:9px;padding:9px 7px;gap:5px}.industry>span:first-child{font-size:17px;width:19px}.topbar{padding:0 16px;font-size:9px;height:55px}.breadcrumb,.slash{display:none}.clock-label{font-size:6px;margin:0;letter-spacing:.4px}.clock-label strong{font-size:9px;margin-left:4px}.top-tools{gap:5px}.top-tools button{font-size:8px;padding:7px}main{padding:24px 16px 0}.intro-row{margin-bottom:20px}.intro-row h1{font-size:39px;letter-spacing:-1.4px}.live-tile{display:none}#intro{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.4px}.role-row{gap:9px;padding-top:15px}.role-row>span:first-child{font-size:7px}.role-tabs{gap:0;padding:3px}.role-tabs button{font-size:9px;padding:8px 10px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis article{padding:16px}.kpis article>span{font-size:7px}.kpis article>strong{font-size:29px}.kpis article>small{font-size:8px}.experience-grid,.lower-grid{grid-template-columns:1fr;gap:16px}.scenario-grid{grid-template-columns:repeat(4,1fr);gap:6px}.scenario-grid button{font-size:9px;padding:10px 8px}.scenario-grid button small{font-size:7px}#stage{height:395px}.playback>span{width:auto;margin:0}.playback label{margin-left:auto}.device-body{padding:20px}.device-picker select{margin-bottom:18px}.device-stats{grid-template-columns:repeat(4,1fr);gap:8px}.device-stats strong{font-size:17px}.device-stats span{font-size:7px}.device-heading h2{font-size:23px}.insight{margin-top:15px}.lower-grid{margin-top:16px}.chart-footer{flex-direction:row}.event-panel ol{max-height:230px}.topbar #export{display:none}.device-list-panel{margin-top:16px}.table-scroll th,.table-scroll td{padding:13px 15px}.disclosure{font-size:8px}footer{font-size:6px;letter-spacing:.6px;flex-wrap:wrap}dialog{padding:23px;width:calc(100% - 24px)}dialog>h2{font-size:30px}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:12px}.architecture>span{display:none}.blueprint-grid{grid-template-columns:1fr}.presentation .intro-row h1{font-size:30px}.presentation #stage{min-height:350px}.device-panel .panel-bar{font-size:12px}}
@media(max-width:420px){.sidebar .industry>span:first-child{display:none}.role-tabs button{padding:8px}.role-row>span:first-child{display:none}.scenario-grid{grid-template-columns:1fr 1fr}.playback label{margin-left:0}.playback>span{font-size:6px}.device-stats{grid-template-columns:1fr 1fr}.chart-footer span:last-child{display:none}}
.mobile-links{display:flex;gap:8px;margin-top:18px}.mobile-links button{font-size:9px;color:#9fbea6;border-color:#355140}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

body.greenhouse-theme{--teal:#bee39f}body.greenhouse-theme .industry.active{background:#35472f;border-color:#658552}body.greenhouse-theme .scenario-grid{grid-template-columns:repeat(3,1fr)}#greenhouse-metric{max-width:145px}body.greenhouse-theme .status-badge{font-size:6px}@media(max-width:760px){body.greenhouse-theme .scenario-grid{grid-template-columns:repeat(2,1fr)}.sidebar .industry{flex-shrink:0}.chart-panel .panel-bar{flex-wrap:wrap}}
.sewing-live{padding:18px;background:#17282d;border-top:1px solid #3d565b}.device-replica{border:8px solid #0b141b;border-radius:13px;background:#081c2e;padding:16px;box-shadow:0 6px 20px #0004;color:#e6f5ff}.replica-header{display:flex;gap:12px;align-items:center;color:#9ce5f1;font-size:10px;letter-spacing:1px;border-bottom:1px solid #254355;padding-bottom:13px}.replica-header #iot-state{margin-left:auto;color:#86ecc2;font-size:9px}.replica-header #iot-state.fault{color:#ff907c}.replica-operator{display:flex;align-items:baseline;gap:10px;margin:15px 0 18px}.replica-operator>span{font-size:8px;color:#91b4cc;letter-spacing:1px}.replica-operator strong{font-size:21px;font-weight:500}.replica-operator small{color:#7099b3;font-size:8px;margin-left:auto}.replica-readings{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.replica-readings span,.replica-readings small{display:block;color:#91b4cc;font-size:8px;line-height:1.5}.replica-readings strong{display:block;font:500 32px monospace;margin:8px 0 4px}.replica-readings>div:nth-child(2) strong{color:#81e4f0}.device-replica>p{font-size:8px;color:#729db5;border-top:1px solid #254355;padding-top:12px;margin:14px 0 0}.repair-demo{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.repair-demo>div{flex:1}.repair-demo b{font-size:13px;font-weight:500}.repair-demo p{font-size:10px;color:#a1b8b7;margin:7px 0 0}.repair-demo>button{font-size:11px}.repair-demo ol{list-style:none;display:flex;gap:6px;padding:0;margin:5px 0 0;width:100%}.repair-demo li{flex:1;border-top:3px solid #3a4b50;padding-top:9px;font-size:9px;color:#6f9097}.repair-demo li.active{border-color:#eab07e;color:#f6d7b8}.repair-demo li.done{border-color:#8fe0b1;color:#8fe0b1}#repair-caption{width:100%;min-height:28px}.twin>.panel-bar{flex-wrap:wrap}.camera-controls{flex-wrap:wrap}.camera-controls button{padding:6px 8px}.sewing-live~.scenario-section .scenario-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1250px){.replica-readings{grid-template-columns:repeat(2,1fr)}.replica-operator small{display:none}.replica-header{font-size:8px;gap:7px}.repair-demo>button{width:100%}}
@media(max-width:760px){.replica-readings{grid-template-columns:repeat(4,1fr);gap:8px}.replica-readings strong{font-size:25px}.replica-readings span{font-size:7px}.replica-operator small{display:block}.sewing-live{padding:12px}.twin>.panel-bar{gap:12px}.replica-header{font-size:9px}}
@media(max-width:420px){.replica-readings{grid-template-columns:repeat(2,1fr)}.replica-operator small{display:none}.repair-demo li{font-size:8px}}