main.playground-page{--play-bg:#f7f9fc;--play-surface:#fff;--play-field:#f3f4f6;--play-ink:#111827;--play-copy:#4b5563;--play-muted:#6b7280;--play-line:#d9e0ea;--play-line-soft:#e8edf4;--play-blue:#0052ff;--play-blue-dark:#003fc4;--play-blue-soft:#eef4ff;--play-green:#059669;--play-red:#dc2626;--play-amber:#d97706;--play-terminal:#111827;--play-shadow:0 18px 50px #11182714, 0 2px 8px #1118270a;isolation:isolate;background:var(--play-bg);min-height:calc(100vh - 160px);color:var(--play-ink);flex-direction:column;flex:1;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}main.playground-page:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#94a3b813 1px,#0000 1px),linear-gradient(90deg,#94a3b813 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000b8 70%,#0000);mask-image:linear-gradient(#000,#000000b8 70%,#0000)}main.playground-page *,main.playground-page :before,main.playground-page :after{box-sizing:border-box}main.playground-page h1,main.playground-page h2,main.playground-page h3,main.playground-page p{margin-top:0}main.playground-page h1,main.playground-page h2,main.playground-page h3{color:var(--play-ink);letter-spacing:-.055em}main.playground-page p,main.playground-page small{color:var(--play-copy)}main.playground-page button,main.playground-page input,main.playground-page textarea,main.playground-page select{font:inherit}main.playground-page button{cursor:pointer}main.playground-page .shell{width:100%;max-width:none;margin-inline:0}main.playground-page .playground-hero{border-bottom:1px solid var(--play-line);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;width:100%;padding:30px max(24px,5vw) 24px;display:grid}main.playground-page .playground-hero .kicker,main.playground-page .play-kicker{color:var(--play-blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font:700 .66rem/1.3 JetBrains Mono,SFMono-Regular,monospace}main.playground-page .playground-hero h1{max-width:760px;margin-bottom:14px;font-size:clamp(2.8rem,5vw,5.4rem);font-weight:800;line-height:.88}main.playground-page .playground-hero h1 span{color:var(--play-blue)}main.playground-page .playground-hero>div:first-child>p:not(.kicker){max-width:670px;margin-bottom:0;font-size:.9rem;line-height:1.55}main.playground-page .playground-how{color:var(--play-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;font:600 .65rem/1.3 JetBrains Mono,monospace;display:flex}main.playground-page .playground-how span{align-items:center;gap:7px;display:inline-flex}main.playground-page .playground-how b{width:22px;height:22px;color:var(--play-blue);border:1px solid #b7caff;border-radius:50%;place-items:center;font:700 .6rem JetBrains Mono,monospace;display:grid}main.playground-page .playground-how i{background:var(--play-line);width:24px;height:1px}main.playground-page .playground-status{border:1px solid var(--play-line);min-width:200px;box-shadow:var(--play-shadow);background:#ffffffc2;align-content:end;gap:6px;padding:16px;display:grid}main.playground-page .playground-status>span{color:var(--play-muted);letter-spacing:.06em;align-items:center;gap:7px;font:700 .62rem JetBrains Mono,monospace;display:flex}main.playground-page .playground-status>span i{background:var(--play-muted);border-radius:50%;width:7px;height:7px}main.playground-page .playground-status>span i.ready{background:var(--play-green)}main.playground-page .playground-status strong{letter-spacing:-.04em;font:800 1.45rem/1 JetBrains Mono,monospace}main.playground-page .playground-status small,main.playground-page .playground-status em{color:var(--play-muted);font:500 .65rem/1.4 JetBrains Mono,monospace}main.playground-page .playground-status em{font-style:normal}main.playground-page .playground-shell{flex-direction:column;flex:1;width:100%;min-height:0;padding:18px max(18px,3vw) 24px;display:flex}main.playground-page .playground-nav{border:1px solid var(--play-line);scrollbar-width:thin;background:#ffffffd1;flex-direction:row;flex:none;align-items:stretch;gap:7px;width:100%;padding:7px;display:flex;overflow-x:auto;box-shadow:0 10px 26px #1118270b}main.playground-page .playground-nav>p{color:var(--play-muted);letter-spacing:.1em;white-space:nowrap;flex:none;align-items:center;margin:0 12px 0 6px;font:700 .62rem JetBrains Mono,monospace;display:flex}main.playground-page .playground-nav>button{min-width:150px;min-height:49px;color:var(--play-copy);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;align-items:center;gap:10px;padding:9px 13px;transition:color .2s,background .2s,transform .2s,box-shadow .2s;display:inline-flex}main.playground-page .playground-nav>button:hover{background:var(--play-blue-soft);color:var(--play-ink);border-color:#b7caff}main.playground-page .playground-nav>button.active{border-color:var(--play-blue);background:var(--play-blue);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #0052ff33}main.playground-page .playground-nav>button>span{color:var(--play-blue);font:700 .62rem JetBrains Mono,monospace}main.playground-page .playground-nav>button.active>span,main.playground-page .playground-nav>button.active>svg{color:#fff}main.playground-page .playground-nav>button>div{gap:3px;min-width:0;display:grid}main.playground-page .playground-nav strong{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}main.playground-page .playground-nav small{color:var(--play-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1.25;overflow:hidden}main.playground-page .playground-nav.active small,main.playground-page .playground-nav>button.active small{color:#ffffffc7}main.playground-page .playground-nav>button>svg{color:var(--play-muted);flex:none;margin-left:auto}main.playground-page .playground-workbench{border:1px solid var(--play-line);background:var(--play-surface);width:100%;min-height:0;box-shadow:var(--play-shadow);flex-direction:column;flex:1;margin-top:14px;display:flex;overflow:hidden}main.playground-page .playground-workbench>header{border-bottom:1px solid var(--play-line);min-height:48px;color:var(--play-muted);letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;flex:none;align-items:center;gap:14px;padding:0 18px;font:700 .63rem JetBrains Mono,monospace;display:flex}main.playground-page .playground-workbench>header>span{color:var(--play-blue);align-items:center;gap:7px;display:inline-flex}main.playground-page .playground-workbench>header>span i{background:var(--play-green);border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite playground-pulse}main.playground-page .playground-workbench>header strong{color:var(--play-ink);font-weight:700}main.playground-page .playground-workbench>header em{color:var(--play-muted);letter-spacing:0;text-transform:none;margin-left:auto;font-style:normal;font-weight:500}main.playground-page .playground-workbench>header .reddy-hover-action{flex:none}main.playground-page .playground-body{scrollbar-color:#b7caff transparent;scrollbar-width:thin;flex:1;min-height:0;padding:30px clamp(20px,4vw,58px) 46px;overflow-y:auto}main.playground-page .playground-title{max-width:740px}main.playground-page .playground-title .kicker{margin-bottom:10px}main.playground-page .playground-title h2{margin-bottom:12px;font-size:clamp(2.1rem,4vw,4.5rem);line-height:.9}main.playground-page .playground-title>p:last-child{margin-bottom:0;font-size:.9rem;line-height:1.6}main.playground-page .playground-runbar{border:1px solid var(--play-line);background:var(--play-field);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:14px 16px;display:flex}main.playground-page .playground-runbar>div{align-items:center;gap:11px;display:flex}main.playground-page .playground-runbar>div>svg{color:var(--play-blue)}main.playground-page .playground-runbar>div>span{gap:4px;display:grid}main.playground-page .playground-runbar strong{color:var(--play-ink);font-size:.82rem}main.playground-page .playground-runbar small{font:500 .68rem JetBrains Mono,monospace}main.playground-page .button{border:1px solid var(--play-blue);background:var(--play-blue);color:#fff;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-size:.78rem;font-weight:750;transition:background .2s,transform .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 -2px #00000029,0 7px 16px #0052ff26}main.playground-page .button:hover{background:var(--play-blue-dark)}main.playground-page .button:active{transform:translateY(1px);box-shadow:inset 0 1px #0000002e}main.playground-page .button:disabled{cursor:not-allowed;opacity:.55}main.playground-page .play-input-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-top:24px;display:grid}main.playground-page label.play-wide-label,main.playground-page .play-input-grid label{color:var(--play-muted);letter-spacing:.08em;gap:8px;margin-top:24px;font:700 .65rem/1.3 JetBrains Mono,monospace;display:grid}main.playground-page .play-input-grid label{margin-top:0}main.playground-page input,main.playground-page textarea,main.playground-page select{border:1px solid var(--play-line);background:var(--play-field);width:100%;color:var(--play-ink);border-radius:0;outline:0;font:400 .88rem/1.55 Inter,Geist,ui-sans-serif,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s}main.playground-page input{min-height:44px;padding:10px 12px}main.playground-page textarea{resize:vertical;min-height:122px;padding:12px}main.playground-page select{min-height:44px;padding:10px 12px}main.playground-page input:focus,main.playground-page textarea:focus,main.playground-page select:focus{border-color:var(--play-blue);background:#fff;box-shadow:0 0 0 3px #0052ff21}main.playground-page label small{letter-spacing:0;font:500 .68rem/1.5 JetBrains Mono,monospace}main.playground-page .play-trace{gap:0;margin-top:28px;padding:3px 0;display:grid;position:relative}main.playground-page .play-trace:before{background:var(--play-line);content:"";width:1px;position:absolute;top:20px;bottom:20px;left:15px}main.playground-page .play-step{grid-template-columns:31px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid;position:relative}main.playground-page .play-step-index{z-index:1;border:1px solid var(--play-line);background:var(--play-surface);width:31px;height:31px;color:var(--play-green);border-radius:50%;place-items:center;display:grid}main.playground-page .play-step.warn .play-step-index{color:var(--play-amber)}main.playground-page .play-step.block .play-step-index{color:var(--play-red)}main.playground-page .play-step strong{color:var(--play-ink);font:700 .75rem JetBrains Mono,monospace}main.playground-page .play-step p{margin:5px 0 0;font-size:.8rem;line-height:1.5}main.playground-page .play-step time{color:var(--play-muted);font:500 .68rem JetBrains Mono,monospace}main.playground-page .play-output,main.playground-page .play-decision,main.playground-page .pii-output,main.playground-page .play-live-answer{border:1px solid var(--play-line);background:var(--play-field);grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:22px;margin-top:28px;padding:22px;display:grid}main.playground-page .play-output h3{max-width:650px;margin-bottom:22px;font-size:clamp(1.3rem,2.3vw,2.2rem);line-height:1}main.playground-page .play-context{border-left:1px solid var(--play-line);padding-left:18px}main.playground-page .play-context span,main.playground-page .play-live-answer>div>span{color:var(--play-blue);letter-spacing:.07em;font:700 .62rem JetBrains Mono,monospace}main.playground-page .play-context p{margin-top:13px;font:500 .76rem/1.65 JetBrains Mono,monospace}main.playground-page .play-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}main.playground-page .play-scores.large{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}main.playground-page .play-score{border:1px solid var(--play-line);background:var(--play-surface);gap:6px;padding:13px;display:grid}main.playground-page .play-score span{color:var(--play-muted);font:600 .62rem JetBrains Mono,monospace}main.playground-page .play-score strong{color:var(--play-green);font:800 1.35rem JetBrains Mono,monospace;animation:2.4s ease-in-out infinite playground-score-pulse}main.playground-page .play-score.warn strong{color:var(--play-amber)}main.playground-page .play-score.bad strong{color:var(--play-red)}main.playground-page .play-decision{grid-template-columns:minmax(0,1fr) 260px}main.playground-page .play-decision strong{color:var(--play-ink);margin:10px 0 8px;font-size:1.5rem;display:block}main.playground-page .play-decision.block strong,main.playground-page .play-decision.bad strong{color:var(--play-red)}main.playground-page .play-decision.warn strong{color:var(--play-amber)}main.playground-page .play-decision>div:first-child>p:last-child{margin-bottom:0;font-size:.84rem;line-height:1.6}main.playground-page .play-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}main.playground-page .play-compare article{border:1px solid var(--play-line);background:var(--play-field);padding:22px}main.playground-page .play-compare article>span{color:var(--play-muted);letter-spacing:.08em;font:700 .63rem JetBrains Mono,monospace}main.playground-page .play-compare h3{margin:18px 0 16px;font-size:1.35rem}main.playground-page .play-compare ul{color:var(--play-copy);gap:8px;margin:0;padding-left:18px;font-size:.84rem;line-height:1.45;display:grid}main.playground-page .compare-answer{border-left:3px solid var(--play-green);color:#065f46;background:#ecfdf5;margin-top:23px;padding:13px;font-size:.8rem;line-height:1.5}main.playground-page .compare-answer.bad{border-left-color:var(--play-red);color:#991b1b;background:#fef2f2}main.playground-page .compare-answer b{margin-top:5px;display:block}main.playground-page .agent-state-track{grid-template-columns:repeat(6,minmax(88px,1fr));gap:6px;margin-top:30px;display:grid;overflow-x:auto}main.playground-page .agent-state-track>div{border-top:2px solid var(--play-line);min-width:88px;color:var(--play-muted);text-align:center;justify-items:center;gap:10px;padding:13px 7px;display:grid}main.playground-page .agent-state-track>div svg{color:var(--play-muted)}main.playground-page .agent-state-track>div.done,main.playground-page .agent-state-track>div.active{border-top-color:var(--play-blue);color:var(--play-blue)}main.playground-page .agent-state-track>div.active svg{color:var(--play-amber);animation:1.9s ease-in-out infinite playground-pulse}main.playground-page .agent-state-track span{font:700 .6rem JetBrains Mono,monospace}main.playground-page .pii-output{grid-template-columns:repeat(2,minmax(0,1fr))}main.playground-page .pii-output>div{min-width:0}main.playground-page .pii-output>div+div{border-left:1px solid var(--play-line);padding-left:18px}main.playground-page .pii-output p{word-break:break-word;font:500 .78rem/1.7 JetBrains Mono,monospace}main.playground-page .pii-output small{font:500 .68rem/1.5 JetBrains Mono,monospace;display:block}main.playground-page .pii-chip{color:var(--play-red);background:#fff;border:1px solid #f3c2c2;margin:4px 4px 0 0;padding:5px 7px;font:600 .62rem JetBrains Mono,monospace;display:inline-block}main.playground-page .play-live-answer{background:var(--play-blue-soft);border-color:#b7caff;grid-template-columns:1fr}main.playground-page .play-live-answer>div{align-items:center;gap:13px;display:flex}main.playground-page .play-live-answer>div strong{color:var(--play-green);font:700 .72rem JetBrains Mono,monospace}main.playground-page .play-live-answer>div em{color:var(--play-muted);align-items:center;gap:5px;margin-left:auto;font:500 .68rem JetBrains Mono,monospace;display:inline-flex}main.playground-page .play-live-answer>div em svg{width:14px}main.playground-page .play-live-answer h3{margin:0;font-size:1.35rem;line-height:1.15}main.playground-page .play-live-answer p,main.playground-page .play-live-answer small{margin-bottom:0;font:500 .72rem/1.5 JetBrains Mono,monospace}main.playground-page .playground-actions{gap:12px;margin-top:20px;display:flex}main.playground-page .subtle-button{color:var(--play-blue);background:0 0;border:0;align-items:center;gap:7px;font-size:.75rem;font-weight:700;display:inline-flex}main.playground-page .playground-proof{border-top:1px solid var(--play-line);color:var(--play-blue);gap:12px;margin-top:34px;padding:18px;display:flex}main.playground-page .playground-proof>div{gap:5px;display:grid}main.playground-page .playground-proof strong{color:var(--play-ink);font-size:.85rem}main.playground-page .playground-proof p{margin:0;font-size:.78rem;line-height:1.55}@keyframes playground-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.82)}}@keyframes playground-score-pulse{0%,to{opacity:1}50%{opacity:.72}}@media (max-width:900px){main.playground-page .playground-hero{grid-template-columns:1fr;padding:25px 18px 20px}main.playground-page .playground-status{justify-self:start}main.playground-page .playground-shell{padding-inline:12px}main.playground-page .play-input-grid,main.playground-page .play-output,main.playground-page .play-decision,main.playground-page .pii-output{grid-template-columns:1fr}main.playground-page .play-context,main.playground-page .pii-output>div+div{border-top:1px solid var(--play-line);border-left:0;padding-top:18px;padding-left:0}}@media (max-width:620px){main.playground-page{min-height:calc(100vh - 120px)}main.playground-page .playground-hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}main.playground-page .playground-how i,main.playground-page .playground-nav>p{display:none}main.playground-page .playground-nav>button{min-width:142px}main.playground-page .playground-workbench>header{flex-wrap:wrap;gap:7px 12px;padding:10px 13px}main.playground-page .playground-workbench>header em{margin-left:0}main.playground-page .playground-body{padding:24px 16px 34px}main.playground-page .playground-runbar{flex-direction:column;align-items:stretch}main.playground-page .play-scores,main.playground-page .play-scores.large{grid-template-columns:repeat(2,minmax(0,1fr))}main.playground-page .play-compare{grid-template-columns:1fr}main.playground-page .playground-proof{margin-top:24px}}