.monitor-controls{display:grid;gap:14px;min-width:0;padding:18px 20px;border-top:1px solid var(--border,#ddd8cf)}.monitor-controls h3{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.08em}.monitor-controls select{width:100%;background:#faf8f3;color:#353932;border:1px solid #d8d6cc;border-radius:8px;padding:10px 8px;font:inherit;font-size:12px}.monitor-help{margin:0;font-size:12px;line-height:1.6;color:#73766d}.monitor-range{display:grid;gap:8px;font-size:12px}.monitor-range>span{display:flex;justify-content:space-between}.monitor-range input{width:100%;accent-color:#bb754d}.monitor-button-row{display:flex;gap:8px}.monitor-button-row button,.monitor-socket>button{border:1px solid #d9d6cb;border-radius:8px;padding:9px 12px;background:#f7f5f0;color:#444b42;font:inherit;font-size:12px;cursor:pointer}.monitor-button-row button[aria-pressed=true]{background:#e9eee3;border-color:#a6b395}.monitor-coordinate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.monitor-coordinate-grid label{display:grid;gap:5px;font-size:10px;color:#6a7066}.monitor-coordinate-grid input{width:100%;min-width:0;padding:8px 4px;border:1px solid #d8d6cc;border-radius:7px;background:#faf8f3;color:#333}.monitor-socket{display:grid;gap:9px;padding:12px;background:#f1f1e9;border-radius:10px;font-size:12px}.monitor-scene-hint{white-space:nowrap;background:#292f2b;color:#fff;font:11px/1.4 system-ui;padding:7px 11px;border-radius:8px;pointer-events:none;box-shadow:0 4px 20px #0002}.monitor-controls>*{min-width:0}.monitor-controls .wide-action{white-space:normal;overflow-wrap:anywhere}.monitor-controls select{min-width:0}.monitor-demo-navigation{position:fixed;left:94px;top:166px;z-index:30;display:flex;flex-direction:column;gap:10px;padding:15px;background:rgba(250,248,242,.94);border:1px solid #dedbd3;border-radius:12px;box-shadow:0 8px 30px #1719160b;font-size:12px}.monitor-demo-navigation>span{font-size:9px;letter-spacing:.17em;color:#696c62}.monitor-demo-navigation>div{display:flex;gap:3px}.monitor-demo-navigation a{padding:8px 11px;border-radius:6px;color:#4f554d;text-decoration:none}.monitor-demo-navigation a[aria-current=page]{background:#26332b;color:white}.monitor-demo-navigation>button{background:none;border:none;text-align:left;font:inherit;color:#8c4c30;cursor:pointer}@media(max-width:800px){.monitor-demo-navigation{left:75px;top:140px;padding:9px;gap:6px}.monitor-demo-navigation a{padding:6px}}