.question-generator{margin:28px 0;padding:28px;background:var(--panel,#101720);border:1px solid var(--line,#293747);border-radius:0}
.question-generator h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:5px 0 0;color:var(--ink,#e6edf5)}
.generator-badge{font-size:12px;color:var(--muted,#a8b9c9)}
.question-generator>p{max-width:760px;line-height:1.6;margin:18px 0}
.question-generator label{display:block;color:var(--muted,#a8b9c9);font-size:13px;font-weight:600;margin:18px 0 8px}
.question-generator input,.question-generator select,.question-generator textarea{width:100%;box-sizing:border-box;background:#0d131c;color:var(--ink,#e6edf5);border:1px solid var(--line,#293747);border-radius:0;padding:12px;font:inherit;min-height:44px}
.question-generator textarea{resize:vertical;line-height:1.6}
.generator-source{display:flex;gap:10px;align-items:start}.generator-source input{min-width:0}.generator-source button{flex-shrink:0;min-height:46px}
.question-generator .form-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}
#q-status{font-size:14px;flex:1;min-width:180px;color:var(--link-blue,#78b9e5)}
#q-result{border-top:1px solid var(--line,#293747);margin-top:30px;padding-top:24px}#q-result h4{font-size:20px;margin:0}
#q-list{padding-left:28px}#q-list li{padding:14px 0 20px 8px;border-bottom:1px solid var(--line,#293747)}#q-list li::marker{color:var(--link-blue,#78b9e5);font-weight:600}
#q-list details{font-size:13px;color:var(--muted,#a8b9c9);margin-top:10px}#q-list summary{cursor:pointer;padding:8px 0}#q-list blockquote{margin:8px 0;border-left:2px solid var(--line,#293747);padding:6px 14px;line-height:1.6}
.generator-closing{font-size:18px;line-height:1.6;margin:6px 0}.generator-closing small{display:block;font-size:12px;color:var(--link-blue,#78b9e5);margin-bottom:8px}
.question-generator :focus-visible{outline:2px solid #a1d6fa;outline-offset:3px}.question-generator button:disabled{opacity:.5;cursor:wait}
.question-generator .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.question-generator{padding:18px}.question-generator .section-heading{align-items:start;flex-wrap:wrap;gap:12px}.generator-source{flex-direction:column}.generator-source button{width:100%}.question-generator h3{font-size:26px}#q-list{padding-left:22px}#q-list li{padding-left:3px}}

#q-list textarea{display:block}
