/* ---- Word to PDF: their landing band and minimal selected screen -------
   The grey band carries the big green split button ("Upload Word files" +
   caret), the two privacy lines and the terms line, all centred. Once a
   document is chosen the band gives way to "Selected: <file>" and the green
   "Convert to PDF". */
.wt-head { text-align: center; align-items: center; }
.wt-head h1 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }
.wt-head .lead { max-width: 640px; margin-left: auto; margin-right: auto; }

/* Their band runs the width of the window; the shell's 860px reading column
   would stop it short (theme.css sets that max-width on .tool-page). */
.tool-page.wt-page { max-width: none; }

.wt-band {
  background: var(--canvas);
  padding: 30px 20px 54px;
  text-align: center;
}
.wt-band.dragover { outline: 2px dashed var(--accent); outline-offset: -10px; }

.wt-split-holder { position: relative; display: inline-block; }
.wt-split { display: inline-flex; }
/* Their joined pair: one green pill, a hairline between the halves. */
.wt-band .wt-pick {
  display: inline-flex; align-items: center; gap: 10px;
  border-radius: 6px 0 0 6px;
  font-size: 1.3rem; font-weight: 700; padding: 9px 24px 10px;
}
.wt-band .wt-pick i { font-size: 1.35rem; }
.wt-band .wt-caret {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid rgba(255, 255, 255, .38);
  padding: 9px 12px 10px;
  font-size: 1.15rem;
}

.wt-menu {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 40;
  min-width: 230px; padding: 6px 0; text-align: left;
  background: var(--white); border: 1px solid var(--line);
  border-radius: 8px; box-shadow: 0 12px 34px rgba(20, 30, 35, .16);
}
.wt-menu-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 9px 16px; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: .95rem; color: var(--ink);
}
.wt-menu-item i { width: 18px; font-size: 1.05rem; color: var(--muted); }
.wt-menu-item:hover { background: var(--accent-soft); color: var(--accent-dark); }

.wt-note { color: var(--muted); font-size: .95rem; margin: 26px 0 0; }
.wt-note + .wt-note { margin-top: 6px; }
.wt-terms { margin: 14px 0 0; font-size: .9rem; color: var(--muted); }
.wt-link { text-decoration: none; cursor: default; }

/* The second screen, their minimal family: the selected line, then the one
   action, centred under the head. */
.wt-work { text-align: center; padding: 26px 16px 8px; }
.wt-selected { margin: 0 0 16px; font-size: .95rem; color: var(--muted); }
.wt-selected strong { color: var(--ink); font-weight: 600; }
.wt-actions { display: flex; align-items: center; justify-content: center; }