:root{font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:#171717;background:#f7f7f5;--line:#e4e4df;--muted:#71716b;--soft:#f1f1ed;--purple:#7c3aed}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:58px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{color:#171717;text-decoration:none;font-weight:700;letter-spacing:-.03em}.brand>span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;background:#111;color:#fff;border-radius:6px;font:11px ui-monospace,monospace}.brand i{font-style:normal;color:#aaa;margin:0 5px}.local{font-size:12px;color:var(--muted)}.local span,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31a66a;margin-right:7px}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 58px)}.example-rail{border-right:1px solid var(--line);background:#fcfcfa;padding:32px 18px;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}.rail-heading{padding:0 10px 24px}.rail-heading p,.workflow-heading p,.panel-title span,.under-the-hood header span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--purple);margin:0 0 8px}.rail-heading h1{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.rail-heading>span{font-size:12px;color:var(--muted)}#workflow-list{display:grid;gap:6px}.workflow-button{border:1px solid transparent;background:transparent;border-radius:10px;padding:13px;text-align:left;cursor:pointer;color:inherit}.workflow-button strong,.workflow-button small{display:block}.workflow-button strong{font-size:13px;margin-bottom:4px}.workflow-button small{font-size:11px;color:var(--muted)}.workflow-button:hover{background:var(--soft)}.workflow-button.active{background:#fff;border-color:var(--line);box-shadow:0 5px 16px #1111}.how-it-works{margin-top:28px;padding:16px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.how-it-works strong{color:#171717}.how-it-works ol{margin:10px 0 0;padding-left:18px}.how-it-works li{margin:6px 0}.demo-stage{padding:24px 34px 70px;max-width:1440px;width:100%;margin:0 auto}.model-bar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 10px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px 16px}.model-bar label{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted);display:grid;gap:4px}.model-bar select{border:0;padding:1px 24px 1px 0;background:transparent;color:#171717;font:600 13px inherit}.load-button,.ghost-button,.instruction-box button,.error-panel button{border:1px solid var(--line);background:#171717;color:#fff;border-radius:8px;padding:9px 14px;font:700 12px inherit;cursor:pointer}.load-button span{margin-left:14px}.model-progress{grid-column:1/-1;width:100%;height:2px;border:0;appearance:none;-webkit-appearance:none;background:var(--line);color:#c044ff}.model-progress::-webkit-progress-bar{background:var(--line)}.model-progress::-webkit-progress-value,.model-progress::-moz-progress-bar{background:linear-gradient(90deg,#7c3aed,#ec4899,#fb923c);box-shadow:0 0 5px #b84dff,0 0 13px #ec4899aa;transition:width .18s ease}.model-progress:not([value]){background:linear-gradient(90deg,var(--line),#7c3aed,#ec4899,#fb923c,var(--line));background-size:220% 100%;animation:scan 1.3s ease-in-out infinite}.model-status{grid-column:1/-1;font-size:11px;color:var(--muted);min-height:16px}.model-status .status-dot{background:var(--purple)}@keyframes scan{0%{background-position:100%}to{background-position:-100%}}.workflow-heading{display:flex;align-items:end;justify-content:space-between;padding:42px 2px 22px}.workflow-heading h2{font-size:34px;letter-spacing:-.05em;margin:0 0 6px}.workflow-heading>div>span{color:var(--muted)}.ghost-button{background:#fff;color:#171717}.playground{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:16px}.preview-panel,.decision-panel,.under-the-hood{background:#fff;border:1px solid var(--line);border-radius:14px}.preview-panel,.decision-panel{min-height:540px}.panel-title{height:70px;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-title h3,.under-the-hood h3{margin:0;font-size:16px}.panel-title>span:last-child{color:var(--muted);letter-spacing:0}.live-pill{background:#e9f8ef;color:#258653!important;border-radius:20px;padding:4px 8px}.ui-preview{padding:32px;background:linear-gradient(135deg,#fafafa,#f4f2f9);min-height:315px;display:grid;place-items:center}.jr-card{width:min(480px,100%);background:#fff;border:1px solid #dedde4;border-radius:14px;padding:25px;box-shadow:0 18px 45px #29213b14}.jr-stack{display:flex;flex-direction:column;gap:10px}.jr-stack.comfortable{gap:16px}.jr-heading{font-size:22px;letter-spacing:-.04em;margin:0}.jr-text{color:#6b6872;margin:0}.jr-field{display:grid;gap:6px}.jr-field-label,.jr-metric-label{font-size:11px;color:#6b6872;font-weight:700}.jr-input{width:100%;border:1px solid #d9d7df;border-radius:8px;background:#fff;padding:10px 11px;font:inherit}.jr-button{border:0;border-radius:8px;padding:11px 15px;font-weight:700;cursor:pointer;align-self:flex-start}.jr-button.primary{background:#171717;color:#fff}.jr-button.secondary{background:#efedf4}.jr-button.danger{background:#c9364b;color:#fff}.jr-badge{align-self:flex-start;border-radius:20px;padding:5px 9px;background:#eee;font-size:11px;font-weight:800}.jr-badge.success{background:#e2f7e9;color:#267b45}.jr-badge.warning{background:#fff0cb;color:#8c5a00}.jr-badge.danger{background:#ffe0e4;color:#a62238}.jr-metric{border:1px solid #eceaf0;border-radius:9px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center}.jr-metric-value{font-size:15px}.instruction-box{padding:18px 20px;border-top:1px solid var(--line)}.instruction-box>label{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.instruction-box>div:first-of-type{display:flex;gap:8px}.instruction-box textarea{flex:1;resize:vertical;min-height:54px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.instruction-box button:disabled,.load-button:disabled{opacity:.4;cursor:default}.suggestions{display:flex!important;flex-wrap:wrap;gap:5px!important;margin-top:9px}.suggestion{background:#fff!important;color:var(--muted)!important;padding:5px 8px!important;font-weight:500!important;border-radius:20px!important}.text-button{background:transparent!important;color:var(--muted)!important;border:0!important;padding:6px 0!important}.decision-list{list-style:none;padding:12px 20px 24px;margin:0}.decision-list li{position:relative;padding:14px 0 14px 30px;border-bottom:1px solid var(--line)}.decision-list li:before{content:"";position:absolute;left:3px;top:20px;width:9px;height:9px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 4px #ede9fe}.decision-list strong,.decision-list span,.decision-list small{display:block}.decision-list strong{font-size:13px}.decision-list span{font-size:11px;color:var(--muted);margin-top:3px}.decision-list small{font-size:10px;color:#8b5cf6;margin-top:7px}.empty-trace{color:var(--muted);font-size:12px;line-height:1.6}.empty-trace:before{background:#ccc!important;box-shadow:none!important}.under-the-hood{margin-top:16px;padding:20px}.under-the-hood>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.under-the-hood header p{font-size:11px;color:var(--muted);margin:0}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.data-grid details{border:1px solid var(--line);border-radius:10px;overflow:hidden}.data-grid summary{list-style:none;cursor:pointer;padding:13px;display:flex;gap:10px}.data-grid summary>span{font:700 10px ui-monospace;color:#8b5cf6}.data-grid summary strong,.data-grid summary small{display:block}.data-grid summary strong{font-size:12px}.data-grid summary small{font-size:10px;color:var(--muted);margin-top:3px}.data-grid pre,.error-panel pre{margin:0;border-top:1px solid var(--line);background:#16151a;color:#e9e5f4;padding:14px;font:10px/1.55 ui-monospace,monospace;white-space:pre-wrap;max-height:340px;overflow:auto}.error-panel{margin-top:16px;border:1px solid #e9a7b0;background:#fff3f5;border-radius:12px;padding:18px}.error-panel p{color:#8d3947}.error-panel button{margin:8px 6px 0 0}.error-panel[hidden]{display:none}@media(max-width:950px){.app-shell{grid-template-columns:1fr}.example-rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}#workflow-list{grid-template-columns:repeat(3,1fr)}.how-it-works{display:none}.playground,.data-grid{grid-template-columns:1fr}}@media(max-width:620px){.demo-stage{padding:16px}.model-bar{grid-template-columns:1fr}.workflow-heading{align-items:start}.workflow-heading h2{font-size:27px}#workflow-list{grid-template-columns:1fr}.instruction-box>div:first-of-type{flex-direction:column}.topbar{padding:0 14px}.local{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@font-face{font-family:IBM Plex Mono;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--nova-ink:#2b292f;--nova-muted:#706c78;--nova-line:#dedbe5;--nova-purple:#7542e5;--nova-purple-dark:#592acb;--nova-lilac:#f0e9ff;--nova-canvas:#f7f5fa;--nova-panel:#fff }body{color:var(--nova-ink);background:radial-gradient(circle at 75% -10%,#eee5ff 0,transparent 28%),var(--nova-canvas)}.topbar{height:72px;padding:0 32px;background:#ffffffe0;border-color:var(--nova-line);backdrop-filter:blur(18px)}.brand>span{width:32px;height:32px;border-radius:12px;background:linear-gradient(145deg,#3a3048,#211d28)}.app-shell{min-height:calc(100vh - 72px)}.example-rail{top:72px;height:calc(100vh - 72px);padding-top:38px;background:#faf9fcd1;border-color:var(--nova-line)}.workflow-button{border-radius:14px;transition:background .16s,border-color .16s,transform .16s}.workflow-button:hover{background:var(--nova-lilac);transform:translate(2px)}.workflow-button.active{border-color:#cfc1f4;box-shadow:0 8px 28px #4d37701a}.model-bar,.preview-panel,.decision-panel,.under-the-hood{border-color:var(--nova-line);border-radius:18px;box-shadow:0 10px 34px #3a2b4f0f}.model-bar input{width:100%;border:0;border-bottom:1px solid var(--nova-line);padding:2px 0 5px;background:transparent;color:#171717;font:600 13px inherit}.load-button,.instruction-box button:not(.suggestion):not(.text-button){border:0;border-radius:12px;background:linear-gradient(135deg,var(--nova-purple),var(--nova-purple-dark));box-shadow:0 7px 18px #7542e538}.ghost-button,.suggestion{border-color:var(--nova-line)!important;border-radius:12px!important}.ui-preview{background:radial-gradient(circle at 20% 5%,#fff 0,transparent 38%),linear-gradient(145deg,#f4effd,#f8f7fa)}.jr-card{border-color:var(--nova-line);border-radius:18px;box-shadow:0 20px 50px #3b2a531a}.jr-input,.instruction-box textarea{border-color:var(--nova-line);border-radius:11px}.jr-input:focus,.instruction-box textarea:focus{border-color:var(--nova-purple);outline:3px solid rgba(117,66,229,.13)}.under-the-hood{padding:0;overflow:hidden}.under-the-hood>summary{list-style:none;min-height:92px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:var(--nova-panel)}.under-the-hood>summary::-webkit-details-marker{display:none}.under-the-hood>summary:hover{background:#fbf9ff}.under-the-hood>summary h3{margin:1px 0 3px;font-size:17px}.under-the-hood>summary p{margin:0;color:var(--nova-muted);font-size:11px}.disclosure-label{display:flex;align-items:center;gap:12px;color:var(--nova-purple)!important;letter-spacing:0!important}.disclosure-label b{font-size:11px}.disclosure-label i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--nova-lilac);font: 19px/1 sans-serif;transition:transform .18s}.under-the-hood[open] .disclosure-label i{transform:rotate(180deg)}.under-the-hood[open] .disclosure-label b{font-size:0}.under-the-hood[open] .disclosure-label b:after{content:"Hide pipeline";font-size:11px}.under-the-hood>.data-grid{padding:0 20px 20px;border-top:1px solid var(--nova-line)}.data-card{min-width:0;margin-top:20px;overflow:hidden;border:1px solid var(--nova-line);border-radius:13px;background:#fff}.data-card>header{min-height:68px;padding:13px;display:flex;gap:10px;align-items:flex-start}.data-card>header>span{color:var(--nova-purple);font:700 10px ui-monospace,monospace;letter-spacing:0}.data-card strong,.data-card small{display:block}.data-card strong{font-size:12px}.data-card small{margin-top:3px;color:var(--nova-muted);font-size:10px}.data-card pre{min-height:180px;font:12px/1.6 IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(117,66,229,.32);outline-offset:3px}.trace-button{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.trace-button:hover{background:transparent}.decision-list li{border-radius:10px;transition:background .15s}.decision-list li.selected{padding-left:34px;background:var(--nova-lilac)}.decision-list li.selected:before{background:var(--nova-purple);box-shadow:0 0 0 4px #dcd0ff}.jr-text{white-space:pre-wrap}body[data-workflow=support] .instruction-box textarea{min-height:110px}body[data-workflow=invoice] .instruction-box textarea{min-height:240px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}body[data-workflow=invoice] .ui-preview{align-items:start}.jr-check-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:54px;padding:11px 0;border-bottom:1px solid var(--nova-line)}.jr-check-label{color:var(--nova-ink);font-size:13px;font-weight:650}.jr-check-status{display:grid;grid-template-columns:auto 54px;align-items:center;gap:8px;min-width:170px;padding:6px 9px;border-radius:10px;font-size:11px}.jr-check-status.pass{color:#216e43;background:#e3f7e9}.jr-check-status.pending{color:var(--nova-muted);background:var(--nova-lilac)}body[data-workflow=shopping] .jr-metric-label{white-space:pre-line;line-height:1.7}body[data-workflow=shopping] .jr-metric-value{white-space:nowrap;margin-left:12px}.jr-check-status.fail{color:#a3293e;background:#ffe3e7}.jr-check-status small{padding-left:8px;border-left:1px solid currentColor;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;opacity:.8}@media(max-width:620px){.jr-check-item{grid-template-columns:1fr;gap:7px}.jr-check-status{width:max-content}}.local b{font:inherit}.local span{background:#989892}.local[data-state=loading] span,.local[data-state=running] span{animation:runtime-dot 1.1s ease-in-out infinite}.local[data-state=loading] span{background:var(--purple)}.local[data-state=running] span{background:#ef7c3b}.local[data-state=ready] span{background:#31a66a;box-shadow:0 0 0 4px #31a66a1f}.local[data-state=error] span{background:#c9364b}@keyframes runtime-dot{50%{opacity:.4;transform:scale(.72)}}