.threads-layout {
  width: min(100% - 32px, 1120px);
  margin: 18px auto 48px;
  display: grid;
  gap: 18px;
}

.threads-generator { overflow: visible; }
.threads-limit { color: #d9b96b; font-weight: 800; }
.threads-form { display: grid; gap: 18px; }
.threads-primary-fields { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; }
.threads-primary-fields label, .threads-option-grid label { display: grid; gap: 7px; }
.threads-primary-fields span, .threads-option-grid span { font-weight: 750; }

.date-context-panel {
  border: 1px solid rgba(213, 173, 85, .42);
  background: linear-gradient(140deg, rgba(53, 32, 17, .8), rgba(13, 9, 8, .92));
  padding: 18px;
}
.compact-head { margin-bottom: 12px; }
.compact-head h3 { margin: 2px 0 0; }
.compact-head select { width: auto; min-width: 160px; }
.date-fact-list { display: flex; flex-wrap: wrap; gap: 9px; }
.date-fact-item { display: inline-flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid rgba(213, 173, 85, .3); background: rgba(0, 0, 0, .3); }
.date-fact-item input { width: auto; }
.date-fact-item small { color: #b6aa9d; }
.temporal-context-summary { margin: 12px 0 4px; padding: 10px 12px; border-left: 3px solid #d5ad55; background: rgba(213, 173, 85, .08); color: #eadba8; line-height: 1.55; }

.threads-advanced { border-top: 1px solid rgba(213, 173, 85, .24); padding-top: 14px; }
.threads-advanced summary { cursor: pointer; color: #e5c875; font-weight: 850; }
.threads-option-grid { margin-top: 16px; }
.threads-actions { display: flex; gap: 10px; }
.threads-actions button { min-height: 48px; }

.threads-results { display: grid; gap: 14px; }
.threads-draft-card { border: 1px solid rgba(213, 173, 85, .3); background: rgba(13, 9, 8, .66); padding: 18px; display: grid; gap: 13px; }
.threads-draft-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.threads-draft-head h3 { margin: 3px 0 0; font-size: 1.1rem; }
.threads-draft-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.threads-draft-badges span { padding: 5px 8px; background: rgba(213, 173, 85, .13); border: 1px solid rgba(213, 173, 85, .24); font-size: .78rem; color: #e5c875; }
.threads-draft-card textarea { min-height: 230px; line-height: 1.8; resize: vertical; }
.threads-character-count { text-align: right; color: #a99d91; font-size: .84rem; }
.threads-character-count.is-over { color: #ff8d82; font-weight: 800; }
.threads-draft-meta { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 7px 12px; margin: 0; }
.threads-draft-meta dt { color: #a99d91; }
.threads-draft-meta dd { margin: 0; overflow-wrap: anywhere; }
.threads-image-prompt { padding: 12px; background: rgba(255, 255, 255, .04); border-left: 3px solid #d5ad55; white-space: pre-wrap; }
.threads-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.threads-card-actions button, .threads-card-actions a { min-height: 42px; }

@media (max-width: 760px) {
  .threads-layout { width: min(100% - 18px, 1120px); margin-top: 10px; }
  .threads-primary-fields { grid-template-columns: 1fr 1fr; }
  .threads-primary-fields label:first-child { grid-column: 1 / -1; }
  .threads-actions { flex-direction: column; }
  .threads-actions button, #saveAllThreads { width: 100%; }
  .threads-draft-head { flex-direction: column; }
}

@media (max-width: 460px) {
  .threads-primary-fields { grid-template-columns: 1fr; }
  .threads-primary-fields label:first-child { grid-column: auto; }
  .compact-head { align-items: stretch; }
  .compact-head select { width: 100%; }
  .threads-draft-meta { grid-template-columns: 1fr; }
  .threads-draft-meta dd { margin-bottom: 6px; }
  .threads-card-actions { display: grid; grid-template-columns: 1fr 1fr; }
}
.is-muted-control {
  opacity: 0.55;
}

.is-muted-control select {
  cursor: not-allowed;
}