
.tr6s-rpe{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1100px;margin:0 auto;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;background:#fff}
.tr6s-rpe__header h3{margin:0 0 6px 0}
.tr6s-rpe__subtitle{margin:0 0 12px 0;opacity:.75}
.tr6s-rpe__panel{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px;background:rgba(0,0,0,.02)}
.tr6s-rpe__row{display:flex;gap:10px;align-items:center;margin:8px 0}
.tr6s-rpe__row--wrap{flex-wrap:wrap}
.tr6s-btn{border:1px solid rgba(0,0,0,.14);background:#f7f7f7;border-radius:12px;padding:8px 12px;cursor:pointer}
.tr6s-btn:hover{filter:brightness(0.98)}
.tr6s-btn--primary{background:#1f6feb;color:white;border-color:#1f6feb}
.tr6s-select,.tr6s-input{border:1px solid rgba(0,0,0,.14);border-radius:12px;padding:8px 10px;background:#fff}
.tr6s-range{vertical-align:middle}
.tr6s-badge{display:inline-block;min-width:44px;text-align:center;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.06)}
.tr6s-checkbox{display:flex;gap:8px;align-items:center}
.tr6s-spacer{flex:1}
.tr6s-file{display:none}
.tr6s-rpe__status{display:flex;gap:8px;align-items:center;margin-top:8px;opacity:.85}
.tr6s-dot{width:10px;height:10px;border-radius:50%;background:#b0b0b0;display:inline-block}
.tr6s-rpe__grid{margin-top:14px;overflow:auto;border-radius:14px;border:1px solid rgba(0,0,0,.08)}
.tr6s-grid{min-width:900px}
.tr6s-track{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}
.tr6s-track:last-child{border-bottom:none}
.tr6s-track__label{width:64px;font-weight:700;padding:10px 10px;border-right:1px solid rgba(0,0,0,.06);background:rgba(0,0,0,.02)}
.tr6s-steps{display:grid;grid-template-columns:repeat(16, 42px);gap:6px;padding:10px}
.tr6s-step{height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;user-select:none;min-width:42px}
.tr6s-step--on{background:rgba(31,111,235,.15);border-color:rgba(31,111,235,.65)}
.tr6s-step--playhead{outline:2px solid rgba(31,111,235,.9)}
.tr6s-step--accent{background:rgba(31,111,235,.28)}
.tr6s-rpe__details{margin-top:10px}
.tr6s-rpe__hint{margin:6px 0 10px 0;opacity:.8}
.tr6s-note{display:flex;gap:8px;align-items:center}
.tr6s-note label{font-weight:600}

.tr6s-inst{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-top:10px}
.tr6s-inst__card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:10px;background:#fff}
.tr6s-inst__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tr6s-inst__title{font-weight:800}
.tr6s-inst__cc{opacity:.65;font-size:12px}
.tr6s-knob{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tr6s-knob label{font-weight:650;font-size:12px;opacity:.85}
.tr6s-knob input[type=range]{width:100%}
.tr6s-knob .tr6s-badge{align-self:flex-start}
