/* exprompts.css — конструктор промптов (/tools/exercise-prompts). Общие стили — site.css. */
.xp{padding:20px;margin:18px 0 8px}
.xp-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:900px){main.wrap:has(.xp){max-width:1100px}.xp-grid{grid-template-columns:1fr 1fr}.xp-out{position:sticky;top:76px;align-self:start}}
.xp-field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;border:0;padding:0;min-width:0}
.xp-l{font-weight:700;font-size:15px}
.xp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.xp-row{grid-template-columns:1fr}}
.xp textarea,.xp select,.xp input[type=text]{font:inherit;font-size:15px;color:var(--charcoal);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;max-width:100%}
.xp textarea{resize:vertical;line-height:1.45}
.xp textarea:focus,.xp select:focus,.xp input:focus{outline:2px solid var(--mint-deep);outline-offset:1px}
.xp small{font-size:13px;line-height:1.4}
.xp-count{min-height:1em}
.xp-note{background:#FFF6E5;border:1px solid #F0D9A8;border-radius:10px;padding:8px 10px;color:#6B4E16}
.xp-radio{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;margin:0 0 8px}
.xp-radio input{margin:4px 0 0;accent-color:var(--charcoal)}
.xp-radio span{display:flex;flex-direction:column;gap:2px}
.xp-radio b{font-weight:600;font-size:15px}
.xp-radio small{color:var(--brown)}
.xp-radio:has(input:checked){border-color:var(--mint-deep);background:#F2FAF8}
.xp-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 16px}
.xp-more{margin:0 0 6px}
.xp-more summary{cursor:pointer;font-weight:600;font-size:15px;margin:0 0 14px}
.xp-h{margin:0 0 4px}
.xp-out textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--soft);min-height:260px}
.xp-empty{border:1px dashed var(--line);border-radius:12px;padding:28px 16px;text-align:center}
.xp-warn{background:#FCEDEA;border:1px solid #EBC3BB;border-radius:10px;padding:8px 10px;color:#7A3426;margin:10px 0 0}
.xp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.xp-actions .btn{border:0;cursor:pointer;font:inherit;font-size:14px}
.xp-actions .btn.muted{border:1px solid var(--line)}
.xp-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.xp-status{min-height:1.2em;margin:8px 0 0}
.xp-check-key{color:var(--brown);margin:6px 0 0}
.xp-how{padding-left:22px}
.xp-how li{margin:0 0 8px}
.xp-types{padding-left:20px;margin:0 0 10px}
.xp-types li{margin:0 0 6px}