.cpm-rcpg{--cpm-primary:#5B4FE9;--cpm-primary-dark:#473ACB;--cpm-accent:#F1EFFF;--cpm-bg:#F8F8FB;--cpm-card:#fff;--cpm-text:#17171F;--cpm-muted:#686876;--cpm-border:#E3E3EA;--cpm-success:#177D55;--cpm-warning:#B76E00;--cpm-error:#B42318;max-width:1050px;margin:24px auto;padding:24px;background:var(--cpm-bg);border:1px solid var(--cpm-border);border-radius:24px;color:var(--cpm-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.cpm-rcpg *{box-sizing:border-box}.cpm-rcpg__header{text-align:center;margin-bottom:22px}.cpm-rcpg__eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--cpm-accent);color:var(--cpm-primary-dark);font-size:13px;font-weight:800}.cpm-rcpg h2{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:10px 0 8px}.cpm-rcpg h3{font-size:18px;margin:0}.cpm-rcpg__header p,.cpm-rcpg__section-head span,.cpm-rcpg small,.cpm-rcpg__notes{color:var(--cpm-muted)}.cpm-rcpg__grid{display:grid;gap:18px}.cpm-rcpg__panel{background:var(--cpm-card);border:1px solid var(--cpm-border);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(23,23,31,.05)}.cpm-rcpg__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px}.cpm-rcpg__form-grid{display:grid;grid-template-columns:1fr;gap:14px}.cpm-rcpg label>span{display:block;font-size:14px;font-weight:750;margin-bottom:7px}.cpm-rcpg select,.cpm-rcpg input,.cpm-rcpg button{font:inherit}.cpm-rcpg select,.cpm-rcpg input[type=number]{width:100%;min-height:48px;border:1px solid var(--cpm-border);border-radius:12px;padding:10px 12px;background:#fff;color:var(--cpm-text);font-size:16px}.cpm-rcpg select:focus,.cpm-rcpg input:focus,.cpm-rcpg button:focus-visible{outline:3px solid rgba(91,79,233,.2);outline-offset:2px;border-color:var(--cpm-primary)}.cpm-rcpg__btn{min-height:48px;border:1px solid var(--cpm-border);border-radius:12px;padding:10px 15px;background:#fff;color:var(--cpm-text);font-weight:750;cursor:pointer;transition:.15s ease}.cpm-rcpg__btn:hover{transform:translateY(-1px);border-color:#c9c7d8}.cpm-rcpg__btn--primary{background:var(--cpm-primary);border-color:var(--cpm-primary);color:#fff}.cpm-rcpg__btn--primary:hover{background:var(--cpm-primary-dark)}.cpm-rcpg__btn--soft{width:100%;background:var(--cpm-accent);color:var(--cpm-primary-dark);border-color:#d8d3ff}.cpm-rcpg__generate-row,.cpm-rcpg__playback-grid,.cpm-rcpg__result-actions,.cpm-rcpg__badges,.cpm-rcpg__note-cloud,.cpm-rcpg__next{display:flex;gap:8px;flex-wrap:wrap}.cpm-rcpg__generate-row{margin-top:16px}.cpm-rcpg__generate{flex:1 1 220px}.cpm-rcpg__builder-head{margin-top:24px}.cpm-rcpg__builder{display:grid;gap:10px;margin-bottom:12px}.cpm-rcpg__chord-card{border:1px solid var(--cpm-border);border-radius:15px;padding:11px;background:#fcfcfe}.cpm-rcpg__chord-card[data-locked=true]{border-color:#bdb6ff;background:#f8f6ff}.cpm-rcpg__card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cpm-rcpg__select-chord{flex:1;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;text-align:left;border:0;background:transparent;cursor:pointer;padding:4px}.cpm-rcpg__select-chord>span{width:26px;height:26px;border-radius:999px;background:var(--cpm-accent);display:grid;place-items:center;color:var(--cpm-primary-dark);font-size:12px;font-weight:800}.cpm-rcpg__select-chord strong{font-size:20px}.cpm-rcpg__select-chord small{font-weight:800;color:var(--cpm-primary-dark)}.cpm-rcpg__select-chord[aria-pressed=true]{color:var(--cpm-primary-dark)}.cpm-rcpg__mini-actions{display:flex;gap:6px}.cpm-rcpg__mini-actions button{min-width:42px;min-height:42px;border:1px solid var(--cpm-border);border-radius:10px;background:#fff;cursor:pointer}.cpm-rcpg__edit-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.cpm-rcpg__edit-grid label span{font-size:11px;color:var(--cpm-muted);margin-bottom:4px}.cpm-rcpg__edit-grid select{min-height:44px}.cpm-rcpg__playback-grid{margin-top:14px}.cpm-rcpg__check{display:flex!important;align-items:center;gap:8px;min-height:48px;padding:0 10px}.cpm-rcpg__check span{margin:0!important}.cpm-rcpg__status{min-height:22px;margin:10px 0 0;font-weight:750}.cpm-rcpg__status[data-type=ok]{color:var(--cpm-success)}.cpm-rcpg__status[data-type=warn]{color:var(--cpm-warning)}.cpm-rcpg__status[data-type=error]{color:var(--cpm-error)}.cpm-rcpg__results{background:linear-gradient(180deg,#fff,#fbfaff)}.cpm-rcpg__primary-result{font-size:clamp(25px,5vw,40px);font-weight:850;letter-spacing:-.03em;margin:12px 0 4px;word-break:break-word}.cpm-rcpg__roman{font-size:20px;color:var(--cpm-primary-dark);font-weight:800;margin-bottom:12px}.cpm-rcpg__badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--cpm-accent);color:var(--cpm-primary-dark);font-size:13px;font-weight:750;text-transform:capitalize}.cpm-rcpg__insight{margin:16px 0;padding:12px 14px;border-left:4px solid var(--cpm-primary);background:#f8f7ff;border-radius:10px;line-height:1.55}.cpm-rcpg__mini-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cpm-muted);margin-bottom:8px}.cpm-rcpg__tension-wrap,.cpm-rcpg__next-wrap{margin:16px 0}.cpm-rcpg__tension{height:96px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid var(--cpm-border);padding:0 2px}.cpm-rcpg__tension-bar{flex:1;height:100%;border:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;cursor:pointer;padding:0}.cpm-rcpg__tension-bar>span{width:min(32px,80%);min-height:8px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--cpm-primary),#b9b2ff)}.cpm-rcpg__tension-bar small{font-size:10px}.cpm-rcpg__details{display:grid;gap:8px;margin:18px 0}.cpm-rcpg__detail{border:1px solid var(--cpm-border);border-radius:14px;padding:12px;background:#fff;text-align:left;cursor:pointer}.cpm-rcpg__detail[aria-selected=true]{border-color:var(--cpm-primary);box-shadow:0 0 0 2px rgba(91,79,233,.08)}.cpm-rcpg__detail strong,.cpm-rcpg__detail small{display:block}.cpm-rcpg__detail strong{margin-bottom:4px}.cpm-rcpg__next-btn{flex:1 1 120px;border:1px solid var(--cpm-border);border-radius:12px;background:#fff;padding:10px;text-align:left;cursor:pointer}.cpm-rcpg__next-btn strong,.cpm-rcpg__next-btn small{display:block}.cpm-rcpg__next-btn strong{font-size:17px}.cpm-rcpg__viz-wrap{display:grid;gap:12px}.cpm-rcpg__viz-card{border:1px solid var(--cpm-border);border-radius:14px;padding:12px;background:#fff}.cpm-rcpg__piano{display:flex;height:104px;margin-top:10px;overflow:hidden;border:1px solid #d8d8df;border-radius:8px;background:#ddd}.cpm-rcpg__key{flex:1;background:#fff;border-right:1px solid #ddd;position:relative}.cpm-rcpg__key.active{background:#ddd8ff}.cpm-rcpg__key span{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:10px}.cpm-rcpg__note-pill{padding:8px 10px;border-radius:10px;background:var(--cpm-accent);font-weight:800}.cpm-rcpg__subviz-title{display:block;margin-top:16px}.cpm-rcpg__guitar{display:grid;gap:4px;margin-top:8px}.cpm-rcpg__string{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;position:relative}.cpm-rcpg__string:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#b8b8c2}.cpm-rcpg__fret{min-height:28px;border-left:1px solid #d6d6df;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:relative;z-index:1}.cpm-rcpg__fret.active{background:var(--cpm-accent);color:var(--cpm-primary-dark);border-radius:999px;border:1px solid #cfc9ff}.cpm-rcpg__result-actions{margin-top:16px}.cpm-rcpg__history-panel{margin-top:18px}.cpm-rcpg__link-btn{border:0;background:transparent;color:var(--cpm-primary);font-weight:750;cursor:pointer}.cpm-rcpg__history{display:grid;gap:8px}.cpm-rcpg__history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cpm-border);border-radius:12px;background:#fff}.cpm-rcpg__history-item button{border:0;background:transparent;color:var(--cpm-primary);font-weight:750;cursor:pointer}.cpm-rcpg__notes{margin-top:16px;font-size:13px;line-height:1.6}.cpm-rcpg__notes p{margin:5px 0}.cpm-rcpg button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(min-width:720px){.cpm-rcpg__grid{grid-template-columns:1.05fr .95fr}.cpm-rcpg__form-grid{grid-template-columns:1fr 1fr}.cpm-rcpg__edit-grid{grid-template-columns:1fr 1fr 1fr}.cpm-rcpg__details{grid-template-columns:1fr 1fr}.cpm-rcpg__viz-wrap{grid-template-columns:1.4fr .6fr}}@media(max-width:620px){.cpm-rcpg{padding:14px;border-radius:16px}.cpm-rcpg__section-head{align-items:flex-start;flex-direction:column}.cpm-rcpg__generate-row .cpm-rcpg__btn,.cpm-rcpg__playback-grid .cpm-rcpg__btn,.cpm-rcpg__result-actions .cpm-rcpg__btn{flex:1 1 45%}.cpm-rcpg__select-chord{grid-template-columns:28px 1fr}.cpm-rcpg__select-chord small{grid-column:2}.cpm-rcpg__history-item{align-items:flex-start;flex-direction:column}}
.cpm-rcpg__tension-level--1{height:10%}.cpm-rcpg__tension-level--2{height:20%}.cpm-rcpg__tension-level--3{height:30%}.cpm-rcpg__tension-level--4{height:40%}.cpm-rcpg__tension-level--5{height:50%}.cpm-rcpg__tension-level--6{height:60%}.cpm-rcpg__tension-level--7{height:70%}.cpm-rcpg__tension-level--8{height:80%}.cpm-rcpg__tension-level--9{height:90%}.cpm-rcpg__tension-level--10{height:100%}