/* Robots.txt Generator - per-tool styles. */
.rg-layout { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr); gap: 20px; align-items: start; }
.rg-intro { margin: 0 0 14px; color: #475569; font-size: 0.95rem; line-height: 1.5; }
.rg-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.rg-field-label { font-weight: 600; font-size: 0.85rem; color: #334155; }
.rg-select, .rg-input {
    width: 100%; box-sizing: border-box; font: inherit; font-size: 0.92rem; padding: 9px 11px;
    border: 1px solid #d7dbe0; border-radius: 8px; background: #fff; color: #1f2937; flex: 0 0 auto;
}
.rg-textarea { min-height: 84px; resize: vertical; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.85rem; }
.rg-select:focus, .rg-input:focus { outline: 2px solid #475569; border-color: #475569; }
#rg-path-fields[hidden] { display: none; }
.rg-ai-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 8px; }
.rg-ai-title { font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; color: #962F2E; }
.rg-ai-all { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; color: #334155; cursor: pointer; }
.rg-bots { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.rg-bot { display: flex; align-items: baseline; gap: 7px; font-size: 0.85rem; cursor: pointer; min-width: 0; }
.rg-bot input { flex: 0 0 auto; }
.rg-bot-name { font-weight: 600; color: #1f2937; white-space: nowrap; }
.rg-bot-note { color: #94a3b8; font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rg-out-card { background: #0f172a; border-radius: 12px; padding: 4px 0 12px; position: sticky; top: 16px; }
.rg-out-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 6px; }
.rg-out-title { color: #94a3b8; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; }
.rg-out-actions { display: flex; gap: 8px; }
.rg-out-actions .ghost-btn { background: #1e293b; border-color: #334155; color: #e2e8f0; }
.rg-out-actions .ghost-btn:hover { background: #334155; color: #fff; }
#rg-output {
    margin: 0; padding: 6px 16px 4px; color: #e2e8f0; font-family: ui-monospace, Menlo, Consolas, monospace;
    font-size: 0.85rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: break-word; min-height: 200px;
}
@media (max-width: 820px) {
    .rg-layout { grid-template-columns: 1fr; }
    .rg-out-card { position: static; }
    .rg-bots { grid-template-columns: 1fr; }
}