.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color:#172026;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto}.app-shell:has(.live-model-page){width:min(1480px,100% - 32px)}.app-shell:has(.quickdraw-demo){width:min(1440px,100% - 32px)}.app-shell:has(.quickdraw-demo) .site-header{max-width:1360px;margin:0 auto}.site-header{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.site-header nav{gap:18px;display:flex}.brand{font-weight:800;text-decoration:none}.site-header nav a,.back-link{color:#496159;font-weight:700;text-decoration:none}.intro{gap:18px;max-width:860px;padding:64px 0 48px;display:grid}.eyebrow{color:#4f6f52;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,4.25rem);line-height:1.03}h2{font-size:1.5rem}h3{margin-bottom:8px;font-size:1.25rem}.intro p:last-child,.section-heading p,.project-card p,.detail-header p,.text-block p,.formula-block p,.repo-block p{color:#53615f;font-size:1rem}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin:16px 0 20px;display:flex}.section-heading p{max-width:560px;margin-bottom:0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding-bottom:72px;display:grid}.project-card{background:#fff;border:1px solid #dbe2dc;border-radius:8px;flex-direction:column;gap:24px;min-height:280px;padding:22px;display:flex}.button-link,.actions a{color:#fff;background:#172026;border-radius:6px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.button-link{margin-top:auto}.detail-page{padding:28px 0 80px}.detail-header{gap:16px;max-width:900px;margin-top:28px;display:grid}.actions{flex-wrap:wrap;gap:10px;display:flex}.content-blocks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:36px;display:grid}.text-block,.metric-block,.embed-block,.formula-block,.chart-block,.repo-block,.api-demo-block{background:#fff;border:1px solid #dbe2dc;border-radius:8px;padding:22px}.metric-block,.formula-block,.chart-block,.repo-block,.api-demo-block{gap:8px;display:grid}.metric-block span,.formula-block span,.chart-block span,.repo-block span,.api-demo-block span{color:#53615f;font-weight:700}.metric-block strong{font-size:1.6rem}.embed-block{color:#172026;font-weight:800;text-decoration:none;display:block}.formula-block code,.repo-block code,.api-demo-block code,.api-demo-block pre{color:#172026;overflow-wrap:anywhere;background:#f2f4ef;border-radius:6px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}.api-demo-block pre{white-space:pre-wrap;margin:0;overflow-x:auto}.mini-chart{background:#f2f4ef;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));align-items:end;gap:8px;height:180px;padding:14px;display:grid}.mini-chart span{background:#486f73;border-radius:4px 4px 0 0;min-height:12px}.error,.loading{color:#8f2d2d;font-weight:700}.live-model-page{gap:28px;padding:28px 0 88px;display:grid}.live-model-header{gap:14px;max-width:860px;display:grid}.live-model-header h1{font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.06}.live-model-header p:last-child{color:#53615f;font-size:1.08rem}.live-model-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:18px;min-width:0;display:grid}.chat-panel{background:#fff;border:1px solid #dbe2dc;border-radius:8px;gap:16px;min-width:0;min-height:min(78vh,880px);padding:18px;display:grid}.chat-status{border-bottom:1px solid #e6ebe5;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.chat-status span,.prompt-bar label,.message-label{color:#53615f;text-transform:uppercase;font-size:.84rem;font-weight:800}.chat-status strong{color:#172026}.chat-thread{align-content:start;gap:8px;min-width:0;min-height:min(56vh,620px);max-height:min(66vh,780px);padding:4px 4px 8px;display:grid;overflow:hidden auto}.empty-chat{color:#53615f;text-align:center;justify-content:center;align-items:center;min-height:220px;display:flex}.chat-message{gap:5px;width:100%;min-width:0;max-width:min(880px,100%);display:grid}.llm-peek-panel{gap:18px;display:grid;position:sticky;top:16px}.peek-section{background:#fff;border:1px solid #dbe2dc;border-radius:8px;gap:18px;padding:18px;display:grid}.peek-section h2{margin-bottom:0;font-size:1.25rem}.metrics-list{gap:10px;margin:0;display:grid}.metrics-list div{border-bottom:1px solid #eef2ed;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.metrics-list div:last-child{border-bottom:0;padding-bottom:0}.metrics-list dt{color:#53615f;text-transform:uppercase;font-size:.78rem;font-weight:800}.metrics-list dd{color:#172026;text-align:right;overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;font-weight:800}.stats-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stats-summary div,.stats-chart{background:#f7f8f5;border:1px solid #dbe2dc;border-radius:8px;padding:12px}.stats-summary span,.stats-chart h3{color:#53615f;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.stats-summary strong{color:#172026;overflow-wrap:anywhere;margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;display:block}.stats-chart{gap:12px;display:grid}.stats-chart p{color:#53615f;margin:0;font-size:.82rem}.histogram{grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:6px;height:150px;display:grid}.histogram span{background:#486f73;border-radius:3px 3px 0 0;min-height:8px}.historical-stats{gap:24px;display:grid}.stats-divider{border-top:1px solid #dbe2dc;margin-top:8px}.historical-stats-panel{background:#fff;border:1px solid #dbe2dc;border-radius:8px;gap:18px;padding:22px;display:grid}.historical-stats-panel h2{margin-bottom:0;font-size:1.4rem}.stats-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.chat-message.user{justify-self:end;width:fit-content;max-width:min(600px,100%)}.chat-message.assistant{justify-self:start;width:min(880px,100%)}.markdown-message,.thinking-block{overflow-wrap:anywhere;word-break:break-word;border-radius:8px;min-width:0;max-width:100%;padding:14px 16px;overflow-x:hidden}.chat-message.user .markdown-message{color:#fff;background:#172026}.chat-message.assistant .markdown-message{color:#172026;background:#f7f8f5;border:1px solid #dbe2dc}.chat-message.pending p{color:#53615f;margin:0}.thinking-block{color:#53615f;background:#f2f4ef;border:1px dashed #cbd7cc}.thinking-block summary{color:#344a39;cursor:pointer;font-weight:800}.markdown-message p,.markdown-message ul,.markdown-message ol,.markdown-message pre,.markdown-message blockquote,.thinking-block p,.thinking-block ul,.thinking-block ol,.thinking-block pre{margin:0 0 10px}.markdown-message p:last-child,.markdown-message ul:last-child,.markdown-message ol:last-child,.markdown-message pre:last-child,.markdown-message blockquote:last-child,.thinking-block p:last-child,.thinking-block ul:last-child,.thinking-block ol:last-child,.thinking-block pre:last-child{margin-bottom:0}.markdown-message code,.thinking-block code{background:#17202614;border-radius:4px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.chat-message.user .markdown-message code{background:#ffffff2e}.markdown-message pre,.thinking-block pre{color:#fff;white-space:pre-wrap;background:#172026;border-radius:6px;padding:12px;overflow-x:auto}.markdown-message pre code,.thinking-block pre code{background:0 0;padding:0}.markdown-message table,.thinking-block table{border-collapse:collapse;table-layout:fixed;width:100%}.markdown-message th,.markdown-message td,.thinking-block th,.thinking-block td{text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal;border:1px solid #cfd9d1;padding:8px 10px}.markdown-message th,.thinking-block th{color:#172026;background:#e8efe8;font-weight:800}.chat-message.user .markdown-message th,.chat-message.user .markdown-message td{border-color:#ffffff59}.chat-message.user .markdown-message th{color:#fff;background:#ffffff24}.prompt-bar{border-top:1px solid #e6ebe5;gap:10px;padding-top:14px;display:grid}.prompt-bar textarea{color:#172026;font:inherit;resize:vertical;background:#f7f8f5;border:1px solid #dbe2dc;border-radius:6px;width:100%;min-height:92px;padding:14px}.prompt-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt-actions span{color:#53615f;font-weight:700}.prompt-actions button{color:#fff;cursor:pointer;font:inherit;background:#172026;border:0;border-radius:6px;min-height:42px;padding:10px 14px;font-weight:800}.prompt-actions button:disabled{cursor:wait;opacity:.7}@media (width<=720px){.section-heading{flex-direction:column;align-items:start}.intro{padding-top:40px}.live-model-grid{grid-template-columns:1fr}.chat-panel{min-height:560px;padding:14px}.chat-thread{max-height:62vh}.llm-peek-panel{position:static}.stats-summary,.stats-chart-grid{grid-template-columns:1fr}}.profiler-page{gap:28px;padding:28px 0 88px;display:grid}.profiler-page .eyebrow{color:#385f64;letter-spacing:0;font-size:.98rem}.profiler-hero .eyebrow{font-size:1.08rem}.profiler-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:28px;padding:28px 0 12px;display:grid}.profiler-hero h1{max-width:860px;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.06}.profiler-hero p:last-child,.section-copy p,.profiler-conclusion p,.profiler-metric p,.trocr-flow-canvas p,.batch-example p{color:#53615f}.profiler-hero p:last-child{max-width:780px;font-size:1.08rem}.hero-sample-strip{gap:10px;display:grid}.hero-sample-strip figure,.sample-card{background:#fff;border:1px solid #dbe2dc;border-radius:8px;margin:0}.hero-sample-strip figure{gap:8px;padding:12px;display:grid}.hero-sample-strip img,.sample-card img{object-fit:contain;background:#f2f4ef;border:1px solid #e3e8e2;border-radius:6px;width:100%;display:block}.hero-sample-strip img{height:52px}.hero-sample-strip figcaption{color:#172026;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.profiler-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profiler-metric,.plot-panel,.profiler-conclusion{background:#fff;border:1px solid #dbe2dc;border-radius:8px;padding:20px}.profiler-metric{gap:6px;display:grid}.profiler-metric span,.chart-title-row span{color:#53615f;text-transform:uppercase;font-size:.84rem;font-weight:800}.profiler-metric strong{color:#172026;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1}.profiler-metric p,.trocr-flow-canvas p,.batch-example p,.profiler-conclusion p{margin-bottom:0}.profiler-section{gap:18px;padding-top:28px;display:grid}.section-copy{max-width:850px}.section-copy h2,.profiler-conclusion h2{margin-bottom:10px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.08}.sample-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.sample-card{gap:12px;padding:14px;display:grid}.sample-card img{height:72px}.sample-card figcaption{gap:4px;display:grid}.sample-card strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}.sample-card span{color:#6b5550;font-size:.85rem;font-weight:700}.architecture-section{grid-template-columns:1fr}.architecture-section .section-copy{max-width:860px}.trocr-flow-shell{gap:12px;display:grid}.flow-controls{background:#fff;border:1px solid #dbe2dc;border-radius:8px;grid-template-columns:auto auto minmax(220px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.flow-controls button{color:#fff;cursor:pointer;font:inherit;background:#172026;border:0;border-radius:6px;min-height:36px;padding:8px 12px;font-weight:850}.flow-controls label{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.flow-controls label span,.flow-controls strong{color:#53615f;font-size:.84rem;font-weight:900}.flow-controls input[type=range]{accent-color:#8a5b49;width:100%}.trocr-flow-canvas{background:#fff;border:1px solid #dbe2dc;border-radius:8px;height:560px;overflow:hidden}.trocr-flow-canvas .react-flow__node{width:auto}.trocr-flow-canvas .react-flow__edge-path{stroke:#53615f;stroke-opacity:.28;stroke-width:2px}.trocr-flow-canvas .completed-flow-edge .react-flow__edge-path{stroke:#486f73;stroke-opacity:1;stroke-width:2.5px}.trocr-flow-canvas .active-flow-edge .react-flow__edge-path{stroke:#8a5b49;stroke-opacity:1;stroke-width:3px}.trocr-flow-canvas .react-flow__edge-textbg{fill:#fff}.trocr-flow-canvas .react-flow__edge-text{fill:#53615f;font-size:11px;font-weight:800}.trocr-flow-canvas .react-flow__handle{opacity:0;background:#486f73;border:2px solid #fff;width:7px;height:7px}.trocr-flow-canvas .react-flow__controls{box-shadow:none;border:1px solid #dbe2dc}.diagram-node{box-sizing:border-box;background:#fff;border:1px solid #dbe2dc;border-radius:8px;gap:8px;width:250px;height:190px;padding:14px;display:grid;overflow:hidden;box-shadow:0 8px 20px #17202614}.decoder-flow-node .diagram-node{width:350px;height:250px}.output-token-flow-node .diagram-node{width:100px;height:120px}.output-token-flow-node .diagram-token-list{place-content:center}.active-flow-node .diagram-node{border-color:#8a5b49;animation:.85s ease-in-out infinite alternate nodePulse;box-shadow:0 0 0 3px #8a5b4929,0 12px 26px #1720261f}.diagram-node span{color:#8a5b49;text-transform:uppercase;font-size:.74rem;font-weight:900}.diagram-node strong{color:#172026;overflow-wrap:anywhere;min-height:1.15rem;font-size:.98rem;line-height:1.14}.diagram-node p{color:#53615f;margin:0;font-size:.82rem}.diagram-node img{object-fit:contain;background:#f2f4ef;border:1px solid #e3e8e2;border-radius:6px;width:100%;height:54px}.diagram-layer-list,.diagram-token-list{gap:6px;min-height:0;overflow:auto}.diagram-layer-list{display:grid}.diagram-layer-list p{color:#2c3938;background:#f2f4ef;border:1px solid #e3e8e2;border-radius:6px;padding:7px 8px;font-size:.78rem;font-weight:750}.diagram-token-list{flex-wrap:wrap;align-content:start;display:flex}.diagram-token-list b{color:#172026;background:#fbfcf9;border:1px solid #dbe2dc;border-radius:5px;padding:5px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem}@keyframes nodePulse{0%{box-shadow:0 0 0 2px #8a5b491f,0 10px 22px #1720261a}to{box-shadow:0 0 0 4px #8a5b4933,0 12px 26px #17202624}}.plot-grid,.scaling-plot-grid{gap:16px;display:grid}.scaling-plot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batching-plot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plot-grid .plot-panel:last-child:nth-child(odd){grid-column:1/-1}.batching-plot-grid .plot-panel:last-child:nth-child(odd){grid-column:auto}.chart-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-title-row h3{margin-bottom:0}.chart-title-row a{color:#486f73;font-size:.9rem;font-weight:800;text-decoration:none}.call-tree-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.call-tree-comparison{gap:12px;display:grid}.call-tree-comparison>div{background:#fff;border:1px solid #dbe2dc;border-radius:8px;padding:18px 20px}.call-tree-comparison h3{margin-bottom:6px}.call-tree-comparison p{color:#53615f;margin-bottom:0}.call-tree-comparison .plot-panel iframe{height:620px}.plot-panel iframe{background:#fff;border:1px solid #e3e8e2;border-radius:6px;width:100%;height:420px}.batch-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.batch-example{background:#fff;border:1px solid #dbe2dc;border-radius:8px;padding:20px}.length-lanes{gap:8px;margin-bottom:14px;display:grid}.length-lane{grid-template-columns:28px minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.length-lane span{color:#53615f;text-align:right;font-size:.8rem;font-weight:900}.length-lane img{object-fit:contain;object-position:left center;background:#f2f4ef;border:1px solid #e3e8e2;border-radius:5px;width:100%;height:44px;display:block}.length-lane strong{color:#6b5550;text-align:right;font-size:.78rem;font-weight:900}.improvement-table{background:#fff;border:1px solid #dbe2dc;border-radius:8px;overflow:auto}.improvement-table div{grid-template-columns:.7fr repeat(4,minmax(110px,1fr));gap:12px;min-width:640px;padding:13px 16px;display:grid}.improvement-table div:first-child{color:#53615f;text-transform:uppercase;background:#eef2ec;font-size:.8rem;font-weight:900}.improvement-table div+div{border-top:1px solid #e3e8e2}.improvement-table span{font-weight:750}.profiler-conclusion{border-left:5px solid #8a5b49;max-width:920px;margin-top:12px}@media (width<=820px){.site-header{align-items:flex-start;gap:12px}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.featured-project{grid-template-columns:1fr;padding:20px}.featured-project-metrics{min-height:72px}.profiler-hero,.architecture-section,.trocr-flow-canvas,.scaling-plot-grid,.plot-grid,.call-tree-comparison-grid,.batch-example-grid,.profiler-metrics-grid{grid-template-columns:1fr}.trocr-flow-canvas{height:680px}.flow-controls{grid-template-columns:1fr 1fr}.flow-controls label{grid-column:1/-1;grid-template-columns:1fr}.profiler-hero{padding-top:18px}.plot-panel iframe{height:360px}.call-tree-comparison .plot-panel iframe{height:520px}}.quickdraw-demo{--qd-ink:#17211d;--qd-paper:#fffdf7;--qd-acid:#d9ff43;--qd-orange:#ff6947;--qd-line:#c9c4b8;color:var(--qd-ink);max-width:1360px;margin:0 auto 4rem;font-family:Manrope,Inter,sans-serif}.quickdraw-demo button,.quickdraw-demo canvas{font:inherit}.qd-hero{grid-template-columns:1.5fr 1fr;align-items:end;gap:64px;padding:54px 0;display:grid}.qd-kicker{letter-spacing:.13em;margin:0 0 18px;font:500 11px SFMono-Regular,Consolas,monospace}.qd-hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(54px,7vw,98px);line-height:.88}.qd-hero h1 em{color:var(--qd-orange);font-weight:400}.qd-hero>p{max-width:490px;margin:0 0 5px;font-size:15px;line-height:1.75}.qd-error{background:#fff3be;border:1px solid #d9c46a;padding:16px 20px}.qd-workbench{background:var(--qd-paper);border:1px solid var(--qd-ink);grid-template-columns:1fr 1fr;min-height:570px;display:grid}.qd-draw-panel,.qd-result-panel{min-width:0;padding:26px 30px 28px}.qd-draw-panel{border-right:1px solid var(--qd-ink)}.qd-panel-heading,.qd-panel-heading>div,.qd-section-title{align-items:center;display:flex}.qd-panel-heading{justify-content:space-between;margin-bottom:24px}.qd-panel-heading>div,.qd-section-title{gap:15px}.qd-panel-heading span,.qd-section-title>span{color:#777;font:500 11px SFMono-Regular,Consolas,monospace}.quickdraw-demo h2{letter-spacing:-.03em;margin:0;font-size:18px}.qd-panel-heading button{cursor:pointer;text-transform:uppercase;background:0 0;border:0;font:500 11px SFMono-Regular,Consolas,monospace}.quickdraw-demo canvas{aspect-ratio:1.35;background:var(--qd-paper);cursor:crosshair;touch-action:none;border:1px dashed #a8a398;width:100%;max-height:430px;display:block}.qd-canvas-status{justify-content:flex-end;margin:18px 0 0;font-size:13px;display:flex}.qd-canvas-status span{font-weight:700}.qd-canvas-status small,.qd-section-title p{color:#777}.qd-live-dot{align-items:center;gap:9px;display:flex;color:#3b7131!important;font:500 10px SFMono-Regular,Consolas,monospace!important}.qd-live-dot:before{content:"";background:#5ed443;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5ed44320}.qd-top-guess{border-bottom:1px solid var(--qd-line);grid-template-columns:1fr auto;align-items:end;padding:21px 0 23px;display:grid}.qd-top-guess span{color:#777;letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font:10px SFMono-Regular,Consolas,monospace}.qd-top-guess strong{letter-spacing:-.055em;text-transform:capitalize;font-size:47px;line-height:1}.qd-top-guess b{color:var(--qd-orange);font:500 21px SFMono-Regular,Consolas,monospace}.qd-confidence-chart{padding-top:18px}.qd-confidence-row{grid-template-columns:76px 1fr 52px;align-items:center;gap:12px;height:33px;font:11px SFMono-Regular,Consolas,monospace;display:grid}.qd-confidence-row>span{text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}.qd-confidence-row>strong{text-align:right;font-size:10px}.qd-confidence-track{background:#e8e4db;height:7px;overflow:hidden}.qd-confidence-track div{background:#8b938e;min-width:2px;height:100%;transition:width .12s ease-out}.qd-confidence-row.leader{font-weight:700}.qd-confidence-row.leader .qd-confidence-track div{background:var(--qd-orange)}.qd-empty-state{color:#888;text-align:center;place-content:center;height:420px;display:grid}.qd-empty-state span{color:#d4d0c7;font:80px SFMono-Regular,Consolas,monospace}.qd-empty-state p{max-width:240px;font-size:13px}.qd-controls{background:var(--qd-paper);border:1px solid var(--qd-ink);border-top:0;grid-template-columns:1.65fr 1fr;display:grid}.qd-models,.qd-telemetry{padding:31px 30px}.qd-models{border-right:1px solid var(--qd-ink)}.qd-section-title{align-items:flex-start;margin-bottom:25px}.qd-section-title p{margin:4px 0 0;font-size:11px}.qd-model-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.qd-model-card{border:1px solid var(--qd-line);cursor:pointer;text-align:left;background:#f8f5ed;grid-template-columns:17px 1fr;align-content:start;gap:9px;min-height:150px;padding:17px;display:grid}.qd-model-card:hover{border-color:var(--qd-ink)}.qd-model-card.selected{background:var(--qd-acid);border-color:var(--qd-ink)}.qd-model-radio{border:1px solid var(--qd-ink);border-radius:50%;width:10px;height:10px;margin-top:4px}.qd-model-card.selected .qd-model-radio{background:var(--qd-ink);box-shadow:inset 0 0 0 2px var(--qd-acid)}.qd-model-card strong,.qd-model-card small{display:block}.qd-model-card strong{font-size:13px}.qd-model-card small{color:#626862;margin-top:7px;font-size:10px;line-height:1.5}.qd-model-meta{color:#666;grid-column:2;align-self:end;margin-top:12px;font:9px SFMono-Regular,Consolas,monospace}.qd-telemetry dl{border-left:1px solid var(--qd-line);border-top:1px solid var(--qd-line);grid-template-columns:1fr 1fr;margin:0;display:grid}.qd-telemetry dl div{border-bottom:1px solid var(--qd-line);border-right:1px solid var(--qd-line);padding:15px}.qd-telemetry dt{color:#777;text-transform:uppercase;margin-bottom:6px;font:9px SFMono-Regular,Consolas,monospace}.qd-telemetry dd{margin:0;font:500 24px SFMono-Regular,Consolas,monospace}.qd-telemetry dd small{font-size:9px}.qd-runtime{color:#777;justify-content:space-between;margin:17px 0 0;font:10px SFMono-Regular,Consolas,monospace;display:flex}.qd-runtime strong{color:var(--qd-ink)}@media (width<=900px){.qd-hero,.qd-workbench,.qd-controls{grid-template-columns:1fr}.qd-hero{gap:28px}.qd-draw-panel,.qd-models{border-bottom:1px solid var(--qd-ink);border-right:0}.qd-model-picker{grid-template-columns:1fr}.qd-model-card{min-height:100px}}@media (width<=520px){.qd-hero{padding:38px 0 32px}.qd-hero h1{font-size:49px}.qd-draw-panel,.qd-result-panel,.qd-models,.qd-telemetry{padding:20px 16px}.qd-canvas-status small{display:none}.qd-confidence-row{grid-template-columns:62px 1fr 46px;gap:8px}}
