.exp-view { max-width: 1280px; margin: auto; padding: 1.5rem; }
.exp-view h1 { margin-block: 1rem; }
.exp-view p { margin-block: .7rem; color: var(--text-dim); }
.exp-notice { padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.exp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-block: 1rem; }
.exp-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.exp-fields label { display: flex; flex-direction: column; gap: .4rem; }
.exp-fields input, .exp-fields select { width: 100%; min-width: 0; }
.exp-fields input[type="checkbox"] { width: 1.2rem; height: 1.2rem; }
.exp-table { overflow: auto; border: 1px solid var(--border); border-radius: var(--radius); }
.exp-table table { width: 100%; border-collapse: collapse; }
.exp-table th, .exp-table td { padding: .65rem; text-align: start; border-bottom: 1px solid var(--border); }
.exp-table td { overflow-wrap: anywhere; max-width: 24rem; }
.exp-table th { white-space: nowrap; }
.exp-table .btn { margin: .15rem; }
#expScope { overflow-wrap: anywhere; min-width: 0; }
.exp-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 60vh; overflow: auto; padding: 1rem; border: 1px solid var(--border); }
.exp-plan { margin-block: 1rem; overflow-wrap: anywhere; }
.exp-plan ol { max-height: 16rem; overflow: auto; padding-inline-start: 1.5rem; }
.exp-plan .btn, #expRenameEditor .btn { margin: .3rem; }
#expRenameEditor input { width: 100%; }
.exp-table td:last-child { min-width: 12rem; }
@media (max-width: 600px) { .exp-view { padding: 1rem; } .exp-fields { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  .exp-table { overflow: visible; border: 0; }
  .exp-table table, .exp-table tbody { display: block; }
  .exp-table thead { display: none; }
  .exp-table tr { display: block; margin-block: 1rem; padding: .6rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
  .exp-table td, .exp-table td:last-child { display: block; max-width: none; min-width: 0; border: 0; padding: .3rem; }
  .exp-table td::before { content: attr(data-label) ": "; font-weight: 600; }
  .exp-table td:last-child::before { display: block; }
}