kino_ethercat

.ke-visualizer{--ke-panel: #fcfbf8;--ke-panel-alt: #f4f1e8;--ke-line: #d0c6b3;--ke-line-strong: #aa9d84;--ke-ink: #1f2933;--ke-muted: #5c6773;--ke-accent: #0f766e;--ke-warn: #9a6700;border:1px solid var(--ke-line-strong);border-radius:8px;background:var(--ke-panel);color:var(--ke-ink);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}.ke-visualizer__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:end;padding:.8rem .9rem;border-bottom:1px solid var(--ke-line)}.ke-visualizer__heading{display:grid;gap:.2rem}.ke-visualizer__title{font-size:.95rem;font-weight:700}.ke-visualizer__meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;color:var(--ke-muted);font-size:.76rem}.ke-visualizer__status{display:inline-flex;align-items:center;min-height:1.3rem;padding:0 .35rem;border:1px solid var(--ke-line-strong);border-radius:4px;background:var(--ke-panel-alt);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:700;color:var(--ke-muted)}.ke-visualizer__status--not_running{color:var(--ke-warn);border-color:#c89e50;background:#f6e5b6}.ke-visualizer__status--ok{color:var(--ke-accent);border-color:#6bb8af;background:#d8efeb}.ke-visualizer__controls{display:flex;flex-wrap:wrap;gap:.45rem;align-items:end}.ke-visualizer__control{display:grid;gap:.22rem;color:var(--ke-muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ke-visualizer__input{width:4.25rem;min-height:2rem;border:1px solid var(--ke-line-strong);border-radius:6px;padding:.35rem .5rem;background:#fff;color:var(--ke-ink);font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.76rem;outline:none;box-sizing:border-box}.ke-visualizer__input:focus{border-color:var(--ke-accent);box-shadow:0 0 0 2px #0f766e1f}.ke-visualizer__button{min-height:2rem;border:1px solid var(--ke-accent);border-radius:6px;padding:.35rem .7rem;background:var(--ke-accent);color:#fff;font-size:.74rem;font-weight:700;cursor:pointer}.ke-visualizer__button:hover{background:#0b645e}.ke-visualizer__body{padding:.75rem .9rem .9rem}.ke-visualizer__list-header{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2rem;align-items:center;gap:.5rem;padding:0 .5rem .35rem 2rem;color:var(--ke-muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ke-visualizer__list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.ke-visualizer__row{display:grid;grid-template-columns:1.5rem 2.5rem minmax(0,1fr) 2rem;align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem .5rem;border:1px solid var(--ke-line);border-radius:6px;background:var(--ke-panel-alt)}.ke-visualizer__row--dragging{border-color:var(--ke-accent);background:#eef7f5}.ke-visualizer__handle,.ke-visualizer__remove{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:4px;background:transparent;color:var(--ke-muted);cursor:pointer}.ke-visualizer__handle{cursor:grab}.ke-visualizer__handle:active{cursor:grabbing}.ke-visualizer__handle:hover,.ke-visualizer__remove:hover{background:#1f29330f}.ke-visualizer__position,.ke-visualizer__name,.ke-visualizer__input{font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,ui-monospace,monospace}.ke-visualizer__position{color:var(--ke-muted);font-size:.74rem}.ke-visualizer__name{min-width:0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ke-visualizer__empty{margin:.75rem .9rem .9rem;padding:.8rem;border:1px dashed var(--ke-line-strong);border-radius:6px;background:var(--ke-panel-alt);color:var(--ke-muted);font-size:.8rem;line-height:1.45}@media (max-width: 640px){.ke-visualizer__toolbar{align-items:stretch}.ke-visualizer__controls{justify-content:space-between}.ke-visualizer__list-header{padding-left:1.65rem}}