/* Редактор PowerPoint /tools/powerpoint-editor/ (02.11.2026) */
.ppe-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ppe-st { flex: 1; min-width: 160px; font-size: 13px; color: #5b6470; }
.ppe-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; padding: 18px 0 6px; }
.ppe-list { list-style: none; margin: 0; padding: 0 4px 0 0; max-height: 760px; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
.ppe-it { border: 1px solid #e4e5e9; border-radius: 12px; background: #fff; overflow: hidden; }
.ppe-it.is-cur { border-color: #f15a22; box-shadow: 0 0 0 2px rgba(241, 90, 34, .18); }
.ppe-thumb { display: grid; grid-template-columns: 22px 1fr; gap: 4px 8px; width: 100%; padding: 8px; border: 0; background: none; text-align: left; cursor: pointer; font: inherit; }
.ppe-thumb b { font-size: 12px; color: #5b6470; }
.ppe-thumb canvas { max-width: 100%; border-radius: 4px; background: #f4f4f5; }
.ppe-thumb canvas:not([width]) { display: none; }
.ppe-thumb span { grid-column: 2; font-size: 12px; line-height: 1.3; color: #1d1f24; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ppe-ops { display: flex; border-top: 1px solid #eef0f2; }
.ppe-ops button { flex: 1; display: grid; place-items: center; border: 0; background: none; padding: 7px 0; cursor: pointer; font-size: 14px; color: #1d1f24; }
.ppe-ops button:hover:not(:disabled) { background: #f6f6f7; color: #f15a22; }
.ppe-ops button:disabled { opacity: .3; cursor: default; }
.ppe-cur { margin: 0 0 10px; font-size: 14px; color: #5b6470; }
.ppe-cur b { color: #1d1f24; }
.ppe-view { display: block; max-width: 100%; border: 1px solid #e4e5e9; border-radius: 10px; margin-bottom: 18px; }
.ppe-fld { display: block; margin: 0 0 12px; }
.ppe-fld span { display: block; font-size: 12px; font-weight: 600; color: #5b6470; margin-bottom: 4px; }
.ppe-fld textarea { width: 100%; box-sizing: border-box; resize: vertical; min-height: 44px; font: inherit; line-height: 1.45; }
#ppe-empty .cvp-drop.is-over, .is-over .cvp-drop { border-color: #f15a22; }
@media (max-width: 860px) {
  .ppe-grid { grid-template-columns: 1fr; }
  .ppe-list { flex-direction: row; max-height: none; overflow-x: auto; padding-bottom: 6px; }
  .ppe-it { min-width: 170px; }
}
.ppe-h2 { margin-top: 22px; }
.ppe-pics { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-bottom: 8px; }
.ppe-pic { border: 1px solid #e4e5e9; border-radius: 10px; padding: 8px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #5b6470; }
.ppe-pic img { width: 100%; height: 100px; object-fit: contain; background: #f4f4f5; border-radius: 6px; }
.ppe-noimg { height: 100px; display: grid; place-items: center; background: #f4f4f5; border-radius: 6px; font-weight: 700; }
