.cobalt5s-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1200px;margin:18px auto;padding:12px}
.cobalt5s-header{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.cobalt5s-title h2{margin:0 0 6px 0;font-size:22px}
.cobalt5s-sub{margin:0;color:#666}
.cobalt5s-io{display:flex;flex-direction:column;gap:8px;min-width:320px}
.cobalt5s-io-row{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.cobalt5s-io-row label{min-width:92px;color:#444;font-size:13px}
.cobalt5s-io-row select{flex:1;min-width:160px}
.cobalt5s-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;margin-top:12px}
@media(max-width:1050px){.cobalt5s-grid{grid-template-columns:1fr}}
.cobalt5s-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:12px;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.cobalt5s-card h3{margin:0 0 10px 0;font-size:16px}
.cobalt5s-tools{display:flex;flex-direction:column;gap:10px}
.cobalt5s-toolrow{display:flex;gap:8px;align-items:center}
.cobalt5s-toolrow label{min-width:90px;font-size:13px;color:#333}
.cobalt5s-toolrow input[type="text"]{flex:1}
.cobalt5s-toolrow select{flex:1}
.cobalt5s-note{font-size:12px;color:#555;line-height:1.35;background:#fafafa;border:1px dashed #ddd;border-radius:10px;padding:10px}
.cobalt5s-search{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.cobalt5s-search input{flex:1}
.cobalt5s-params{display:flex;flex-direction:column;gap:12px;max-height:680px;overflow:auto;padding-right:6px}
.cobalt5s-group h4{margin:0 0 6px 0;font-size:13px;color:#444;text-transform:uppercase;letter-spacing:.04em}
.cobalt5s-group-body{display:flex;flex-direction:column;gap:8px}
.cobalt5s-param{display:flex;gap:10px;align-items:center;border:1px solid #eee;border-radius:10px;padding:8px}
.cobalt5s-param-name{flex:1;min-width:160px}
.cobalt5s-param-title{font-weight:600;font-size:13px}
.cobalt5s-param-meta{font-size:12px;color:#666}
.cobalt5s-param-ctrl{display:flex;gap:8px;align-items:center;flex:2}
.cobalt5s-param-ctrl input[type="range"]{flex:1;min-width:200px}
.cobalt5s-param-ctrl input[type="number"]{width:74px}
.cobalt5s-btn{appearance:none;border:1px solid #d0d0d0;background:#f7f7f7;border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer}
.cobalt5s-btn:hover{background:#f0f0f0}
.cobalt5s-btn:disabled{opacity:.5;cursor:not-allowed}
.cobalt5s-library .cobalt5s-libtools{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.cobalt5s-library input{flex:1}
.cobalt5s-liblist{display:flex;flex-direction:column;gap:10px;max-height:680px;overflow:auto;padding-right:6px}
.cobalt5s-patch{border:1px solid #eee;border-radius:12px;padding:10px}
.cobalt5s-patch-title{font-weight:700}
.cobalt5s-patch-meta{font-size:12px;color:#666;margin-top:2px}
.cobalt5s-patch-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.cobalt5s-libpager{margin-top:10px;display:flex;gap:8px;align-items:center;justify-content:center;color:#666}
.cobalt5s-empty{color:#666;font-size:13px;padding:10px;border:1px dashed #ddd;border-radius:10px;background:#fafafa}
.cobalt5s-footer{margin-top:10px}
.cobalt5s-status{padding:10px;border-radius:12px;border:1px solid #e6e6e6;background:#fafafa;color:#333}
.cobalt5s-status[data-kind="ok"]{border-color:#cfe9d4;background:#f3fbf5}
.cobalt5s-status[data-kind="error"]{border-color:#f0c6c6;background:#fff5f5}