.mjas-root{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.mjas-root *,.mjas-root *:before,.mjas-root *:after{box-sizing:inherit}.mjas-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;width:100%;min-width:0;padding:clamp(.8rem,2.5vw,1.1rem);border:1px solid rgba(12,74,110,.2);border-radius:8px;background:linear-gradient(135deg,#f1f5f9fa,#e0f2fee6),repeating-linear-gradient(135deg,rgba(14,116,144,.07) 0 1px,transparent 1px 18px);color:#0f172a;box-shadow:0 20px 60px #0f172a21}.theme-dark .mjas-shell{border-color:#7dd3fc40;background:linear-gradient(135deg,#020617f5,#0c4a6ec2),repeating-linear-gradient(135deg,rgba(103,232,249,.08) 0 1px,transparent 1px 18px);color:#e0f2fe}.mjas-stage{--mjas-canvas-bg: #f8fafc;--mjas-grid: rgba(14, 116, 144, .16);--mjas-line: #0e7490;--mjas-node: #ca8a04;--mjas-hot-node: #e11d48;position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(14,116,144,.24);border-radius:8px;background:#f8fafc;cursor:crosshair;touch-action:none}.theme-dark .mjas-stage{--mjas-canvas-bg: #030712;--mjas-grid: rgba(186, 230, 253, .12);--mjas-line: #67e8f9;--mjas-node: #facc15;--mjas-hot-node: #f43f5e}.mjas-canvas{display:block;width:100%;height:100%;min-height:520px}.mjas-canvas-copy{position:absolute;inset:auto 1rem 1rem;display:grid;gap:.35rem;max-width:34rem;pointer-events:none}.mjas-canvas-copy span{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .55rem;border:1px solid rgba(14,116,144,.22);border-radius:999px;background:#ffffffdb;color:#0f5f76;font-size:.78rem;font-weight:900;text-transform:uppercase}.mjas-canvas-copy svg{width:1rem;height:1rem}.mjas-canvas-copy strong{color:#0f172a;font-size:clamp(1.3rem,4.5vw,2.2rem);line-height:1.08;text-shadow:0 2px 18px rgba(255,255,255,.78)}.mjas-canvas-copy small{color:#334155;font-size:.95rem;font-weight:700;line-height:1.35}.theme-dark .mjas-canvas-copy span{border-color:#7dd3fc3d;background:#082f49b8;color:#bae6fd}.theme-dark .mjas-canvas-copy strong{color:#f8fafc;text-shadow:0 2px 18px rgba(0,0,0,.7)}.theme-dark .mjas-canvas-copy small{color:#cbd5e1}.mjas-console{display:grid;gap:.75rem;align-content:start;min-width:0}.mjas-status,.mjas-score-grid>div,.mjas-readouts>div,.mjas-sensitivity,.mjas-log{border:1px solid rgba(14,116,144,.18);border-radius:8px;background:#ffffffbf}.theme-dark .mjas-status,.theme-dark .mjas-score-grid>div,.theme-dark .mjas-readouts>div,.theme-dark .mjas-sensitivity,.theme-dark .mjas-log{border-color:#7dd3fc29;background:#0f172a94}.mjas-status{display:grid;grid-template-rows:auto minmax(4.4rem,auto) minmax(2.6rem,auto);gap:.2rem;padding:1rem}.mjas-status span,.mjas-score-grid span,.mjas-readouts span,.mjas-sensitivity span,.mjas-log-head{color:#475569;font-size:.76rem;font-weight:900;text-transform:uppercase}.theme-dark .mjas-status span,.theme-dark .mjas-score-grid span,.theme-dark .mjas-readouts span,.theme-dark .mjas-sensitivity span,.theme-dark .mjas-log-head{color:#bae6fd}.mjas-status strong{font-size:clamp(2.6rem,9vw,4.6rem);line-height:.95}.mjas-status small{display:block;min-height:2.6rem;color:#334155;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.mjas-status small[data-state=healthy]{color:#047857}.mjas-status small[data-state=jitter],.mjas-status small[data-state=mixed]{color:#be123c}.mjas-status small[data-state=snapping]{color:#b45309}.theme-dark .mjas-status small{color:#dbeafe}.theme-dark .mjas-status small[data-state=healthy]{color:#86efac}.theme-dark .mjas-status small[data-state=jitter],.theme-dark .mjas-status small[data-state=mixed]{color:#fda4af}.theme-dark .mjas-status small[data-state=snapping]{color:#fde68a}.mjas-score-grid,.mjas-readouts,.mjas-actions{display:grid;gap:.65rem}.mjas-score-grid,.mjas-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.mjas-score-grid>div,.mjas-readouts>div{display:grid;grid-template-rows:minmax(1.9rem,auto) minmax(2.35rem,auto);gap:.2rem;min-width:0;padding:.85rem}.mjas-score-grid strong,.mjas-readouts strong{display:flex;align-items:end;min-height:2.35rem;overflow-wrap:anywhere;font-size:clamp(1.35rem,5vw,2rem);line-height:1.05}.mjas-sensitivity{display:grid;grid-template-rows:minmax(1.2rem,auto) minmax(1.5rem,auto) auto;gap:.55rem;padding:.85rem}.mjas-sensitivity b{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;color:#0369a1;font-style:normal}.mjas-sensitivity em{color:#64748b;font-style:normal;font-size:.78rem}.theme-dark .mjas-sensitivity b{color:#67e8f9}.theme-dark .mjas-sensitivity em{color:#cbd5e1}.mjas-sensitivity input{width:100%;accent-color:#0ea5e9}.mjas-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;border:0;border-radius:8px;background:#0f172a;color:#fff;cursor:pointer;font:inherit;font-weight:900;padding:.7rem .65rem}.mjas-actions svg{flex:0 0 auto;width:1rem;height:1rem}.theme-dark .mjas-actions button{background:#e0f2fe;color:#082f49}.mjas-shift{margin:0;min-height:4.35rem;padding:.75rem .85rem;border:1px solid rgba(202,138,4,.24);border-radius:8px;background:#fef9c3d1;color:#713f12;font-size:.9rem;font-weight:750;line-height:1.35}.theme-dark .mjas-shift{border-color:#facc1538;background:#713f1266;color:#fef3c7}.mjas-log{display:grid;grid-auto-rows:minmax(2.2rem,auto);gap:.45rem;min-height:8.8rem;height:13rem;max-height:13rem;overflow:auto;margin:0;padding:.75rem;list-style:none}.mjas-log li,.mjas-empty{padding:.55rem .65rem;border-radius:8px;background:#e0f2fec7;color:#0f172a;font-size:.86rem;font-weight:800;overflow-wrap:anywhere}.mjas-log li.jitter{background:#ffe4e6e6;color:#9f1239}.mjas-log li.snapping{background:#fef3c7e6;color:#92400e}.theme-dark .mjas-log li,.theme-dark .mjas-empty{background:#082f49b8;color:#dbeafe}.theme-dark .mjas-log li.jitter{background:#88133794;color:#ffe4e6}.theme-dark .mjas-log li.snapping{background:#78350f94;color:#fef3c7}@media(max-width:880px){.mjas-shell{grid-template-columns:1fr}.mjas-stage,.mjas-canvas{min-height:430px}}@media(max-width:520px){.mjas-shell{padding:.7rem}.mjas-score-grid,.mjas-readouts,.mjas-actions{grid-template-columns:1fr}.mjas-stage,.mjas-canvas{min-height:360px}}