/* GENERATED by tools/sync-packages.js from packages/ai-prompts/browser/prompt-editor.css -- do not edit here.
 * Edit packages/ai-prompts/browser/prompt-editor.css, then run: npm run sync:packages */
/* ai-prompts editor plug-in. Colours come from the layered-settings editor's --ls-* variables,
 * so one set of variables themes both. */
.ap-chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 6px; }
.ap-chip {
    font-family: var(--ls-mono); font-size: 0.8em; padding: 1px 8px; cursor: pointer;
    border: 1px solid var(--ls-border); border-radius: 999px; background: var(--ls-surface); color: var(--ls-text);
}
.ap-chip:hover { border-color: var(--ls-accent); color: var(--ls-accent); }
.ap-chip--flag { border-style: dashed; }
.ap-chip--code { color: var(--ls-muted); }
.ap-notes { margin: 6px 0 0; padding-left: 18px; color: var(--ls-muted); font-size: 0.9em; }
.ap-vars { border-collapse: collapse; width: 100%; font-size: 0.92em; }
.ap-vars th, .ap-vars td { text-align: left; vertical-align: top; padding: 4px 8px 4px 0; border-top: 1px solid var(--ls-border); }
.ap-vars th { white-space: nowrap; font-weight: 500; }
.ap-tag { margin-left: 6px; }
.ap-settings { font-family: var(--ls-mono); font-size: 0.85em; color: var(--ls-muted); margin: 4px 0; }
.ap-block-label { font-size: 0.8em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ls-muted); margin: 10px 0 2px; }
.ap-pre { font-family: var(--ls-mono); font-size: 0.85em; white-space: pre-wrap; word-break: break-word; margin: 0; padding: 8px 10px; background: var(--ls-surface); border: 1px solid var(--ls-border); border-radius: var(--ls-radius-sm); max-height: 360px; overflow: auto; }
.ap-test-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ap-test-label { margin-bottom: 0; }
.ap-test-row > select { width: auto; max-width: 100%; }
.ap-test-row > input { width: auto; flex: 1 1 240px; }
.ap-test-hint:empty { display: none; }
.ap-test-result { margin-top: 10px; }
.ap-test-result details { margin-top: 8px; }
.ap-test-result summary { cursor: pointer; font-weight: 500; }
.ap-ok { color: var(--ls-add-text); font-weight: 600; margin: 0; }
.ap-fail { color: var(--ls-danger); font-weight: 600; margin: 0; }