.playground{padding:var(--sp-20) 0;border-bottom:var(--border-thick);background:var(--bg-alt);position:relative}.pg-prompt-grid{gap:var(--sp-4);margin-bottom:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}.pg-prompt-card{align-items:center;gap:var(--sp-3);padding:var(--sp-5);background:var(--bg-card);border:var(--border-thick);box-shadow:var(--shadow-solid);cursor:pointer;text-align:left;transition:all var(--dur-fast) ease;display:flex}.pg-prompt-card:hover{box-shadow:var(--shadow-solid-lg);background:var(--bg);transform:translate(-2px,-2px)}.pg-prompt-card.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-solid-lg);transform:translate(-2px,-2px)}.pg-prompt-card.active .pg-prompt-num{background:var(--accent);color:var(--bg)}.pg-prompt-num{font-family:var(--font-mono);background:var(--ink);color:var(--bg);letter-spacing:.05em;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:700}.pg-prompt-text{font-family:var(--font-serif);font-size:1.05rem;font-weight:500;line-height:1.3}.pg-query-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--bg-card);border-bottom:var(--border-thick);font-family:var(--font-mono);box-sizing:border-box;height:58px;font-size:.85rem;display:flex}.pg-query-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--bg);border:var(--border-thin);flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:700}.pg-query-text{color:var(--ink);font-family:var(--font-serif);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.1rem;font-style:italic;overflow:hidden}.ideo-wrap{background:var(--bg-card);border:var(--border-thick);box-shadow:20px 20px 0 var(--ink);--pg-querybar-h:58px;--pg-toollog-h:296px;--pg-split-h:600px;--pg-footer-h:56px;flex-direction:column;display:flex}.ideo-blank{height:calc((var(--pg-querybar-h) + var(--pg-toollog-h) + var(--pg-split-h) + var(--pg-footer-h)) / 2);font-family:var(--font-serif);color:var(--ink-muted);justify-content:center;align-items:center;font-size:1.5rem;font-style:italic;display:flex}.ideo-split{height:var(--pg-split-h);grid-template-columns:1fr 340px;display:grid}.ideo-pane{border-right:var(--border-thick);background:var(--bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ideo-pane:last-child{border-right:none}.ideo-pane-header{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--bg);background:var(--ink);border-bottom:var(--border-thick);flex-shrink:0;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ideo-pane-body{padding:var(--sp-5);font-family:var(--font-mono);flex:1;overflow-y:auto}.ideo-dot{border:1px solid var(--ink-light);width:10px;height:10px;display:inline-block}.ideo-dot.live{background:var(--accent);border-color:var(--bg);animation:1s step-end infinite typingBlink}.ideo-dot.done{background:var(--emerald);border-color:var(--bg)}.ideo-dot.err{border-color:var(--bg);background:red}.ideo-accordion{border-bottom:var(--border-thick);background:var(--bg-alt)}.ideo-accordion-summary{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:var(--bg-card);transition:all var(--dur-fast) ease;box-sizing:border-box;justify-content:space-between;align-items:center;height:44px;font-size:.85rem;font-weight:600;list-style:none;display:flex}.ideo-accordion-summary::-webkit-details-marker{display:none}.ideo-accordion-summary:hover{background:var(--ink);color:var(--bg)}.ideo-accordion-summary:hover .ideo-dot{border-color:var(--ink)}.ideo-accordion-content{padding:var(--sp-4);box-sizing:border-box;border-top:var(--border-thick);height:250px;overflow-y:auto}.ideo-log-placeholder{color:var(--ink-muted);font-family:var(--font-mono);font-size:.78rem;font-style:italic}.ideo-log-line{margin-bottom:var(--sp-3);word-break:break-word;border-bottom:1px dotted var(--ink-muted);padding-bottom:4px;font-size:.75rem;line-height:1.5;position:relative}.ideo-log-line:last-child{border-bottom:none;margin-bottom:0}.ideo-log-meta{color:var(--ink-light);width:45px;display:inline-block}.ideo-log-type{color:var(--emerald);width:50px;font-weight:600;display:inline-block}.ideo-log-type.tool{color:var(--accent)}.ideo-log-text{color:var(--ink);font-style:normal}.ideo-answer{color:var(--ink);font-size:.95rem;line-height:1.8}.ideo-answer h1,.ideo-answer h2,.ideo-answer h3{font-family:var(--font-serif);color:var(--ink);border-bottom:var(--border-thick);margin:1.5em 0 .5em;padding-bottom:4px;font-size:2rem;font-weight:600}.ideo-answer p{font-family:var(--font-serif);margin-bottom:1.2em;font-size:1.15rem}.ideo-answer ul,.ideo-answer ol{font-family:var(--font-serif);margin-bottom:1.2em;padding-left:20px;font-size:1.15rem}.ideo-answer code{background:var(--bg-alt);border:var(--border-thin);font-family:var(--font-mono);padding:2px 6px}.ideo-answer pre{background:var(--bg-alt);padding:var(--sp-4);border:var(--border-thick);box-shadow:4px 4px 0 var(--ink);margin-bottom:1.2em;overflow-x:auto}.ideo-answer blockquote{border-left:4px solid var(--accent);padding-left:var(--sp-4);color:var(--ink-light);font-style:italic}.ideo-cite-inline{cursor:help;color:var(--ink);border-bottom:2px dotted var(--accent);transition:background var(--dur-fast) ease;background:#df4c270d;display:inline;position:relative}.ideo-cite-inline:hover{background:#df4c2733}.ideo-cite-badge{font-family:var(--font-mono);vertical-align:super;color:var(--accent);margin-left:2px;font-size:.6em;font-weight:700}.ideo-cite-tooltip{background:var(--bg-card);border:var(--border-thick);width:320px;padding:var(--sp-3);box-shadow:6px 6px 0 var(--ink);z-index:100;text-align:left;pointer-events:auto;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 2px);left:0}.ideo-cite-tooltip:after{content:"";width:100%;height:6px;position:absolute;top:100%;left:0}.ideo-cite-inline:hover .ideo-cite-tooltip{display:block}.ideo-cite-tooltip-header{background:var(--accent);color:var(--bg);font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;padding:2px 6px;font-size:.65rem;font-weight:700;display:flex}.ideo-cite-tooltip-offsets{background:var(--ink);color:var(--bg);padding:0 4px;font-size:.6rem}.ideo-cite-url{font-family:var(--font-mono);color:var(--ink-light);margin-bottom:var(--sp-2);font-size:.7rem;display:block}.ideo-cite-quote-box{background:var(--bg);border:var(--border-thin);padding:var(--sp-2) var(--sp-3);font-family:var(--font-serif);max-height:120px;font-size:.8rem;line-height:1.4;display:block;overflow-y:auto}.ideo-cite-quote-context{color:var(--ink-muted);font-style:italic}.ideo-cite-quote-highlight{border-bottom:2px solid var(--accent);color:var(--ink);background:#df4c2726;font-weight:500}.ideo-cite-inline.verified{border-bottom:2px solid var(--emerald);background:#274c400f}.ideo-cite-inline.verified:hover{background:#274c402e}.ideo-cite-badge-check{color:var(--emerald);margin-left:1px}.ideo-cite-verified{background:var(--emerald);color:var(--bg);letter-spacing:.03em;white-space:nowrap;padding:0 5px;font-size:.6rem;font-weight:700}.ideo-cite-unverified{background:var(--ink);color:var(--bg);letter-spacing:.03em;padding:0 5px;font-size:.6rem;font-weight:700}.ideo-cite-quote-caption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:4px;font-size:.58rem;display:block}.ideo-cite-quote-highlight.anchored{border-bottom:2px solid var(--emerald);background:#274c401f}.ideo-cite-inline.unverified{border-bottom:1px dashed var(--ink-muted);background:#00000008}.ideo-cite-inline.unverified:hover{background:#00000014}.ideo-cite-missing{color:inherit}.ideo-src-card{padding:var(--sp-4);border:var(--border-thick);background:var(--bg-card);margin-bottom:var(--sp-3);box-shadow:4px 4px 0 var(--ink);transition:all var(--dur-fast) ease}.ideo-src-card:hover{box-shadow:6px 6px 0 var(--ink);background:var(--bg);transform:translate(-2px,-2px)}.ideo-src-idx{font-family:var(--font-mono);color:var(--bg);background:var(--ink);margin-right:var(--sp-3);margin-bottom:var(--sp-2);padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.ideo-src-title{font-family:var(--font-serif);color:var(--ink);text-underline-offset:3px;margin-bottom:8px;font-size:1.1rem;font-weight:600;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;display:block}.ideo-src-title:hover{color:var(--accent);text-decoration-thickness:2px}.ideo-src-meta{clear:both;color:var(--ink-light);border-top:var(--border-thin);justify-content:space-between;padding-top:4px;font-size:.75rem;display:flex}.ideo-footer{padding:var(--sp-3) var(--sp-5);background:var(--bg-card);border-top:var(--border-thick);align-items:center;gap:var(--sp-8);font-family:var(--font-mono);color:var(--ink-light);text-transform:uppercase;box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;min-height:56px;font-size:.75rem;font-weight:500;display:flex}.ideo-stat-val{color:var(--ink);font-weight:600}.pg-cta{margin-top:var(--sp-10);text-align:center}.pg-cta-row{align-items:center;gap:var(--sp-3);max-width:700px;margin:0 auto;display:flex}.pg-cta-asterisk{font-family:var(--font-serif);color:var(--accent);font-variation-settings:"WONK" 1;flex-shrink:0;font-size:2rem}.pg-cta-input{background:var(--bg-card);border:var(--border-thick);padding:var(--sp-3) var(--sp-4);font-family:var(--font-serif);box-shadow:var(--shadow-solid);flex:1;font-size:1.2rem}.pg-cta-input:focus{border:var(--border-thick);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-solid-lg);transform:translate(-2px,-2px)}.pg-cta-btn{flex-shrink:0}.pg-cta-note{margin-top:var(--sp-4);font-family:var(--font-mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.cursor{background:var(--accent);vertical-align:middle;width:10px;height:1.2em;animation:1s step-end infinite typingBlink;display:inline-block}@keyframes typingBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1024px){.ideo-wrap{--pg-split-h:800px}.ideo-split{grid-template-columns:1fr;height:auto}.ideo-pane:last-child{border-top:var(--border-thick);height:350px}.ideo-pane{border-right:none;height:450px}}@media (max-width:768px){.pg-prompt-grid{grid-template-columns:1fr}.ideo-wrap{--pg-split-h:700px}.ideo-pane{border-bottom:var(--border-thick);height:350px}.pg-cta-row{flex-direction:column;align-items:stretch}.pg-cta-asterisk{display:none}}