.generator-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.generator-fields label, .generator-result label { display: grid; gap: .4rem; font-weight: 650; min-width: 0; }
.generator-fields input { width: 100%; min-width: 0; min-height: 2.75rem; border: 1px solid #9b7f6d; border-radius: .45rem; padding: .55rem; color: var(--ink); background: var(--panel); }
.generator-options { min-width: 0; border: 0; padding: 0; margin: 1rem 0; display: grid; gap: .35rem; }
.generator-options legend { font-weight: 650; margin-bottom: .4rem; }
.generator-check { display: flex; gap: .6rem; align-items: center; min-height: 2.75rem; }
.generator-check input { width: 1.15rem; height: 1.15rem; flex-shrink: 0; accent-color: var(--accent); }
.generator-result { margin-top: 1rem; }
.generator-result textarea { display: block; width: 100%; min-width: 0; resize: vertical; min-height: 7rem; margin: .5rem 0 .8rem; padding: .8rem; border: 1px solid var(--line); border-radius: .5rem; background: var(--paper); color: var(--ink); font: 1rem/1.6 ui-monospace,monospace; overflow-wrap: anywhere; white-space: pre-wrap; }
.generator-result textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.generator-result .actions > * { max-width: 100%; white-space: normal; }
@media (max-width:34rem) { .generator-fields { grid-template-columns: 1fr; } }