.wpmono-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;max-width:1200px;margin:0 auto}
.wpmono-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.wpmono-title{margin:0;font-size:22px}
.wpmono-sub{margin:6px 0 0;color:#555;line-height:1.35}
.wpmono-badges{display:flex;gap:8px;flex-wrap:wrap}
.wpmono-badge{font-size:12px;border:1px solid #ddd;border-radius:999px;padding:4px 10px;background:#fafafa}
.wpmono-topbar{border:1px solid #e6e6e6;border-radius:14px;padding:12px 12px;background:#fff;margin-bottom:14px}
.wpmono-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wpmono-row label{font-size:12px;color:#444}
.wpmono-row select,.wpmono-save input,.wpmono-library-tools input{padding:8px 10px;border:1px solid #ddd;border-radius:10px;background:#fff;min-width:180px}
#wpmono-midi-channel{min-width:90px}
.wpmono-status{font-size:12px;color:#666}
.wpmono-status[data-kind="ok"]{color:#0a7}
.wpmono-status[data-kind="err"]{color:#c33}
.wpmono-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
@media (max-width: 980px){.wpmono-grid{grid-template-columns:1fr}}
.wpmono-card{border:1px solid #e6e6e6;border-radius:16px;padding:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.wpmono-card h3{margin:0 0 10px}
.wpmono-section{margin-top:14px}
.wpmono-section h4{margin:0 0 10px;font-size:14px;color:#333}
.wpmono-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width: 720px){.wpmono-controls{grid-template-columns:1fr}}
.wpmono-control{border:1px solid #eee;border-radius:14px;padding:10px;background:#fcfcfc}
.wpmono-control label{display:block;font-size:12px;color:#444;margin-bottom:6px}
.wpmono-control .wpmono-val{float:right;color:#777;font-size:12px;margin-top:-18px}
.wpmono-control input[type="range"]{width:100%}
.wpmono-control select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:10px;background:#fff}
.wpmono-actions{margin-top:16px;border-top:1px dashed #eee;padding-top:12px}
.wpmono-save{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.wpmono-save input{min-width:260px}
.wpmono-hint{font-size:12px;color:#666}
.wpmono-btn{padding:9px 12px;border:1px solid #ddd;border-radius:12px;background:#fff;cursor:pointer}
.wpmono-btn:hover{background:#fafafa}
.wpmono-primary{border-color:#222}
.wpmono-btn.wpmono-primary{background:#111;color:#fff;border-color:#111}
.wpmono-btn.wpmono-primary:hover{filter:brightness(1.06)}
.wpmono-small{padding:7px 10px;border-radius:10px;font-size:12px}
.wpmono-library-tools{margin:8px 0 12px}
.wpmono-list{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto;padding-right:6px}
.wpmono-item{display:flex;justify-content:space-between;gap:10px;border:1px solid #eee;border-radius:14px;padding:10px;background:#fcfcfc}
.wpmono-item-title{font-weight:600}
.wpmono-item-meta{font-size:12px;color:#666;margin-top:2px}
.wpmono-item-actions{display:flex;gap:8px;align-items:center}
.wpmono-empty{font-size:13px;color:#666;padding:12px}
.wpmono-help{margin-top:14px;color:#444}
.wpmono-help summary{cursor:pointer}