:root{color-scheme:light dark;font-family:Segoe UI,system-ui,sans-serif}body{margin:0;background:#0e1217;color:#f5f7fb}.app{max-width:960px;margin:0 auto;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.75rem}.status{display:flex;align-items:center;gap:1rem;background:#151b24;border-radius:12px;padding:1rem 1.25rem;border-left:4px solid #1f2937}.status--connected{border-left-color:#22c55e}.status--idle{border-left-color:#ef4444}.status-indicator{width:12px;height:12px;border-radius:50%;background:#4b5563}.status--connected .status-indicator{background:#22c55e;box-shadow:0 0 8px #22c55e99}.status--idle .status-indicator{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-title{font-weight:700;font-size:1.05rem}.status-subtitle{color:#9ca3af;font-size:.9rem}section{background:#161b24;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.5rem;font-weight:600}input,textarea{background:#0a0d12;color:inherit;border-radius:8px;border:1px solid #283040;padding:.6rem .8rem}textarea{resize:vertical;min-height:120px}.actions{display:flex;gap:.75rem;flex-wrap:wrap}button{background:#3b82f6;border:none;color:#fff;padding:.65rem 1.3rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover:enabled{background:#2563eb;transform:translateY(-1px)}button:disabled{background:#1f2937;cursor:not-allowed}.list{display:flex;flex-direction:column;gap:.75rem}article{background:#0a0d12;border-radius:8px;padding:.75rem}article header{font-weight:600;margin-bottom:.35rem}pre,code{margin:0;white-space:pre-wrap;word-break:break-word}.log{max-height:240px;overflow-y:auto;background:#0a0d12;padding:.75rem;border-radius:8px}@media (max-width: 640px){.app{padding:1.5rem 1rem}section{padding:1.25rem}}