/* Prompt builder uses the existing MiAI forms, paired panels and type roles. */
#builder, #library { scroll-margin-top: 90px; }
.builder-grid { margin-top: clamp(60px, 8vw, 110px); display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
#prompt-builder, .builder-output { min-width: 0; border: 1px solid var(--line); background: var(--card); border-radius: 18px; padding: clamp(24px, 3vw, 44px); }
#prompt-builder { display: flex; flex-direction: column; gap: 12px; }
#prompt-builder label { font-weight: 600; margin-top: 12px; }
#prompt-builder label:first-child { margin-top: 0; }
#prompt-builder label span, #builder-hint, .output-note, #builder-status { color: var(--muted); font-weight: 400; }
#prompt-builder textarea, #prompt-builder select, #prompt-output { display: block; width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--bg); color: var(--text); font: inherit; padding: 14px 16px; }
#prompt-builder select { white-space: normal; }
#prompt-builder textarea, #prompt-output { resize: vertical; }
#prompt-output { margin-top: 24px; font: 400 .85rem/1.65 "DM Mono", monospace; min-height: 480px; }
#builder-hint { margin-top: 24px; }
.prompt-link { display: inline; padding: 0 0 4px; border: 0; border-bottom: 1px solid var(--blue); border-radius: 0; background: transparent; cursor: pointer; font: inherit; color: var(--text); }
.builder-grid .button { cursor: pointer; }
.output-note { margin-top: 24px; }
.prompt-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; margin-top: 24px; color: var(--muted); font: 400 .85rem/1.65 "DM Mono", monospace; }
.builder-grid .skill-actions { margin-bottom: 0; }
@media (max-width: 900px) { .builder-grid { grid-template-columns: 1fr; } }
@media (max-width: 650px) { #builder, #library { scroll-margin-top: 68px; } #prompt-output { min-height: 380px; } }