pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color-scheme:dark;--bg-page:#0b1020;--bg-panel:rgba(14,20,39,0.92);--bg-panel-soft:rgba(8,12,24,0.72);--bg-card:rgba(13,19,36,0.96);--bg-card-strong:rgba(8,12,24,0.95);--bg-muted:rgba(148,163,184,0.08);--text-primary:#e5eef7;--text-secondary:#a9b6ca;--text-muted:#8ea0bf;--border:rgba(147,161,187,0.16);--border-strong:rgba(147,161,187,0.22);--chip-bg:rgba(148,163,184,0.12);--locked-bg:linear-gradient(180deg,rgba(20,23,49,0.95),rgba(13,19,36,0.96));--accent-text:#08111f}:root[data-theme=light]{color-scheme:light;--bg-page:#eef2f5;--bg-panel:rgba(251,252,253,0.96);--bg-panel-soft:rgba(244,247,250,0.9);--bg-card:rgba(255,255,255,0.98);--bg-card-strong:#f6f8fa;--bg-muted:rgba(107,122,144,0.08);--text-primary:#1f2937;--text-secondary:#526072;--text-muted:#64748b;--border:rgba(127,140,160,0.22);--border-strong:rgba(127,140,160,0.3);--chip-bg:rgba(107,122,144,0.08);--locked-bg:linear-gradient(180deg,rgba(237,241,247,0.98),rgba(250,251,252,0.98));--accent-text:#132030}*{box-sizing:border-box}body,html{margin:0;min-width:320px;height:100%;overflow:hidden;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(89,104,255,.16),transparent 28%),radial-gradient(circle at top right,rgba(11,180,173,.12),transparent 25%),var(--bg-page)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-width,360px) 12px minmax(0,1fr);height:100svh;overflow:hidden}.sidebar{padding:20px 18px;border-right:1px solid var(--border);background:var(--bg-panel-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column;height:100%}.layout-resizer{position:relative;width:12px;height:100%;cursor:col-resize;background:transparent;touch-action:none}.layout-resizer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--border),transparent);opacity:.9}.layout-resizer-handle{position:absolute;top:50%;left:50%;width:4px;height:56px;transform:translate(-50%,-50%);border-radius:999px;background:var(--border-strong);box-shadow:0 0 0 4px rgba(99,102,241,.06)}.app-shell.is-resizing .layout-resizer-handle,.layout-resizer:hover .layout-resizer-handle{background:#6475ff}.app-shell.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.results{padding:20px;display:flex;flex-direction:column;overflow:hidden}.eyebrow{color:var(--text-muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.1;margin-bottom:8px}h2{font-size:1rem;margin-bottom:10px}h3{font-size:.95rem;margin-bottom:4px}.lede{color:var(--text-secondary);margin-bottom:14px;font-size:.88rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 18px 42px rgba(0,0,0,.12)}.sidebar .panel:first-of-type{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.sidebar .panel:first-of-type .button-row{margin-top:auto}.card-top,.panel-header,.results-header,.top-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.toolbar-controls{display:flex;gap:8px;flex-wrap:wrap}.toolbar-select{border:1px solid var(--border);border-radius:10px;background:var(--chip-bg);color:var(--text-primary);padding:8px 10px;font-size:.82rem}.card-meta{display:flex;align-items:center;gap:6px}.header-meta span,.latency,.plan-pill{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.7rem;color:var(--text-primary);background:var(--bg-muted)}.plan-pill.pro{background:rgba(83,231,182,.12);color:#0d6b4c}.plan-pill.free{background:rgba(99,102,241,.12);color:#4f46e5}.field{display:block;margin-bottom:10px}.field-grow{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.field span{display:block;margin-bottom:6px;color:var(--text-primary);font-size:.82rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-card-strong);color:var(--text-primary);padding:10px 12px;outline:none}.field textarea{resize:none;min-height:72px}.field-grow textarea{flex:1 1 auto;min-height:220px;height:100%}.grid-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.button-row,.chip-list,.header-actions,.header-meta{display:flex;flex-wrap:wrap;gap:8px}.chip,.primary-button{border:0;border-radius:10px;padding:9px 12px;transition:transform .18s ease,opacity .18s ease,background .18s ease;font-size:.85rem}.primary-button{background:linear-gradient(135deg,#6475ff,#57d9bf);color:var(--accent-text);font-weight:700}.primary-button:disabled{opacity:.7;cursor:wait}.chip{background:var(--chip-bg);color:var(--text-primary);border:1px solid var(--border)}.chip-active{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.36)}.chip:hover,.primary-button:hover{transform:translateY(-1px)}.prompt-principal-anchor{position:static}.prompt-principal-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;width:auto;height:min(calc(100svh - 140px),760px);max-height:min(calc(100svh - 140px),760px);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;padding:14px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(99,102,241,.08),transparent 38%),var(--bg-panel);box-shadow:0 18px 42px rgba(0,0,0,.18);z-index:30;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.prompt-principal-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.prompt-principal-panel::-webkit-scrollbar{width:8px}.prompt-principal-panel::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}.prompt-principal-panel::-webkit-scrollbar-track{background:transparent}.prompt-principal-card-top,.prompt-principal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prompt-principal-card p,.prompt-principal-hint,.prompt-principal-lead,.prompt-principal-link{color:var(--text-secondary);font-size:.82rem}.prompt-principal-card p{white-space:pre-line}.prompt-principal-intro{position:-webkit-sticky;position:sticky;top:-14px;z-index:2;margin:-14px -14px 12px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(99,102,241,.1),rgba(99,102,241,.03) 48%,var(--bg-panel) 100%),var(--bg-panel);border-bottom:1px solid var(--border)}.prompt-principal-lead{margin:10px 0 0}.prompt-principal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.prompt-principal-card{padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card)}.prompt-principal-link{text-decoration:none;white-space:nowrap}.prompt-principal-link:hover{color:var(--text-primary)}.results-header{margin-bottom:10px;flex:0 0 auto;align-items:center;flex-wrap:wrap;position:relative}.results-tip{margin-bottom:10px;border:1px solid var(--border);border-radius:12px;padding:9px 12px;color:var(--text-secondary);background:var(--bg-panel);font-size:.82rem;flex:0 0 auto}.header-meta{justify-content:flex-end}.header-actions{align-items:center;margin-left:auto}.slot-count{color:var(--text-secondary);font-size:.82rem}.cards-grid{display:grid;grid-gap:10px;gap:10px;flex:1 1 auto}.cards-grid,.model-card{min-height:0;overflow:hidden}.model-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px;height:100%;display:flex;flex-direction:column}.model-card p{color:var(--text-secondary);font-size:.84rem}.model-card.locked{border-color:rgba(99,102,241,.34);background:var(--locked-bg)}.output-text{margin-top:0;white-space:pre-wrap}.slot-content{margin-top:10px;flex:1 1 auto;min-height:0;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.slot-content::-webkit-scrollbar{width:8px}.slot-content::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}.slot-content::-webkit-scrollbar-track{background:transparent}.lock-state{margin-top:8px}.lock-state strong{display:inline-block;margin-bottom:10px;color:var(--text-primary)}.error-text{margin-top:0;color:#d1435b}.placeholder-text{margin-top:0;color:var(--text-muted)}.model-config-preview,.model-config-preview .placeholder-text{margin-top:0}.rendered-code-block{margin:0;border-radius:10px;border:1px solid var(--border);background:var(--bg-card-strong);padding:10px;white-space:pre-wrap;overflow-x:auto}.rendered-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.rendered-markdown{color:var(--text-primary);font-size:.84rem}.rendered-markdown>:first-child{margin-top:0}.rendered-markdown>:last-child{margin-bottom:0}.rendered-markdown pre{margin:.5rem 0;border-radius:10px;border:1px solid var(--border);overflow-x:auto}.rendered-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.model-dialog{border:1px solid var(--border);border-radius:16px;background:var(--bg-panel);color:var(--text-primary);width:min(540px,calc(100vw - 24px));padding:0}.model-dialog::-webkit-backdrop{background:rgba(0,0,0,.45)}.model-dialog::backdrop{background:rgba(0,0,0,.45)}.dialog-body{padding:18px}@media (max-width:1100px){.app-shell{grid-template-columns:1fr;height:auto;overflow:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border);overflow:visible}.layout-resizer{display:none}.cards-grid{grid-template-columns:1fr;grid-template-rows:none}}@media (max-width:720px){.results,.sidebar{padding:20px}.grid-two{grid-template-columns:1fr}.top-toolbar{flex-direction:column}.prompt-principal-grid{grid-template-columns:1fr}.prompt-principal-panel{left:0;right:0;width:auto;height:min(calc(100svh - 120px),760px);max-height:min(calc(100svh - 120px),760px)}}