/* MOTIONFORGE v2 modular controls */
.libraryHead{display:flex;justify-content:space-between;align-items:center;color:#a0d0e5;font-size:10px;letter-spacing:1.4px;margin:0 0 8px}.libraryHead span{color:#557991;font-size:9px}.familyFilters{display:flex;gap:4px;margin:0 0 8px}.familyFilters button{flex:1;min-width:0;padding:6px 2px;font-size:8px;letter-spacing:.4px;background:#0e1a25;border:1px solid #233848;color:#7799ab}.familyFilters button.active{background:#1b3848;color:#9ae7ff;border-color:#4c819c}.modeGrid{gap:5px;margin-bottom:18px}.mode{height:75px}.mode[hidden]{display:none}.actionRow{display:flex;gap:5px;margin:9px 0}.actionRow button{flex:1;min-width:0;padding:9px 5px;color:#9ac9df;font-size:10px;line-height:1.2}.actionRow button:disabled{opacity:.38;cursor:default}.cyclePanel{margin-bottom:22px}.cyclePanel canvas{width:100%;height:125px;border:1px solid #263c4c;background:#0a1520;border-radius:5px;display:block;touch-action:none;cursor:crosshair}.cycleStats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 3px}.cycleStat{padding:9px 8px;border:1px solid #213545;background:#111f2a;border-radius:4px}.cycleStat small{display:block;color:#728da2;font-size:9px;letter-spacing:.4px}.cycleStat strong{display:block;color:#c1dce8;font-size:14px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.microcopy{font-size:9px;color:#6e8ba0;margin:3px 0 8px}.comparison{color:#a7bace;font-size:10px;line-height:1.6;border-left:2px solid #a4ce9b;padding:8px 10px;background:#13242b;margin:8px 0}.comparison b{display:block;color:#b9e8b2;font-size:11px}.comparison[hidden]{display:none}.exportGrid{margin-bottom:9px}.exportGrid button{min-height:57px}.saveStatus{font-size:10px;color:#9ec4d6;line-height:1.5}.saveStatus.recording{color:#fa9890}.stageTools{flex-wrap:wrap;justify-content:flex-end}.stageTools button.activeMeasure{background:#265042;border-color:#579880;color:#b5f6cd}.stageTools button.recording{color:#ffa79f;background:#522924;border-color:#a75147}.metricHero{padding:18px 0}.readoutTitle{margin-top:17px}.analysis .cyclePanel{min-width:0}.fieldTag{color:#6ebacc}.exportGrid button:disabled{opacity:.4}.param:focus-within .paramHeading label{color:#a4dffc}.viewport.measureMode canvas{cursor:crosshair}.viewport.measureMode .canvasHint{color:#b7e7c2}.measureFloating{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);background:#16382c;border:1px solid #4f8a70;border-radius:5px;padding:5px 9px;font-size:10px;color:#b4efc5;pointer-events:none;white-space:nowrap}.metricHint{font-size:9px;color:#698da3;margin-top:2px}@media(min-width:1281px){.workspace{grid-template-columns:minmax(0,1fr) 304px 278px}.settings,.analysis{padding:16px 15px}}@media(max-width:940px) and (min-width:661px){.analysis{display:block}.analysis .panelHeader{margin-bottom:10px}.analysis .metricHero{float:left;width:32%;margin-right:3%}.analysis .metrics{float:left;width:31%;margin-right:3%}.analysis .cyclePanel{display:block}.analysis .sectionLabel{clear:both}.analysis .insights{display:block}.analysis .legend{margin:18px 0 0;display:flex}}@media(max-width:660px){.stageTop{height:auto;min-height:82px;align-items:flex-start;flex-wrap:wrap;gap:6px}.stageTools{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.stageTools::-webkit-scrollbar{display:none}.stageTools button{flex-shrink:0;font-size:9px;padding:6px 8px}.stagePanel{height:min(85dvh,720px);min-height:475px}.viewport{min-height:240px}.modeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode{height:78px}.mode b{font-size:20px}.mode small{font-size:8px}.analysis .cyclePanel canvas{height:140px}.cycleStats{grid-template-columns:repeat(4,minmax(0,1fr))}.cycleStat{padding:8px 5px}.cycleStat small{font-size:8px}.cycleStat strong{font-size:12px}.actionRow button{font-size:10px}.canvasHint{bottom:10px}}@media(max-width:365px){.modeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.speedControl{width:58px}.speedControl label{font-size:7px}.brandname{font-size:10px}.home{display:none}.familyFilters button{font-size:7px}}
#recipeSelect{width:100%;padding:10px;border-color:#345467;color:#abd7e6;background:#122a38;margin:0 0 9px;font-size:10px;letter-spacing:.2px}#recipeSelect:focus{border-color:#78c9e8}

.paramHeading label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.paramControls{display:flex;align-items:center;gap:4px;flex-shrink:0}
.paramHeading .numInput{width:72px;min-width:0;background:#0b1b28;border:1px solid #365266;border-radius:4px;color:#a6e4f8;text-align:right;padding:5px 5px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.paramHeading .numInput:focus{outline:1px solid #8cdef8;outline-offset:0}
.paramUnit{font-size:9px;color:#658a9d;min-width:13px;text-align:left}
.paramLock{border:1px solid #29475a;color:#6a90a5;background:transparent;border-radius:4px;padding:3px 5px;font-size:14px;height:27px;line-height:1}
.param.locked .paramLock{color:#bdedb0;border-color:#669b75;background:#18372b}
.param.locked .paramHeading label{color:#aad5bf}
@media(max-width:365px){.paramHeading .numInput{width:61px}}

.qaLink{display:block;margin-top:9px;color:#83cce8;font-size:10px;letter-spacing:.6px;text-decoration:none}.qaLink:hover{text-decoration:underline}

/* Phone workbench: keep mechanism visible during parameter editing. */
@media(max-width:660px) and (min-height:600px){
 .workspace{overflow:visible}
 .stagePanel{position:sticky;top:0;z-index:7;height:52dvh;min-height:350px;max-height:480px;box-shadow:0 9px 22px #0007;border-bottom:1px solid #476277}
 .stageTop{min-height:57px;padding:7px 10px}
 .stageSub{display:none}
 .stageTools button{font-size:9px;padding:6px 8px}
 .transport{height:66px;padding:6px 8px}
 .tracePanel{height:69px;padding:6px 10px}
 #graph{height:43px}
 .viewport{min-height:135px}
 .settings{position:relative;z-index:1}
 .analysis{position:relative;z-index:1}
}
@media(max-width:660px) and (max-height:599px){
 .stagePanel{position:relative;height:460px;min-height:420px;max-height:none}
 .viewport{min-height:160px}
}