/* Project editor component (project-editor.js); every rule is scoped to .pe so it can live in any page. */
.pe .pe-card{background:#1d1d20;border:1px solid #494950;border-radius:14px;padding:20px;margin-bottom:18px}
.pe .pe-card h2{margin-top:0}
.pe input,.pe select,.pe textarea{width:100%;padding:10px;background:#121214;color:#fff;border:1px solid #777784;border-radius:8px;margin:6px 0 12px;font:inherit;box-sizing:border-box}
.pe label{display:block}
.pe .pe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.pe button{background:#e63746;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font:inherit}
.pe button.pe-secondary{background:transparent;border:1px solid #777784}
.pe button.pe-link{background:transparent;color:#dddde1;padding:4px 6px;text-decoration:underline}
.pe button:disabled{opacity:.5}
.pe .pe-muted{color:#b3b3ba}.pe .pe-error{color:#ff9898}.pe .pe-ok{color:#9be3b0}
.pe [hidden]{display:none!important}
.pe .pe-role{border:1px solid #494950;border-radius:12px;padding:14px;margin:10px 0;background:#18181b}
.pe .pe-role-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:0 12px}
.pe .pe-rate-grid{display:grid;grid-template-columns:1fr 1.6fr 1.4fr;gap:0 12px}
.pe .pe-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pe .pe-material{display:grid;grid-template-columns:1.2fr 2fr auto;gap:0 12px;align-items:end;border-top:1px solid #3e3e45;padding-top:10px;margin-top:6px}
.pe .pe-check{display:flex;align-items:center;gap:8px;margin:0 0 12px}.pe .pe-check input{width:auto;margin:0}
.pe .pe-badge{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;background:#393940;border:1px solid #686872;margin-left:6px}
.pe .pe-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pe .pe-saved div{padding:8px 0;border-top:1px solid #3e3e45}
@media(max-width:700px){.pe .pe-role-grid,.pe .pe-rate-grid,.pe .pe-material{grid-template-columns:1fr}}
.pe .pe-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #494950}
.pe .pe-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}
.pe .pe-character{border-top:1px dashed #494950;margin-top:6px;padding-top:12px}
.pe .pe-char-img img{display:block;width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #494950;margin-bottom:8px}
.pe .pe-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.pe [hidden]{display:none!important}
.pe .pe-role.pe-collapsed{background:#17251f;border-color:#3f7a5c}
.pe .pe-role-summary{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.pe .pe-role-summary .pe-muted{margin:0}
.pe .pe-role .pe-head{gap:10px}
.pe .pe-toggle{margin-left:auto}
.pe .pe-rates{margin:4px 0 8px}
.pe .pe-rates-title{display:block;font-size:.95em;color:#dfdfe2;margin-bottom:4px}
.pe .pe-rate-grid{grid-template-columns:minmax(90px,1fr) minmax(140px,2fr) minmax(120px,1.4fr) auto;align-items:end}
.pe .pe-rate-remove{margin-bottom:16px}
@media(max-width:700px){.pe .pe-rate-grid{grid-template-columns:1fr 1fr auto}}
.pe .pe-role.pe-closed{opacity:.6}
.pe .pe-change{margin:-4px 0 8px}