/* RandomSynth Take 5 Editor */
.rst5-wrap{max-width:1200px;margin:0 auto;padding:18px 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.rst5-header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.rst5-title{margin:0;font-size:22px;line-height:1.2}
.rst5-subtitle{margin:6px 0 0;color:#666}
.rst5-badges{display:flex;gap:8px;flex-wrap:wrap}
.rst5-badge{font-size:12px;border:1px solid rgba(0,0,0,.12);padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.04)}
.rst5-alert{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;margin:10px 0}
.rst5-alert--info{background:rgba(0,0,0,.03)}
.rst5-alert--warn{background:rgba(255,193,7,.12);border-color:rgba(255,193,7,.35)}
.rst5-app{border:1px solid rgba(0,0,0,.12);border-radius:16px;overflow:hidden;background:#fff}
.rst5-topbar{padding:12px;border-bottom:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02)}
.rst5-row{display:flex;gap:10px;align-items:flex-end}
.rst5-row--wrap{flex-wrap:wrap;margin-top:10px}
.rst5-field{display:flex;flex-direction:column;gap:6px;min-width:220px}
.rst5-field--small{min-width:120px}
.rst5-field label{font-size:12px;color:#666}
.rst5-field input,.rst5-field select{border:1px solid rgba(0,0,0,.18);border-radius:10px;padding:8px 10px;background:#fff}
.rst5-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rst5-btn{border:1px solid rgba(0,0,0,.18);background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer}
.rst5-btn:disabled{opacity:.5;cursor:not-allowed}
.rst5-btn--primary{background:#111;color:#fff;border-color:#111}
.rst5-btn--ghost{background:transparent}
.rst5-btn--small{padding:6px 10px;border-radius:10px;font-size:13px}
.rst5-main{display:grid;grid-template-columns:1.8fr 1fr;gap:12px;padding:12px}
.rst5-panel{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px;background:#fff}
.rst5-panel-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px}
.rst5-panel-tools{display:flex;gap:8px;align-items:center}
.rst5-panel-tools input,.rst5-panel-tools select{border:1px solid rgba(0,0,0,.18);border-radius:10px;padding:7px 9px}
.rst5-controls{max-height:72vh;overflow:auto;padding-right:6px}
.rst5-group{margin-bottom:14px}
.rst5-group-title{font-weight:700;margin:8px 0}
.rst5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rst5-control{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px;background:rgba(0,0,0,.015)}
.rst5-control-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.rst5-label{font-size:13px;font-weight:600}
.rst5-meta{font-size:12px;color:#666;white-space:nowrap}
.rst5-control-row{display:flex;gap:8px;align-items:center}
.rst5-control input[type="range"]{width:100%}
.rst5-num{width:92px}
.rst5-footer-note{margin-top:10px;color:#666;font-size:12px}
.rst5-patches{display:flex;flex-direction:column;gap:10px;max-height:32vh;overflow:auto}
.rst5-patches-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.rst5-patches-toolbar input,.rst5-patches-toolbar select{border:1px solid rgba(0,0,0,.18);border-radius:10px;padding:7px 9px}
.rst5-patch{border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px}
.rst5-patch-title{font-weight:700}
.rst5-patch-meta{color:#666;font-size:12px;margin-top:4px}
.rst5-patch-actions{display:flex;gap:8px;margin-top:10px}
.rst5-log{max-height:28vh;overflow:auto;background:#0b0b0b;color:#eaeaea;border-radius:12px;padding:10px;font-size:12px}
.rst5-muted{color:#666}
.rst5-sysex{border-top:1px dashed rgba(0,0,0,.12);padding-top:10px}
.rst5-hint{color:#666;font-size:12px;max-width:520px}
.rst5-footnotes{margin-top:10px;color:#666;font-size:12px}
@media (max-width: 980px){
  .rst5-main{grid-template-columns:1fr}
  .rst5-grid{grid-template-columns:1fr}
  .rst5-field{min-width:100%}
}