.qm-agent-prompt {
    box-sizing: border-box;
    width: min(640px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 32px;
    overflow: auto;
    border: 1px solid var(--border-color, #3b424e);
    border-radius: 18px;
    background: var(--bg-primary, var(--bg-white, #161b23));
    color: var(--text-primary, #f4f5f7);
    font: 15px/1.6 system-ui, sans-serif;
    box-shadow: 0 24px 80px #0006;
}
.qm-agent-prompt::backdrop { background: #080c16b3; backdrop-filter: blur(5px); }
.qm-agent-prompt h2 { margin: 8px 28px 12px 0; font-size: 28px; line-height: 1.2; color: inherit; }
.qm-agent-prompt p { margin: 0 0 20px; }
.qm-agent-prompt .qm-agent-prompt-eyebrow { color: var(--text-secondary, #b7c1d0); font-size: 12px; margin: 0; }
.qm-agent-prompt label { display: block; font-size: 12px; margin-bottom: 8px; }
.qm-agent-prompt textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 240px;
    padding: 16px;
    resize: vertical;
    border: 1px solid var(--border-color, #3b424e);
    border-radius: 10px;
    background: var(--bg-secondary, var(--bg-light, #10151d));
    color: inherit;
    font: 13px/1.65 ui-monospace, monospace;
}
.qm-agent-prompt button { font: inherit; cursor: pointer; }
.qm-agent-prompt-close { position: absolute; top: 12px; right: 16px; border: 0; background: transparent; color: inherit; font-size: 24px !important; }
.qm-agent-prompt-copy { width: 100%; padding: 12px; margin-top: 20px; background: #b9f36b; color: #152008; border: 0; border-radius: 8px; font-weight: 600 !important; }
.qm-agent-prompt-copy:disabled { opacity: 0.65; cursor: wait; }
.qm-agent-prompt :focus-visible { outline: 2px solid #72a8ff; outline-offset: 3px; }
.qm-agent-prompt .qm-agent-prompt-status { font-size: 12px; margin: 10px 0 0; min-height: 20px; }
@media (max-width: 480px) {
    .qm-agent-prompt { padding: 24px 20px; }
    .qm-agent-prompt h2 { font-size: 23px; }
}