/* EVOLVE 081 — responsive motion editor; constrained to the existing compact settings drawer. */
#ev-panel-motion .em81{display:grid;gap:11px;min-width:0;color:#d8e8f4}
#ev-panel-motion h3{font-size:1rem;margin:0;color:#f0f7ff}
#ev-panel-motion p{font-size:.76rem;line-height:1.5;margin:0;color:#a9c5d6}
#ev-panel-motion .em81-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}
#ev-panel-motion .em81-grid label{display:flex;flex-direction:column;gap:4px;font-size:.73rem;min-width:0}
#ev-panel-motion .em81-grid label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:6px}
#ev-panel-motion input:not([type=checkbox]):not([type=range]),#ev-panel-motion select{width:100%;min-width:0;background:#102637;color:#e3f2fa;border:1px solid #3b586d;border-radius:5px;padding:7px;font:inherit;font-size:.79rem}
#ev-panel-motion button{min-height:34px;padding:6px 9px;border:1px solid #406278;background:#183449;color:#d8ecf8;border-radius:5px;font:inherit;font-size:.76rem;cursor:pointer}
#ev-panel-motion button:hover:not(:disabled){background:#24516b}
#ev-panel-motion button:disabled{opacity:.43;cursor:not-allowed}
#ev-panel-motion button:focus-visible,#ev-panel-motion input:focus-visible,#ev-panel-motion select:focus-visible{outline:2px solid #90d7f4;outline-offset:2px}
#ev-panel-motion .em81-scrub{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:.75rem}
#ev-panel-motion .em81-scrub input{grid-column:1/-1;width:100%;accent-color:#89cdef;touch-action:pan-y}
#ev-panel-motion .em81-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#ev-panel-motion canvas{width:100%;height:auto;aspect-ratio:560/210;display:block;border:1px solid #31516a;border-radius:5px}
#ev-panel-motion .em81-table{max-height:140px;overflow:auto;border:1px solid #2c4557;border-radius:5px}
#ev-panel-motion table{width:100%;border-collapse:collapse;font-size:.73rem}
#ev-panel-motion caption{text-align:left;padding:6px;color:#bed5e6}
#ev-panel-motion th,#ev-panel-motion td{padding:5px 8px;text-align:left;border-top:1px solid #284253;font-variant-numeric:tabular-nums}
#ev-panel-motion .em81-help{border-top:1px solid #345165;padding-top:8px}
@media(max-width:480px){#ev-panel-motion .em81-grid{gap:6px}#ev-panel-motion button{font-size:.72rem;min-height:38px}#ev-panel-motion .em81-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#ev-panel-motion button{transition:none}}


/* Build 082 signal-routing patch: compact, scrollable controls beside the live canvas. */
#ev-panel-motion .em82-patch{border:1px solid #3b586d;border-radius:7px;padding:9px;background:#0c1d2a;min-width:0}
#ev-panel-motion .em82-patch summary{font-size:.84rem;font-weight:700;color:#e1f2fb;cursor:pointer;padding:5px 0;touch-action:manipulation}
#ev-panel-motion .em82-patch summary small{font-weight:400;color:#95b8ca}
#ev-panel-motion .em82-patch>p{margin:7px 0 11px}
#ev-panel-motion .em82-patch .em81-grid{margin:9px 0}
#ev-panel-motion .em82-patch .em81-actions{margin-top:10px}
#ev-panel-motion .em82-patch canvas{aspect-ratio:560/180;margin:8px 0}
#ev-panel-motion .em82-patch select{max-width:100%;text-overflow:ellipsis}
@media(max-width:390px){#ev-panel-motion .em82-patch{padding:6px}#ev-panel-motion .em82-patch .em81-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}