:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f5f8ffeb;background-color:#050814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%}body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(1200px 800px at 20% 10%,rgba(80,160,255,.15),transparent 60%),radial-gradient(1000px 700px at 80% 20%,rgba(110,90,255,.14),transparent 55%),linear-gradient(180deg,#050814,#040610)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}:root{--qp-bg: #020616;--qp-bg-elevated: rgba(10, 20, 40, .9);--qp-border-soft: rgba(148, 163, 184, .25);--qp-text-main: #e5e7eb;--qp-text-muted: #9ca3af;--qp-accent: #38bdf8;--qp-accent-soft: rgba(56, 189, 248, .15);--qp-danger: #f97373;--qp-radius-lg: 18px;--qp-radius-pill: 999px;--qp-shadow-soft: 0 24px 80px rgba(15, 23, 42, .9)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{background-color:#020617}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:#020617;background-image:radial-gradient(circle at top left,#0f172a 0,#020617 55% 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:var(--qp-text-main);display:block}#root{min-height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start}.qp-root{margin:0 auto;min-height:100vh;width:100%;max-width:1200px;font-size:16px;padding:0 16px;display:flex;flex-direction:column}.qp-header{width:100%;border-bottom:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(5,10,26,.95),rgba(5,10,26,.85),transparent)}.qp-header-inner{width:100%;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.qp-logo-block{display:flex;align-items:center;gap:10px}.qp-logo-orb{width:30px;height:30px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#32d5ff 40%,#5bf5cc);box-shadow:0 0 30px #32d5ffb3}.qp-logo-text{display:flex;flex-direction:column;gap:2px}.qp-logo-name{font-size:18px;font-weight:600;letter-spacing:.03em}.qp-logo-sub{font-size:13px;color:var(--qp-text-muted)}.qp-header-tags{display:block;align-items:center;gap:8px;flex-wrap:wrap}.qp-tag{border-radius:var(--qp-radius-pill);border:1px solid rgba(148,163,184,.25);padding:5px 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--qp-text-muted);background:radial-gradient(circle at top left,#020617 0 60%,#020617)}.qp-tag-main{background:radial-gradient(circle at 30% 30%,#0f172a,#38bdf826);border-color:#38bdf880;color:#e0f2fe}.qp-main{flex:1;width:100%;display:block;align-items:flex-start}.qp-main-inner{width:100%;max-width:1200px;margin:0 auto;padding:32px 40px 28px;min-height:calc(100vh - 80px)}.qp-hero{max-width:820px;margin:0 auto 24px;text-align:center}.qp-hero-title{margin:0 0 10px;font-size:34px;line-height:1.2;font-weight:600}.qp-hero-title span{color:var(--qp-accent)}.qp-hero-sub{margin:0;font-size:14px;color:var(--qp-text-muted)}.qp-category-row{margin-top:24px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.qp-chip{border-radius:var(--qp-radius-pill);border:1px solid rgba(148,163,184,.25);padding:6px 12px;font-size:12px;color:var(--qp-text-muted);background:#0f172ae6;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.qp-chip:hover{background:#1e40afe6;border-color:#38bdf8b3;color:#e0f2fe;transform:translateY(-1px)}.qp-chip-active{background:#1e40af;border-color:#38bdf8e6;color:#e0f2fe}.qp-composer-wrap{border-radius:var(--qp-radius-lg);border:1px solid var(--qp-border-soft);background:linear-gradient(145deg,#0f172af0,#0f172afa);box-shadow:0 16px 60px #0f172ae6;padding:18px 18px 20px;margin-bottom:24px}.qp-composer{display:flex;flex-direction:column;gap:8px}.qp-input{width:100%;min-height:220px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.45);background-color:#0f172af2;color:var(--qp-text-main);font-size:15px;line-height:1.5;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.qp-input::placeholder{color:var(--qp-text-muted)}.qp-input:focus{border-color:#38bdf8e6;box-shadow:0 0 0 1px #38bdf8b3;background-color:#0f172afa}.qp-error{margin-top:4px;font-size:12px;color:var(--qp-danger)}.qp-composer-footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.qp-disclaimer{flex:1;color:var(--qp-text-muted);text-align:center}.qp-submit{border-radius:999px;border:none;padding:9px 18px;font-size:13px;font-weight:500;color:#0f172a;background:radial-gradient(circle at 30% 30%,#e0f2fe,#38bdf8 55%,#22c55e);box-shadow:0 0 24px #38bdf8cc;cursor:pointer;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.qp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 32px #38bdf8f2;filter:brightness(1.06)}.qp-submit:disabled{opacity:.6;cursor:default}.qp-examples{margin-top:16px}.qp-examples-label{font-size:12px;color:var(--qp-text-muted);margin-bottom:6px;text-align:center}.qp-examples-row{display:flex;flex-wrap:wrap;gap:8px}.qp-example-pill{border-radius:var(--qp-radius-lg);border:1px solid rgba(148,163,184,.35);padding:6px 10px;font-size:13px;color:var(--qp-text-muted);background:#0f172af2;cursor:pointer;text-align:left;max-width:100%;transition:background .12s ease,border-color .12s ease,color .12s ease}.qp-example-pill:hover{border-color:#38bdf8e6;color:#e0f2fe}.qp-runs{margin-top:20px;display:block;flex-direction:column;gap:16px}.qp-empty{text-align:center;border-radius:var(--qp-radius-lg);border:1px dashed rgba(148,163,184,.5);padding:22px 18px;background:radial-gradient(circle at top left,#0f172af5,#0f172afc)}.qp-empty-title{font-size:14px;font-weight:500;margin-bottom:6px}.qp-empty-text{font-size:12px;color:var(--qp-text-muted)}.qp-run-block{border-radius:var(--qp-radius-lg);border:1px solid var(--qp-border-soft);background:linear-gradient(145deg,#0f172af5,#0f172afc);padding:16px 16px 14px;box-shadow:0 12px 40px #0f172ad9}.qp-user-bubble{margin-bottom:10px}.qp-user-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;color:var(--qp-text-muted)}.qp-user-label{font-weight:500;color:#e5e7eb}.qp-user-domain{padding:2px 7px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:12px}.qp-user-text{font-size:13px}.qp-assistant-block{margin-top:8px;border-radius:12px;border:1px solid rgba(56,189,248,.35);padding:10px 11px 9px;background:radial-gradient(circle at top left,#0f172afa,#0f172afc)}.qp-assistant-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8e6;margin-bottom:6px}.qp-result{font-size:13px;color:var(--qp-text-main)}.qp-summary{margin:0 0 8px;font-size:13px}.qp-simple-block{margin-top:6px;text-align:left}.qp-simple-toggle{border-radius:999px;border:1px solid rgba(148,163,184,.45);padding:4px 10px;font-size:13px;background:#0f172afa;color:var(--qp-text-muted);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.qp-simple-toggle:hover{border-color:#38bdf8cc;color:#e0f2fe}.qp-simple-list{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--qp-text-main)}.qp-option{border-radius:12px;border:1px solid rgba(148,163,184,.35);padding:10px 10px 9px;margin-top:8px;background:#0f172af5}.qp-option-best{border-color:#38bdf8cc;box-shadow:0 0 20px #38bdf859}.qp-option-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8e6;margin-bottom:4px}.qp-option-title{font-size:13px;font-weight:500;margin-bottom:4px}.qp-option-text{font-size:12px;color:var(--qp-text-main);margin-bottom:4px}.qp-option-meta{font-size:13px;color:var(--qp-text-muted);margin:2px 0}.qp-option-meta span{font-weight:500;color:#e5e7eb}.qp-alt-block{margin-top:10px}.qp-alt-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8e6;margin-bottom:4px}.qp-stats{margin-top:8px;display:block;flex-wrap:wrap;gap:6px;font-size:13px}.qp-pill{border-radius:var(--qp-radius-pill);border:1px solid rgba(148,163,184,.35);padding:4px 9px;color:var(--qp-text-muted);background:#0f172af2}.qp-pill-main{border-color:#38bdf8cc;color:#e0f2fe}.qp-footer-meta{max-width:1200px;margin:0 auto 24px;padding:0 32px;font-size:12px;color:#94a3b899}.qc-history{margin-top:20px}.qc-history-header{font-size:12px;font-weight:500;color:var(--qp-text-muted);margin-bottom:6px}.qc-history-list{list-style:none;padding:0;margin:0}.qc-history-item{display:block;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer;border-radius:10px;padding-inline:6px;transition:background .12s ease,color .12s ease}.qc-history-item:hover{background:#0f172ae6}.qc-history-item.qc-history-active{background:#1e40afe6;color:#e0f2fe}.qc-history-dot{width:7px;height:7px;border-radius:999px;margin-top:6px;background:radial-gradient(circle at 30% 30%,#f9fafb,#38bdf8);box-shadow:0 0 10px #38bdf8e6}.qc-history-text{font-size:13px;color:var(--qp-text-muted)}.qc-footer-bar{margin-top:22px;border-radius:999px;border:1px solid rgba(148,163,184,.3);padding:8px 14px;background:linear-gradient(90deg,#0f172afa,#052e50fa);display:block;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.qc-footer-left{display:block;align-items:center;gap:8px;color:var(--qp-text-muted)}.qc-footer-left-pill{padding:4px 9px;border-radius:999px;border:1px solid rgba(56,189,248,.5);background:#0f172af2;color:#e0f2fe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.qc-footer-right{display:block;align-items:center;gap:12px}.qc-footer-metric{display:block;flex-direction:column;gap:2px;min-width:90px}.qc-footer-metric-label{font-size:12px;color:var(--qp-text-muted)}.qc-footer-metric-value{font-size:12px;font-weight:500}@media(max-width:900px){.qp-main-inner{padding:24px 18px;min-height:auto}.qp-header-inner{flex-direction:column;align-items:flex-start}.qp-composer-footer{flex-direction:column;align-items:stretch}.qp-submit{align-self:stretch;text-align:center}}.qp-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-left:auto}.qp-nav-link{font-size:12px;color:var(--qp-text-muted);text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#02061740}.qp-nav-link:hover{color:#e5e7eb;border-color:#94a3b859;background:#02061759}.qp-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:12px}.qp-panel{grid-column:span 12;padding:12px;border-radius:14px;border:1px solid var(--qp-border-soft);background:#0206172e}@media(min-width:920px){.qp-panel{grid-column:span 6}}.qp-mini-title{font-size:12px;font-weight:700;color:#e5e7eb;margin-bottom:8px}.qp-ul{margin:0;padding-left:18px;color:var(--qp-text-muted);font-size:12px;line-height:1.5}.qp-ul li{margin:6px 0}.qp-code{margin:0;padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#0206178c;color:#e5e7eb;font-size:12px;line-height:1.5;overflow:auto;white-space:pre}.qp-muted{color:var(--qp-text-muted);font-size:14px;line-height:1.5}.qp-header-inner{align-items:center;gap:14px}.qp-header-right{margin-left:auto;display:block;flex-direction:column;align-items:flex-end;gap:8px;min-width:220px}.qp-microcopy{font-size:13px;line-height:1.35;color:#94a3b8e6;text-align:right}.qp-auth{display:block;align-items:center;gap:10px}.qp-auth-label{font-size:14px;color:var(--qp-text-muted)}.qp-btn{appearance:none;border:1px solid rgba(148,163,184,.3);background:#02061759;color:var(--qp-text-main);padding:7px 10px;border-radius:999px;font-size:14px;cursor:pointer}.qp-btn:hover{border-color:#94a3b873;background:#0206178c}.qp-btn:active{transform:translateY(1px)}.qp-btn-ghost{background:#0f172a8c}.qp-docs{margin-top:18px;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#02061738}.qp-docs-head{margin-bottom:10px}.qp-docs-kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8e6}.qp-docs-title{margin:6px 0;font-size:18px;color:var(--qp-text-main)}.qp-docs-sub{margin:0;font-size:13px;color:var(--qp-text-muted);max-width:78ch}.qp-details{margin-top:10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#0f172a59;overflow:hidden}.qp-details summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:13px;color:var(--qp-text-main);display:block;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.qp-details summary::-webkit-details-marker{display:none}.qp-details summary:after{content:"▾";margin-left:auto;color:#94a3b8e6;transition:transform .15s ease}.qp-details[open] summary{border-bottom:1px solid rgba(148,163,184,.14);background:#02061740}.qp-details[open] summary:after{transform:rotate(180deg)}.qp-details-body{padding:12px}.qp-details-body .qp-card{margin-top:0!important;background:transparent!important;border:none!important;padding:0!important}@media(max-width:720px){.qp-header-right{min-width:0;width:100%;align-items:flex-start}.qp-microcopy{display:none}.qp-nav{width:100%;justify-content:flex-start;margin-left:0}}