@import url('/styles-v089.css');

/* V0.9.3 — import area: desktop/tablet two-column layout, mobile stacked */
.source-grid.source-grid-split{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);
  gap:18px;
  align-items:stretch;
}
.source-pane{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.source-pane-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  margin:0 2px 8px;
}
.source-pane-title{
  color:#4b5563;
  font-size:14px;
  font-weight:760;
  white-space:nowrap;
}
.source-pane-note{
  color:#8a94a3;
  font-size:12px;
  text-align:right;
}
.source-grid-split textarea{
  flex:1;
  min-height:238px;
  height:238px;
}
.import-pane .dropzone{
  flex:1;
  min-height:238px;
  height:238px;
  flex-direction:column;
  text-align:center;
  gap:14px;
  border-width:2px;
  background:#f9fbfe;
  padding:24px 22px;
}
.import-pane .dropzone:hover,
.import-pane .dropzone.dragging{
  background:#f1f7ff;
  border-color:#1769d2;
  box-shadow:inset 0 0 0 1px rgba(23,105,210,.05);
}
.import-pane .drop-badge{
  width:64px;
  height:64px;
  border-radius:14px;
  font-size:12px;
  line-height:1.2;
  text-align:center;
}
.drop-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.drop-copy b{
  color:#344054;
  font-size:16px;
}
.drop-copy small{
  margin:0;
  color:#667085;
  font-size:13px;
}
.drop-copy em{
  margin-top:4px;
  color:#98a2b3;
  font-size:12px;
  font-style:normal;
}

@media(max-width:1100px){
  .source-grid.source-grid-split{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:14px}
  .source-grid-split textarea,.import-pane .dropzone{min-height:220px;height:220px}
}

@media(max-width:820px){
  .source-grid.source-grid-split{grid-template-columns:1fr;gap:14px}
  .source-grid-split textarea{min-height:190px;height:190px}
  .import-pane .dropzone{min-height:150px;height:150px;flex-direction:row;text-align:left;justify-content:flex-start;padding:18px}
  .drop-copy{align-items:flex-start}
  .source-pane-head{margin-top:2px}
}

@media(max-width:520px){
  .source-pane-head{align-items:flex-start;flex-direction:column;gap:2px}
  .source-pane-note{text-align:left}
  .import-pane .dropzone{min-height:142px;height:auto}
  .import-pane .drop-badge{width:52px;height:52px;flex:0 0 52px}
  .drop-copy b{font-size:14px}
}