.retrieval-lab{--retrieval-cyan:#397b79;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;margin-block:2.5rem 5rem;position:relative;overflow:hidden}.retrieval-lab:before{background:repeating-linear-gradient(90deg, var(--accent) 0 55px, transparent 55px 64px, var(--retrieval-cyan) 64px 78px, transparent 78px 87px);content:"";height:5px;position:absolute;inset:0 0 auto}.retrieval-lab__header,.retrieval-lab__result-header,.retrieval-lab__hit-top,.retrieval-lab__step,.retrieval-lab__source,.retrieval-lab__reasons,.retrieval-lab__open,.retrieval-lab__presets,.retrieval-lab__reset{font-family:var(--mono);letter-spacing:.025em;font-size:.76rem;line-height:1.5}.retrieval-lab__header,.retrieval-lab__result-header,.retrieval-lab__hit-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.retrieval-lab__header{color:var(--muted);padding:1.35rem clamp(1.25rem,4vw,3.5rem) 0}.retrieval-lab__status{color:var(--retrieval-cyan);text-align:right;align-items:center;gap:.45rem;display:inline-flex}.retrieval-lab__status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.retrieval-lab__intro{max-width:760px;padding:clamp(2.5rem,7vw,5rem) clamp(1.25rem,4vw,3.5rem) clamp(2.5rem,5vw,4rem)}.retrieval-lab__intro h2{font-family:var(--serif);letter-spacing:-.055em;margin:0 0 1.3rem;font-size:clamp(2.7rem,6.2vw,6.4rem);font-weight:400;line-height:1.06}.retrieval-lab__intro em{color:var(--accent);font-weight:400}.retrieval-lab__intro p{max-width:32rem;color:var(--muted);margin:0;line-height:1.85}.retrieval-lab__workspace{border-top:1px solid var(--line);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);display:grid}.retrieval-lab__controls{border-right:1px solid var(--line);background:var(--surface);min-width:0;padding:clamp(1.5rem,3.5vw,3.5rem)}.retrieval-lab__step{color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem}.retrieval-lab form label{margin-bottom:.6rem;font-size:1.15rem;font-weight:600;display:block}.retrieval-lab__input-row{flex-wrap:wrap;gap:.65rem;display:flex}.retrieval-lab__input-row input{border:1px solid var(--line);outline-offset:2px;background:var(--paper);min-width:0;color:var(--ink);font:inherit;border-radius:2px;flex:190px;padding:.83rem .9rem}.retrieval-lab__input-row input::placeholder{color:var(--muted)}.retrieval-lab__input-row button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border-radius:2px;padding:.83rem 1rem;transition:background-color .16s,color .16s}.retrieval-lab__input-row button:hover{background:var(--accent);border-color:var(--accent)}.retrieval-lab__input-row button span{margin-left:.35rem}.retrieval-lab__help,.retrieval-lab__error{margin:.6rem 0 0;font-size:.78rem;line-height:1.5}.retrieval-lab__help{color:var(--muted)}.retrieval-lab__error{color:var(--accent);font-weight:600}.retrieval-lab__presets{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:2rem;display:flex}.retrieval-lab__presets span{margin-right:.3rem}.retrieval-lab__presets button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:99px;padding:.44rem .75rem;transition:border-color .16s,transform .16s}.retrieval-lab__presets button:hover{border-color:var(--retrieval-cyan);transform:translateY(-2px)}.retrieval-lab__reset{color:var(--accent);cursor:pointer;text-underline-offset:.3em;background:0 0;border:0;margin-top:1.7rem;padding:0;text-decoration:underline}.retrieval-lab__reset span{margin-left:.3rem}.retrieval-lab__method{border-top:1px solid var(--line);margin-top:clamp(3rem,6vw,6rem);padding-top:1.5rem}.retrieval-lab__method .retrieval-lab__step{margin-bottom:.7rem}.retrieval-lab__method p{max-width:40ch;color:var(--muted);margin:.5rem 0;font-size:.85rem;line-height:1.75}.retrieval-lab__results{background:var(--paper);min-width:0;min-height:540px;padding:clamp(1.5rem,3.5vw,3.5rem)}.retrieval-lab__result-header{border-bottom:1px solid var(--line);color:var(--muted);padding-bottom:1.2rem}.retrieval-lab__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;display:flex}.retrieval-lab__empty>span{color:var(--retrieval-cyan);font-family:var(--serif);font-size:clamp(5rem,10vw,9rem);line-height:1}.retrieval-lab__empty h3{font-family:var(--serif);margin:1.3rem 0 .5rem;font-size:clamp(1.65rem,3vw,2.4rem);font-weight:400}.retrieval-lab__empty p{max-width:28rem;color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.7}.retrieval-lab__hit{border-bottom:1px solid var(--line);padding:1.7rem 0 2rem}.retrieval-lab__hit-top{color:var(--retrieval-cyan)}.retrieval-lab__hit h3{font-family:var(--serif);margin:1.1rem 0 1.3rem;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:400;line-height:1.3}.retrieval-lab__hit h3 a{color:var(--ink);text-decoration:none}.retrieval-lab__hit h3 a:hover{color:var(--accent)}.retrieval-lab__hit h3 span{color:var(--accent);font-family:var(--sans);margin-left:.15rem;font-size:.65em;display:inline-block}.retrieval-lab__source{color:var(--muted);margin:0 0 .7rem}.retrieval-lab__hit blockquote{border-left:2px solid var(--retrieval-cyan);margin:0;padding-left:1rem;font-size:.93rem;line-height:1.8}.retrieval-lab__hit mark{background:color-mix(in srgb, var(--retrieval-cyan) 24%, var(--paper));color:var(--ink);padding:0 .12em}.retrieval-lab__reasons{color:var(--muted);margin:1.1rem 0 .7rem}.retrieval-lab__open{color:var(--accent);text-underline-offset:.25em;text-decoration:underline}[data-theme=dark] .retrieval-lab{--retrieval-cyan:#89c4bd}@media (max-width:900px){.retrieval-lab__workspace{grid-template-columns:1fr}.retrieval-lab__controls{border-right:0;border-bottom:1px solid var(--line)}.retrieval-lab__method{margin-top:2rem}.retrieval-lab__results{min-height:360px}.retrieval-lab__empty{min-height:270px}}@media (max-width:480px){.retrieval-lab{margin-block:1.5rem 3rem}.retrieval-lab__header{flex-direction:column;align-items:flex-start;gap:.55rem}.retrieval-lab__intro{padding-top:2.7rem}.retrieval-lab__input-row button{width:100%}.retrieval-lab__results,.retrieval-lab__controls{padding:1.35rem 1.2rem}.retrieval-lab__result-header,.retrieval-lab__hit-top{flex-wrap:wrap;gap:.3rem .8rem}.retrieval-lab__hit blockquote{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.retrieval-lab__input-row button,.retrieval-lab__presets button{transition:none}.retrieval-lab__presets button:hover{transform:none}}
.workflow-playground{--workflow-cyan:#497d7b;--workflow-panel:#242824;border:1px solid var(--line);background:var(--surface);max-width:1440px;color:var(--ink);margin-inline:auto;padding:clamp(24px,4vw,64px)}[data-theme=dark] .workflow-playground{--workflow-cyan:#8bc8c0;--workflow-panel:#171d1c}.workflow-playground :is(h2,h3,p,blockquote){margin:0}.workflow-playground__eyebrow,.workflow-playground__stamp,.workflow-playground__console-header,.workflow-playground__label,.workflow-playground__node-status,.workflow-playground__number,.workflow-playground__result-heading,.workflow-playground__result-foot,.workflow-playground__context span{font-family:var(--mono);letter-spacing:.11em;font-size:11px;line-height:1.5}.workflow-playground__heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(30px,5vw,76px);display:flex}.workflow-playground__eyebrow{color:var(--accent)}.workflow-playground h2{max-width:780px;font-family:var(--serif);letter-spacing:-.052em;margin-block:12px 22px;font-size:clamp(38px,5.8vw,86px);font-weight:500;line-height:.99}.workflow-playground__heading p:last-child{max-width:590px;color:var(--muted);line-height:1.8}.workflow-playground__stamp{border:1px solid var(--accent);color:var(--accent);flex:none;padding:10px 12px}.workflow-playground__layout{grid-template-columns:minmax(0,1fr) minmax(260px,.74fr);gap:clamp(20px,3vw,44px);display:grid}.workflow-playground__console{background:var(--workflow-panel);color:#ece9de;flex-direction:column;min-width:0;min-height:388px;padding:clamp(22px,3vw,42px);display:flex}.workflow-playground__console-header,.workflow-playground__result-heading,.workflow-playground__result-foot{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.workflow-playground__console-header{color:#b4c9bc;padding-bottom:30px}.workflow-playground__label{color:#b4c9bc;margin-bottom:9px}.workflow-playground select{color:#f3efe5;width:100%;min-height:48px;font:500 15px var(--sans);background:#303a34;border:1px solid #67817a;border-radius:0;padding:10px 14px}.workflow-playground__input{font-family:var(--serif);padding:28px 0 16px;font-size:clamp(21px,2.2vw,32px);line-height:1.38}.workflow-playground__microcopy{color:#c2c9bf;font-size:12px;line-height:1.7}.workflow-playground__controls{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px;display:flex}.workflow-playground button{background:var(--accent);min-height:44px;color:var(--paper);cursor:pointer;font:500 13px var(--sans);border:1px solid #0000;border-radius:0;padding:10px 16px;transition:background-color .18s,border-color .18s,transform .18s}.workflow-playground button:not(:disabled):hover{transform:translateY(-2px)}.workflow-playground button:disabled{opacity:.55;cursor:not-allowed}.workflow-playground .workflow-playground__reset{color:#ece9de;background:0 0;border-color:#80948a}.workflow-playground__track{align-content:center;gap:0;padding-block:3px;display:grid}.workflow-playground__node{border-top:1px solid var(--line);min-width:0;min-height:70px;color:var(--muted);grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:13px;padding:13px 0 14px;display:grid;position:relative}.workflow-playground__node:last-child{border-bottom:1px solid var(--line)}.workflow-playground__node[data-state=active]{color:var(--ink)}.workflow-playground__node[data-state=active]:before{background:var(--workflow-cyan);content:"";width:72px;height:2px;position:absolute;top:0;left:0}.workflow-playground__node[data-state=complete] .workflow-playground__number,.workflow-playground__node[data-state=active] .workflow-playground__number,.workflow-playground__node[data-state=active] .workflow-playground__node-status{color:var(--workflow-cyan)}.workflow-playground__node strong,.workflow-playground__node div span{display:block}.workflow-playground__node strong{font-size:15px;font-weight:550}.workflow-playground__node div span{margin-top:4px;font-size:12px}.workflow-playground__node-status{text-align:right}.workflow-playground__result{border:1px solid var(--line);background:var(--paper);min-height:214px;margin-top:20px;padding:clamp(22px,3vw,42px)}.workflow-playground__result-heading{color:var(--workflow-cyan)}.workflow-playground h3{font-family:var(--serif);margin-block:25px 10px;font-size:clamp(24px,3vw,40px);font-weight:500}.workflow-playground__result>p{max-width:760px;font-size:15px;line-height:1.8}.workflow-playground__decision{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.workflow-playground__decision button:last-child{border-color:var(--line);color:var(--ink);background:0 0}.workflow-playground__decision-note{color:var(--muted);margin-top:14px!important;font-size:13px!important}.workflow-playground__result-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:28px;padding-top:18px}.workflow-playground__context{grid-template-columns:1fr 1fr auto;align-items:start;gap:clamp(20px,3vw,44px);padding-top:28px;display:grid}.workflow-playground__context span{color:var(--accent)}.workflow-playground__context p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.8}.workflow-playground__context a{color:var(--accent);white-space:nowrap;align-self:end}@media (max-width:850px){.workflow-playground__layout{grid-template-columns:1fr}.workflow-playground__console{min-height:330px}.workflow-playground__context{grid-template-columns:1fr 1fr}.workflow-playground__context a{justify-self:start}}@media (max-width:540px){.workflow-playground{padding:22px 18px 30px}.workflow-playground__heading{display:block}.workflow-playground__stamp{margin-top:19px;display:inline-block}.workflow-playground__node{grid-template-columns:31px minmax(0,1fr) auto;gap:7px}.workflow-playground__node-status{font-size:9px}.workflow-playground__context{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workflow-playground button{transition:none}.workflow-playground button:not(:disabled):hover{transform:none}}
