:root{color:#0f172a;background:radial-gradient(circle at top right,#e2e8f0,#f8fafc 35%,#f1f5f9);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body,h1,h2,p{margin:0}.page{display:grid;gap:1rem;max-width:960px;margin:1.5rem auto 2rem;padding:0 1rem}.hero{background:linear-gradient(130deg,#0f172a,#1e293b);border:1px solid #1e293b;border-radius:16px;color:#e2e8f0;padding:1.25rem}.hero h1{margin-bottom:.5rem;font-size:clamp(1.25rem,2.6vw,1.7rem)}.hero p+p{margin-top:.35rem}.card{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 4px 16px #0f172a0d}.card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.card-header h2{font-size:1.02rem}.card-content{display:grid;gap:.8rem}.card-danger{border-color:#fca5a5;background:#fff1f2}.card-actions{display:flex;align-items:center}.status-grid,.endpoint-grid{display:grid;gap:.5rem}.key-value{display:grid;gap:.25rem}.label{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#475569}.value{font-weight:500;overflow-wrap:anywhere}.key-value.compact .value{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.92rem}.mode-row{display:flex;gap:.7rem;align-items:center}.muted{color:#64748b}.compact{font-size:.85rem}button,select,input{border-radius:8px;border:1px solid #cbd5e1;font:inherit}button{background:#0f766e;color:#fff;border-color:#0f766e;padding:.46rem .72rem;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}select{background:#fff;padding:.35rem .46rem}input{background:#fff;padding:.42rem .55rem;min-width:min(360px,100%)}.danger-text{color:#b91c1c;font-size:.92rem}.media-preview{display:grid;gap:.6rem}.media-preview video{width:100%;max-height:420px;border-radius:10px;background:#020617}.media-preview a{color:#0f766e;font-weight:500}.loading{padding:.8rem .95rem;background:#ecfeff;border:1px solid #a5f3fc;border-radius:10px;color:#155e75}hr{border:none;border-top:1px solid #e2e8f0;margin:.1rem 0}@media (max-width: 640px){.card-header{align-items:start;flex-direction:column}}