.qi-panel{max-width:960px;margin:24px auto;padding:30px 34px;border:1px solid #68405f;border-radius:20px;background:linear-gradient(130deg,rgba(255,255,255,.055),rgba(149,64,192,.09));box-shadow:0 16px 55px #0002;text-align:left;color:#f7f3fa}
.qi-panel *{box-sizing:border-box}.qi-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#f1b3a9;margin-bottom:12px}.qi-panel h2{font-size:28px;line-height:1.2;margin:0 0 9px;letter-spacing:-.7px}.qi-intro{color:#c3b8cd;margin:0 0 26px}.qi-panel label{display:block;font-size:13px;font-weight:650;margin:14px 0 8px}.qi-row{display:flex;gap:12px}.qi-panel input,.qi-panel textarea{font:inherit;background:#ffffff08;border:1px solid #776c82;border-radius:10px;color:#fff;padding:15px 16px;width:100%;min-width:0}.qi-panel input::placeholder,.qi-panel textarea::placeholder{color:#b9aebf}.qi-panel textarea{resize:vertical;margin:8px 0}.qi-panel button,.qi-fallback a{font:650 14px/1.3 system-ui;cursor:pointer;border:1px solid #716179;border-radius:10px;padding:15px 20px;background:#ffffff08;color:#fff;white-space:nowrap;text-decoration:none}.qi-panel .qi-primary{background:linear-gradient(110deg,#ffb05f,#f37599,#bd43e9);color:#170e1d;border:0;font-weight:800}.qi-panel button:disabled{opacity:.6;cursor:wait}.qi-help{color:#beb3c7;font-size:13px;line-height:1.6;margin:12px 0}.qi-status{font-size:14px;line-height:1.6;color:#ffd3a4;white-space:pre-line}.qi-status:empty,.qi-preview:empty,.qi-fallback:empty{display:none}.qi-fallback{display:flex;flex-wrap:wrap;gap:10px}.qi-fallback p{flex-basis:100%}.qi-manual{border-top:1px solid #ffffff20;margin-top:22px;padding-top:18px}.qi-manual summary{cursor:pointer;font-size:14px;font-weight:650;width:fit-content;padding:5px 0}.qi-preview{border-top:1px solid #ffffff20;margin-top:20px;padding-top:18px}.qi-preview h3{margin:0 0 12px}.qi-warning{padding:12px;border-left:3px solid #ffb05f;background:#ffb05f0d;color:#ffdab5;font-size:14px;line-height:1.5}.qi-sample{padding:0;list-style:none;margin:18px 0}.qi-sample li{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;border-top:1px solid #ffffff12;padding:12px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.qi-sample span{color:#c9bfce}.qi-panel :focus-visible{outline:3px solid #efbfff;outline-offset:3px}
@media(max-width:600px){.qi-panel{margin:20px 16px;padding:24px 20px;border-radius:16px}.qi-panel h2{font-size:25px}.qi-row{flex-direction:column}.qi-panel input,.qi-panel textarea{font-size:16px}.qi-sample li{grid-template-columns:1fr;gap:5px}.qi-fallback a{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.qi-setup{margin:16px 0;padding:15px 18px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff04;font-size:13px;line-height:1.6}.qi-setup summary{cursor:pointer;color:#f4c4e7;font-weight:650}.qi-setup ol{padding-left:22px;color:#d4c9dd}.qi-setup li{padding:4px 0}.qi-panel a{color:#f4bdff}.qi-panel .qi-cancel{padding:9px 16px;margin-top:4px}.qi-panel [hidden]{display:none!important}