.pe-group { border:1px solid #383d48; border-radius:10px; padding:14px; margin:12px 0; background:#191d24; }
.pe-choice { border-left:3px solid #a92833; padding:12px; margin:10px 0; background:#11151b; border-radius:6px; }
.pe-grid { display:grid; grid-template-columns:minmax(160px,2fr) repeat(2,minmax(90px,1fr));gap:10px;align-items:end; }
.pe-field { display:grid;gap:6px;font-size:12px;color:#c5ccd6; margin:8px 0; }
.pe-field input,.pe-field select { width:100%;min-width:0;box-sizing:border-box; }
.pe-field input[type=checkbox] { width:18px;height:18px; }
.pe-tools { display:flex;gap:7px;flex-wrap:wrap;margin:8px 0; }
.pe-small { padding:7px 10px;min-height:30px;font-size:12px; }
.pe-note { display:block;color:#aeb7c6;font-size:12px;line-height:1.5; }
.pe-list-row { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #303640; }
.pe-inline { display:flex;gap:8px;align-items:end;flex-wrap:wrap; }
.pe-inline label { flex:1;min-width:160px; }
.pe-dialog { width:min(980px,94vw);max-height:90vh;overflow:auto;background:#171b22;color:#fff;border:1px solid #3a404b;border-radius:14px;padding:22px; }
.pe-dialog::backdrop { background:#000a; }
.pe-dialog h2 { margin:0 0 15px; }
.pe-dialog [role=alert] { color:#ff939b; }
@media(max-width:600px){.pe-grid{grid-template-columns:1fr 1fr}.pe-grid .pe-field:first-child{grid-column:1/-1}.pe-group{padding:10px}.pe-choice{padding:8px}.pe-dialog{padding:14px}}