/* llms.txt generator: the section editor. Only what tools.css cannot express:
   a box per link row, compact reorder/remove buttons, and a sticky preview on
   wide screens. Tokens from /styles.css only, so both themes follow. */

.llt-section {
  min-width: 0; /* a fieldset defaults to min-content and would widen the page on a phone */
}

.llt-item {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface);
}

/* Title and URL side by side (the URL wider), notes underneath. */
.llt-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 10px 12px;
}

.llt-notes {
  grid-column: 1 / -1;
}

.llt-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.llt-mini {
  padding: 6px 11px;
  border: 1px solid var(--border-strong);
  border-radius: var(--r-sm);
  background: var(--surface);
  color: var(--text);
  font: 600 13px/1.2 var(--font-sans);
  cursor: pointer;
  transition: background var(--t-fast) var(--ease);
}

.llt-mini:hover:not(:disabled) {
  background: var(--surface-3);
}

.llt-mini:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}

.llt-mini:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

@media (max-width: 520px) {
  .llt-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 761px) {
  .llt-sticky {
    position: sticky;
    top: 96px;
  }
}