/* Shared planning cards extend the established purple workspace header. */
.ue-layout {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.ue-layout > * { min-width: 0; }
.ue-options { position: sticky; top: 16px; }
.ue-options .usp-fields { grid-template-columns: 1fr; }
.ue-row { padding: 18px; margin: 16px 0; border: 1px solid #635079; border-radius: 14px; background: #1b172a; }
.ue-row h3 { margin: 0 auto 0 0; text-transform: capitalize; }
.ue-row .usp-actions { margin: 0; }
.ue-row .usp-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.usp select { width: 100%; padding: 12px; border: 1px solid #766585; border-radius: 8px; color: white; background: #151323; font: inherit; }
.ue-bar { display: grid; grid-template-columns: minmax(170px, 1fr) 2fr; align-items: center; gap: 18px; margin: 12px 0; }
.ue-bar progress { width: 100%; height: 15px; accent-color: #b78ae9; }
.ue-task { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #514565; padding: 12px 0; }
.ue-task span { flex: 1; }
.ue-task input { flex: none; }
.usp .ue-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 20px; }
@media (max-width: 1050px) {
  .ue-layout { grid-template-columns: 1fr; }
  .ue-options { position: static; }
  .ue-options .usp-fields { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 650px) {
  .ue-row .usp-fields, .ue-options .usp-fields { grid-template-columns: 1fr; }
  .usp .ue-stats { grid-template-columns: 1fr 1fr; }
  .ue-bar { grid-template-columns: 1fr; gap: 6px; }
}

.lp-canvas { padding: 16px; background: #14111e; border-radius: 12px; text-align: center; overflow: auto; }
.lp-canvas canvas { display: block; max-width: 100%; height: auto; margin: auto; background: white; }

#lpRoot aside .usp-fields { grid-template-columns: 1fr; }
.usp input[type=file]::file-selector-button { padding: 10px 14px; border: 1px solid #967ab6; border-radius: 8px; background: #543c70; color: white; margin-right: 10px; cursor: pointer; }
.usp-toolbar a { display: inline-block; padding: 10px 14px; }