.pq-overlay{position:fixed;inset:0;background:#14223877;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.pq-dialog{width:min(1200px,100%);height:min(900px,94vh);background:#fff;color:#172b4d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #14223855}.pq-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #dbe3ee}.pq-dialog h2,.pq-dialog h3{margin:8px 0}.pq-dialog button,.pq-dialog input,.pq-dialog select{font:inherit;border:1px solid #cbd5e1;background:#fff;color:#172b4d;border-radius:6px;padding:7px;max-width:100%}.pq-dialog button{cursor:pointer}.pq-dialog button:focus-visible,.pq-dialog [tabindex]:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.pq-note{font-size:12px;color:#52647d;padding:0 16px}.pq-content{display:flex;min-height:0;flex:1}.pq-library{width:260px;flex-shrink:0;overflow:auto;padding:16px;border-right:1px solid #dbe3ee}.pq-library>select,.pq-library>input{display:block;width:100%;margin-bottom:10px}.pq-library h3{font-size:13px}.pq-library-item{display:block;text-align:left;width:100%;margin:6px 0;overflow-wrap:anywhere}.pq-main{min-width:0;flex:1;overflow:auto;padding:16px}.pq-main h3{overflow-wrap:anywhere}.pq-code-tools{display:flex;gap:8px;flex-wrap:wrap}.pq-code{font:12px/1.6 'IBM Plex Mono',monospace;white-space:pre;overflow:auto;max-height:360px;padding:14px;background:#f4f7fb;border:1px solid #dbe3ee;border-radius:6px;tab-size:4}.pq-string{color:#166534}.pq-keyword{color:#6d28d9;font-weight:600}.pq-comment{color:#68778e}@media(max-width:700px){.pq-overlay{padding:4px}.pq-library{width:180px;padding:8px}.pq-main{padding:8px}.pq-dialog{height:98vh}}