.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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:#24211d;--accent:#3f5bd8;--accent-strong:#3048b8;--accent-soft:#e8ecff;--accent-line:#b9c4f5;--observed:#3d8762;--attention:#a65f20;font-synthesis:none;text-rendering:optimizelegibility;background:#e8e5df;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,#root{width:100%;max-width:100%;overflow:hidden}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-width:0;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.load-state{color:#5f5850;text-align:center;place-content:center;gap:10px;min-height:100vh;display:grid}.load-state strong{color:#2c2824;letter-spacing:-.025em;font-size:24px;font-weight:720}.load-state code{background:#f7f4ee;border-radius:8px;padding:8px 12px}.load-state>span{border:2px solid #d2cbc1;border-top-color:var(--accent);border-radius:50%;justify-self:center;width:22px;height:22px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.comparison-shell{background:#f0eee9;width:100%;height:100dvh;min-height:100vh;overflow:auto}.comparison-topbar{z-index:20;position:sticky;top:0}.comparison-brand{min-width:0;min-height:44px;color:inherit;text-decoration:none}.comparison-brand>div{min-width:0}.comparison-brand small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comparison-shell :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #3f5bd84d}.comparison-nav{align-items:center;gap:8px;display:flex}.comparison-nav>span,.comparison-nav>a{color:#595149;background:#fff;border:1px solid #d2cbc2;border-radius:8px;align-items:center;min-height:44px;padding:0 12px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.comparison-nav>span.is-source-only{color:#7f4935;background:#f3e8df;border-color:#d6bda9}.comparison-page{width:min(1180px,100% - 36px);margin:0 auto;padding:42px 0 64px}.comparison-intro{justify-content:space-between;align-items:end;gap:28px;display:flex}.comparison-intro h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(34px,5vw,58px);font-weight:720;line-height:.98}.comparison-intro>div>p:last-child{color:#6a6259;max-width:630px;margin:14px 0 0;font-size:14px}.comparison-copy{color:#fffaf1;cursor:pointer;background:#2a2622;border:1px solid #2a2622;border-radius:9px;min-height:44px;padding:0 15px;font-size:11px;font-weight:850}.revision-pair{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;margin-top:30px;display:grid}.revision-card{background:#fcfbf8eb;border:1px solid #cec7bd;border-radius:13px;padding:18px;box-shadow:0 8px 28px #372f270f}.revision-card>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.revision-card>div .eyebrow{margin:0}.revision-card>div strong{letter-spacing:-.02em;font-size:20px;font-weight:720}.revision-card>.environment-pill{color:#605951;letter-spacing:.08em;text-transform:uppercase;background:#e4e1da;border-radius:5px;margin-top:10px;padding:4px 7px;font-size:8px;font-weight:900;display:inline-flex}.revision-card>.environment-pill.is-staging{color:#8a4b35;background:#eee3d8}.revision-card dl{border-top:1px solid #e1dcd4;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 0;padding-top:14px;display:grid}.revision-card dl div{min-width:0}.revision-card dt{color:#827970;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.revision-card dd{color:#39342f;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;font-weight:750;overflow:hidden}.revision-card code{color:#4b443d;background:#ede9e2;border-radius:4px;padding:2px 4px}.revision-direction{color:#8d847a;align-items:center;gap:5px;font-size:17px;font-weight:650;display:flex}.revision-direction span{background:#c9c1b7;flex:1;height:1px}.comparison-boundary{color:#69574c;background:#f4ebe3;border:1px solid #d7c1b0;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;padding:10px 13px;font-size:11px;display:grid}.comparison-boundary strong{color:#7e412e;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.comparison-focus{margin-top:34px}.surface-tabs{border-bottom:1px solid #d3ccc3;gap:7px;display:flex}.surface-tabs button{color:#716960;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;gap:2px;min-width:140px;min-height:52px;padding:10px 12px 11px;display:grid}.surface-tabs button.active{border-bottom-color:var(--accent);color:#2e2a26}.surface-tabs span{font-size:12px;font-weight:850}.surface-tabs small{font-size:9px}.comparison-statement{max-width:850px;padding:30px 0 24px}.comparison-statement h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,4vw,42px);font-weight:720}.comparison-statement>p:last-child{color:#665e56;margin:10px 0 0;font-size:14px}.comparison-statement>p strong{color:#312c27;font-size:18px;font-weight:720}.comparison-content{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:14px;display:grid}.route-shift,.comparison-inspector{background:#faf9f6;border:1px solid #cec7bd;border-radius:13px;box-shadow:0 9px 28px #3c32280f}.route-shift>header{border-bottom:1px solid #ddd7cf;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.route-shift h3,.comparison-inspector h3{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:720}.route-shift>header button{color:#5f574f;cursor:pointer;background:#fff;border:1px solid #d1c9c0;border-radius:7px;min-height:44px;padding:0 12px;font-size:10px;font-weight:800}.route-shift-grid{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:14px;padding:17px;display:grid}.route-group-column>header{justify-content:space-between;gap:8px;margin:0 2px 9px;display:flex}.route-group-column>header strong{color:#554d46;font-size:10px}.route-group-column>header small{color:#8b8279;font-size:9px}.route-group-column>div{gap:6px;display:grid}.route-group-column button{color:#5f574f;text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd7cf;border-radius:9px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;padding:8px;display:grid}.route-group-column button:hover,.route-group-column button.active{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 4px 14px #3f5bd814}.route-group-column button>span{color:var(--accent);font-size:18px;font-weight:700}.route-group-column button>div{gap:2px;min-width:0;display:grid}.route-group-column button strong{color:#3a342f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.route-group-column button code{color:#847a70;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.route-group-column button b{color:#615950;text-align:center;background:#eee9e2;border-radius:5px;min-width:25px;padding:4px 5px;font-size:9px}.shared-spine{background:#f0f1eb;border:1px solid #d4d3c8;border-radius:10px;align-self:start;gap:5px;padding:9px;display:grid}.shared-spine>div{grid-template-columns:auto minmax(0,1fr);gap:0 5px;margin-bottom:3px;display:grid}.shared-spine>div span{color:#648069;grid-row:1/3}.shared-spine>div strong{font-size:10px}.shared-spine>div small,.shared-spine>small{color:#718075;font-size:8px}.shared-spine code{color:#586159;text-overflow:ellipsis;white-space:nowrap;background:#ffffffad;border-radius:5px;padding:5px;font-size:8px;overflow:hidden}.comparison-inspector{padding:16px;position:sticky;top:72px}.comparison-inspector>p:not(.eyebrow){color:#6c645c;margin:8px 0 13px;font-size:11px;line-height:1.45}.comparison-route-list{gap:5px;max-height:360px;padding-right:3px;display:grid;overflow:auto}.comparison-route-list>div{background:#fff;border:1px solid #e0dad2;border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.comparison-route-list code,.comparison-route-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comparison-route-list code{color:#493f38;font-size:10px;font-weight:750}.comparison-route-list small{color:#877e75;font-size:8px}.comparison-inspector>button{color:#fffaf2;cursor:pointer;background:#2e2925;border:1px solid #2e2925;border-radius:8px;width:100%;min-height:44px;margin-top:12px;font-size:10px;font-weight:850}@media (width<=860px){.comparison-page{width:min(100% - 24px,680px);padding-top:26px}.comparison-intro{flex-direction:column;align-items:start}.revision-pair{grid-template-columns:1fr;gap:8px}.revision-direction{justify-content:center;min-height:24px;transform:rotate(90deg)}.comparison-content{grid-template-columns:1fr}.comparison-inspector{position:static}.route-shift-grid{grid-template-columns:1fr}.shared-spine{grid-row:1}}@media (width<=560px){.comparison-topbar{gap:8px;height:auto;min-height:58px}.comparison-nav>span{display:none}.comparison-intro h1{font-size:36px}.comparison-boundary{grid-template-columns:1fr}.revision-card dl{grid-template-columns:1fr 1fr}.surface-tabs{overflow-x:auto}.surface-tabs button{min-width:120px}}@media (width<=280px){.comparison-topbar{flex-direction:column;align-items:stretch;padding:8px 12px}.comparison-brand{width:100%}.comparison-brand strong{flex:none}.comparison-nav,.comparison-nav>a{width:100%}.comparison-nav>a{justify-content:center}.comparison-page{width:calc(100% - 24px);padding-bottom:96px}.comparison-intro,.revision-card>div,.route-shift>header{align-items:stretch}.revision-card>div,.route-shift>header{flex-direction:column}.comparison-copy,.route-shift>header button{width:100%}.surface-tabs{flex-direction:column;overflow:visible}.surface-tabs button{border-bottom:0;border-left:2px solid #0000;width:100%;min-width:0}.surface-tabs button.active{border-bottom-color:#0000;border-left-color:var(--accent)}.route-shift-grid{gap:10px;padding:10px}.route-group-column,.route-group-column>header,.route-group-column button,.shared-spine,.comparison-inspector{min-width:0;max-width:100%}}.studio-shell{background:#ece9e3;flex-direction:column;width:100%;max-width:100%;height:100dvh;min-height:100vh;display:flex;overflow:hidden}.topbar{background:#faf9f6f5;border-bottom:1px solid #d6d1c9;justify-content:space-between;align-items:center;height:58px;padding:0 14px 0 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;letter-spacing:-.03em;background:#242938;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.brand div{align-items:baseline;gap:8px;display:flex}.brand strong{letter-spacing:-.02em;font-size:16px;font-weight:760}.brand small{color:#6d655d;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:flex}.viewport-toggle{background:#e7e3dc;border:1px solid #d0cac1;border-radius:8px;padding:2px;display:flex}.viewport-toggle button{color:#554d45;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:750}.viewport-toggle button.active{color:#2e2a26;background:#fff;box-shadow:0 1px 3px #322b221f}.coverage-status{color:#5f5850;cursor:pointer;background:#fff;border:1px solid #cec7bd;border-radius:8px;align-items:stretch;padding:0;display:flex;overflow:hidden}.coverage-status>span,.coverage-status>b{align-items:center;gap:7px;padding:7px 9px;font-size:11px;display:flex}.coverage-status>span i{background:#4f9668;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dce9df}.coverage-status>b{color:var(--attention);background:#f7eadc;border-left:1px solid #ded8cf;font-weight:800}.coverage-status:hover,.coverage-status.active{border-color:var(--accent-line);box-shadow:0 0 0 2px #3f5bd81a}.coverage-status.active>b{background:var(--accent);color:#fff}.attention-count{color:var(--attention);font-size:10px;font-weight:750}.play-journey{color:#fffaf2;cursor:pointer;background:#292521;border:1px solid #292521;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;text-decoration:none}.source-switch{background:#e7e3dc;border:1px solid #d0cac1;border-radius:8px;align-items:center;gap:6px;padding:2px 2px 2px 7px;display:flex}.source-switch>span{color:#625b54;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.source-switch select{color:#332f2a;cursor:pointer;background:#fff;border:0;border-radius:6px;max-width:164px;min-height:27px;padding:4px 24px 4px 7px;font:750 10px Inter,sans-serif;box-shadow:0 1px 3px #322b221f}.core-topbar-actions{position:relative}.public-demo-nav{align-items:center;gap:4px;display:flex}.public-demo-nav a,.public-demo-nav button{color:#625a52;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 10px;font:800 10px Inter,sans-serif;text-decoration:none;display:inline-flex}.public-demo-nav a:hover{color:#2e2925;background:#eee9e2}.public-demo-nav button{color:#fffaf2;background:#2d2823;margin-left:2px}.public-demo-nav button:hover{background:#4a4038}.public-demo-guide{z-index:80;color:#2d2823;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbf8fa;border:1px solid #d8d9df;border-radius:12px;width:min(440px,100vw - 28px);max-height:calc(100dvh - 28px);padding:24px;position:fixed;bottom:clamp(14px,4vw,42px);left:clamp(14px,3vw,42px);overflow:auto;box-shadow:0 22px 60px #2327342e,0 2px 8px #23273414}.public-demo-guide-close{color:#756b62;cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;position:absolute;top:10px;right:10px}.public-demo-guide-close:hover{color:#2d2823;background:#eee7de}.public-demo-guide h1{letter-spacing:-.05em;max-width:380px;margin:0;font-size:clamp(32px,5vw,47px);font-weight:760;line-height:1}.public-demo-guide>p:not(.eyebrow){color:#665d54;max-width:380px;margin:14px 0 18px;font-size:13px;line-height:1.55}.public-demo-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 18px;padding:0;list-style:none;display:grid}.public-demo-guide li{background:#f5f6fa;border:1px solid #dde0e9;border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.public-demo-guide li span{color:var(--accent);letter-spacing:.1em;font:850 8px Inter,sans-serif}.public-demo-guide li strong{color:#4c443d;font-size:10px;line-height:1.25}.public-demo-guide>div{align-items:center;gap:12px;display:flex}.public-demo-guide>div button{color:#fffaf2;cursor:pointer;background:#2d2823;border:1px solid #2d2823;border-radius:9px;min-height:44px;padding:0 15px;font-size:11px;font-weight:850}.public-demo-guide>div a{color:var(--accent-strong);text-underline-offset:3px;font-size:11px;font-weight:800}.public-demo-guide>small{color:#80766c;margin-top:14px;font-size:9px;line-height:1.4;display:block}.mobile-selection-action{display:none}.core-review-action{color:#665d55;cursor:pointer;background:#fffdfa;border:1px solid #d0c8be;border-radius:8px;min-height:36px;padding:0 11px;font-size:10px;font-weight:800}.core-review-action.active{color:#fffaf2;background:#2d2823;border-color:#2d2823}.core-source-switch select{min-height:32px}.core-view-menu{position:relative}.core-view-menu>summary{color:#665d55;cursor:pointer;background:#fffdfa;border:1px solid #d0c8be;border-radius:8px;place-items:center;min-height:36px;padding:0 11px;font-size:10px;font-weight:800;list-style:none;display:grid}.core-view-menu>summary::-webkit-details-marker{display:none}.core-view-menu[open]>summary{background:#fff;border-color:#9d9488}.core-view-menu>div{z-index:50;background:#fbfaf7;border:1px solid #c9c1b7;border-radius:11px;gap:11px;width:min(230px,100vw - 24px);padding:12px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 42px #30271f2e}.core-view-menu section{gap:6px;display:grid}.core-view-menu section>span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.core-view-menu .viewport-toggle,.core-view-menu .view-toggle{width:100%}.core-view-menu button{flex:1;min-height:36px}.finding-actions{z-index:2;background:linear-gradient(#f5f1eb 82%,#f5f1eb00);grid-template-columns:1fr;gap:6px;padding:0 0 10px;display:grid;position:sticky;top:0}.finding-actions button{color:#554d45;cursor:pointer;background:#fff;border:1px solid #c9c1b7;border-radius:8px;padding:8px 9px;font-size:11px;font-weight:800}.finding-actions button.is-primary{color:#fffaf2;background:#2d2823;border-color:#2d2823}.copy-error{color:#7d3728;background:#f4e2db;border-radius:8px;margin:0;padding:8px 9px;font-size:11px;line-height:1.35}.workspace{flex:1;grid-template-columns:248px minmax(0,1fr);min-width:0;max-width:100%;min-height:0;display:grid;overflow:hidden}.studio-shell.is-audit .workspace{grid-template-columns:264px minmax(0,1fr)}.rail{background:#f7f5f1;border-right:1px solid #d6d1c9;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.rail-chrome{flex:none;padding:18px 14px 10px}.rail-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 14px 18px;overflow:auto}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:9px;font-weight:850}.rail h1{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:740;line-height:1.1}.lede{color:#5f5850;margin:8px 0 14px;font-size:12px;line-height:1.45}.core-path-picker{gap:6px;margin-bottom:12px;display:grid}.core-path-picker>span{color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:850}.core-path-picker select{color:#38322d;text-overflow:ellipsis;background:#fff;border:1px solid #cfc5ba;border-radius:8px;width:100%;min-height:42px;padding:8px 28px 8px 9px;font:750 11px Inter,sans-serif}.core-path-picker small{color:#766e66;font-size:9px}.core-path-steps{gap:2px;margin:0 0 13px;padding:0;list-style:none;display:grid}.core-path-steps button{color:#514a43;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:48px;padding:6px;display:grid}.core-path-steps button:hover,.core-path-steps button[aria-current=step]{border-color:var(--accent-line);background:var(--accent-soft);color:#2d2924}.core-path-steps button>span{color:var(--accent);font-size:10px;font-weight:800}.core-path-steps button>div{gap:2px;min-width:0;display:grid}.core-path-steps strong,.core-path-steps code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.core-path-steps strong{font-size:11px}.core-path-steps code{color:#6b635c;font-size:8px}.core-play-action{color:#fffaf2;cursor:pointer;background:#2d2823;border:1px solid #2d2823;border-radius:9px;width:100%;min-height:44px;padding:8px 10px;font-size:10px;font-weight:850}.core-map-summary{border-top:1px solid #ddd7cf;margin-top:15px;padding-top:12px}.core-map-summary summary{color:#6d645c;cursor:pointer;font-size:10px;font-weight:800}.core-map-summary p{color:#746c64;margin:8px 0;font-size:10px;line-height:1.5}.core-map-summary button{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.journey-list{gap:5px;display:grid}.journey-list-label{color:#7b7067;letter-spacing:.1em;text-transform:uppercase;margin:3px 8px 1px;font-size:8px;font-weight:850}.journey-list button{color:#5f5850;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;gap:8px;width:100%;padding:9px;display:flex}.journey-list button:hover{background:#f0ece6}.journey-list button.active{border-color:var(--accent-line);background:var(--accent-soft);color:#2d2924}.journey-list button>span{color:var(--accent);font-size:12px;font-weight:800}.journey-list button div{flex-direction:column;gap:2px;min-width:0;display:flex}.journey-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.journey-list small{color:#625b54;font-size:11px}.map-start{border:1px solid var(--accent-line);background:linear-gradient(145deg,#fbfcff,var(--accent-soft));border-radius:9px;gap:7px;margin-bottom:14px;padding:12px;display:grid;box-shadow:0 7px 18px #3f5bd80f}.map-start>span{color:var(--accent-strong);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.map-start>strong{letter-spacing:-.02em;font-size:17px;font-weight:720}.map-start p{color:#625a52;margin:0 0 2px;font-size:10px;line-height:1.4}.map-start .stage-thread{color:#6e645c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.condition-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.condition-control>span{color:#795b4e;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:850}.condition-control select{color:#3e3731;background:#fffc;border:1px solid #cdbeb3;border-radius:7px;width:100%;min-width:0;padding:6px 22px 6px 7px;font:750 10px Inter,sans-serif}.condition-control.is-inline{margin-top:3px}.map-start button{color:#fffaf2;text-align:left;cursor:pointer;background:#2d2823;border:1px solid #2d2823;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:800}.map-start button.is-secondary{color:#504941;background:#ffffffb8;border-color:#cbbfb4}.more-journeys{border-top:1px solid #ddd6cd;margin-top:3px}.more-journeys summary{color:#625b54;cursor:pointer;padding:10px 8px 6px;font-size:10px;font-weight:800}.more-journeys button{color:#5f5850;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;gap:8px;width:100%;padding:9px;display:flex}.more-journeys button:hover{background:#f0ece6}.more-journeys button.active{border-color:var(--accent-line);background:var(--accent-soft);color:#2d2924}.more-journeys button>span{color:var(--accent);font-size:12px;font-weight:800}.more-journeys button div{flex-direction:column;gap:2px;min-width:0;display:flex}.more-journeys strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.more-journeys small{color:#625b54;font-size:11px}.audit-tabs{flex-wrap:wrap;gap:5px;margin:0;display:flex}.audit-tabs button{color:#554d45;text-align:left;cursor:pointer;background:#fdfbf8;border:1px solid #d8d1c8;border-radius:8px;flex:calc(50% - 5px);justify-content:space-between;align-items:center;gap:5px;min-width:0;padding:7px 8px;font-size:11px;display:flex}.audit-tabs button.active{color:#784818;background:#f8eadb;border-color:#d9ac7f;box-shadow:0 0 0 2px #a65f2014}.audit-tabs span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audit-tabs strong{font-size:13px;font-weight:780}.finding-list{gap:6px;display:grid}.finding-list>button{color:#5f5850;text-align:left;cursor:pointer;background:#fffaf5;border:1px solid #ddd4c9;border-radius:9px;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;width:100%;padding:9px;display:grid}.finding-list>button:hover,.finding-list>button.active{background:#f8eadb;border-color:#d9ac7f;box-shadow:0 3px 10px #653d2b14}.finding-list strong,.finding-list code,.finding-list small{text-overflow:ellipsis;grid-column:2;overflow:hidden}.finding-list strong,.finding-list code{white-space:nowrap}.finding-list strong{color:#38322d;font-size:12px}.finding-list code{color:#7d3f2d;font-size:10px}.finding-list small{color:#5f5850;font-size:11px;line-height:1.35}.evidence-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;grid-row:1/4;align-self:start;padding:3px 4px;font-size:7px;font-weight:900}.evidence-tag.is-static{color:#645e57;background:#e2ddd5}.evidence-tag.is-observed{color:#356747;background:#dce9df}.evidence-tag.is-captured{color:#4f506f;background:#e4e4ee}.not-measured{color:#5f5850;border-top:1px solid #ddd7cf;margin-top:14px;padding-top:11px;font-size:11px}.not-measured summary{color:#514a43;cursor:pointer;font-weight:800}.not-measured p{margin:7px 0 0;line-height:1.5}.all-captured{color:#5d755f;text-align:center;gap:8px;padding:18px 10px;font-size:11px;display:grid}.all-captured span{letter-spacing:-.03em;font-size:22px;font-weight:760}.ledger-card{border-top:1px solid #ddd8d0;margin-top:14px;padding-top:11px}.ledger-card>summary{color:#6d645c;cursor:pointer;font-size:10px;font-weight:800}.ledger-card>div{color:#59524b;justify-content:space-between;align-items:center;margin:7px 2px;font-size:11px;display:flex}.ledger-card strong{color:#34302b;font-size:15px;font-weight:720}.canvas-panel{background:#e9e6df;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.panel-heading{z-index:8;background:#f8f6f2f0;border-bottom:1px solid #d6d1c9;justify-content:space-between;align-items:center;gap:12px;min-width:0;max-width:100%;min-height:56px;padding:8px 14px;display:flex;position:relative}.canvas-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:740}.canvas-context{color:#736b63;margin:3px 0 0;font-size:9px}.canvas-context strong{color:#524a43}.core-mobile-path-picker{display:none}.active-path-control{align-items:center;gap:7px;max-width:420px;margin-top:5px;display:flex}.active-path-control span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:8px;font-weight:850}.active-path-control select{color:#4f473f;text-overflow:ellipsis;background:#fff;border:1px solid #d1c8bd;border-radius:6px;min-width:0;max-width:330px;padding:3px 22px 3px 6px;font-size:10px;font-weight:700;overflow:hidden}.react-flow.is-space-panning,.react-flow.is-space-panning .react-flow__pane{cursor:grab}.focus-path-action,.review-next-action{color:#fffaf2;cursor:pointer;background:#292521;border:1px solid #292521;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.review-next-action{color:#4d453e;background:#fffdfa;border-color:#c5b9ae}.canvas-more{position:relative}.canvas-more>summary{color:#554d45;white-space:nowrap;cursor:pointer;background:#ffffffb8;border:1px solid #c9c1b7;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;list-style:none}.canvas-more>summary::-webkit-details-marker{display:none}.canvas-more[open]>summary{background:#fff;border-color:#9d9488}.canvas-more>div{z-index:30;background:#fbfaf7;border:1px solid #c9c1b7;border-radius:11px;gap:7px;width:min(220px,100vw - 24px);padding:10px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 42px #30271f2e}.canvas-more>div>span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.canvas-more .view-toggle{width:100%}.canvas-more .view-toggle button{flex:1}.canvas-more .layout-action,.canvas-more .selection-toggle{text-align:left;width:100%}.canvas-more .legend{border-top:1px solid #e1dbd3;justify-content:space-between;padding:7px 2px 1px}.layout-action{color:#554d45;cursor:pointer;background:#ffffffb3;border:1px solid #c9c1b7;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.layout-action:hover{background:#fff;border-color:#9d9488}.selection-toggle{color:#554d45;cursor:pointer;background:#fff;border:1px solid #c9c1b7;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.selection-toggle.active{color:#4e396a;background:#eee8f5;border-color:#735b93;box-shadow:0 0 0 2px #694e8b1a}.view-toggle{background:#dfdbd4;border:1px solid #cec8bf;border-radius:9px;padding:2px;display:flex}.view-toggle button{color:#514a43;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:750}.view-toggle button.active{color:#2f2b27;background:#fff;box-shadow:0 1px 4px #2d27201f}.display-toggle{background:#ebe2da}.legend{color:#554e47;gap:9px;font-size:11px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.legend i{border-top:2px solid #b9b1a6;width:16px;height:0}.legend .static{border-top-style:dashed}.legend .observed{border-color:#4f9668}.legend .return{border-top-style:dotted}.audit-evidence-legend{gap:5px;display:flex}.audit-evidence-legend span{text-transform:uppercase;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:850}.audit-evidence-legend .is-static{color:#645e57;background:#e2ddd5}.audit-evidence-legend .is-observed{color:#356747;background:#dce9df}.audit-evidence-legend .is-captured{color:#4f506f;background:#e4e4ee}.canvas-workspace{flex:1;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;min-height:0;transition:grid-template-columns .18s;display:grid;position:relative;overflow:hidden}.canvas-workspace.has-detail-pane{grid-template-columns:minmax(0,1fr) 340px}.flow-wrap{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.flow-wrap>.react-flow{width:100%;height:100%}.screen-gallery{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));align-content:start;gap:16px;height:100%;padding:18px;display:grid;overflow:auto}.gallery-card{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#fbfaf7;border:1px solid #ccc5bb;border-radius:13px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 8px 24px #3c332914}.gallery-card:hover{border-color:#9d9488;transform:translateY(-2px);box-shadow:0 14px 32px #3c332924}.gallery-card.is-handoff-selected{border-color:#755b96;box-shadow:0 0 0 3px #755b9629,0 14px 32px #3c332924}.gallery-preview{aspect-ratio:16/10;background:#ded8cf;border:1px solid #e1dcd4;border-radius:8px;margin:7px;display:block;position:relative;overflow:hidden}.gallery-preview img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.missing-variant{color:#847c72;background:repeating-linear-gradient(135deg,#e8e3dc,#e8e3dc 9px,#dfd9d0 9px 10px);place-content:center;height:100%;font-size:11px;font-weight:750;display:grid}.gallery-preview b{color:#fff;background:#b46b31;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:8px;right:8px}.gallery-preview em{background:var(--accent);color:#fff;letter-spacing:.07em;text-transform:uppercase;border-radius:6px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:850;position:absolute;top:8px;left:8px}.gallery-route-preview{background:#f1ede7;border:1px solid #ddd5cb;border-radius:8px;place-content:center start;gap:6px;min-height:88px;margin:7px;padding:16px;display:grid}.gallery-route-preview code{color:#493f37;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.gallery-route-preview small{color:#7b7269;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.gallery-meta{justify-content:space-between;align-items:baseline;gap:10px;padding:3px 12px 12px;display:flex}.gallery-meta strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:720;overflow:hidden}.gallery-meta code{color:#746d65;font-size:10px}.gallery-meta small{color:var(--accent-strong);white-space:nowrap;font-size:9px;font-weight:800}.screen-node{background:#fbfaf7;border:1px solid #c9c2b8;border-radius:12px;width:230px;transition:border-color .16s,box-shadow .16s,transform .16s,opacity .16s;position:relative;overflow:visible;box-shadow:0 9px 22px #4237291a}.react-flow__node{cursor:pointer}.react-flow.is-rearranging .react-flow__node{cursor:grab}.react-flow.is-rearranging .react-flow__node.dragging{cursor:grabbing}.react-flow__node:focus-visible .screen-node{outline-offset:4px;border-color:var(--accent);outline:3px solid #3f5bd84d}.screen-node:hover{border-color:#9d9488;transform:translateY(-2px);box-shadow:0 17px 38px #42372929}.screen-node.is-in-journey{border-color:var(--accent);box-shadow:0 0 0 2px #3f5bd81f,0 15px 34px #2d396f1f}.screen-node.is-inspected{border-color:#2d2823;transform:translateY(-1px);box-shadow:0 0 0 3px #2d282338,0 18px 40px #2d282329}.screen-node.is-inspected .node-annotation{background:#2d2823}.screen-node.is-inspected .node-annotation span,.screen-node.is-inspected .node-annotation small{color:#fff6ec}.screen-node.is-inspected .node-annotation i{color:#fff6ec;background:0 0;border-color:#fff6ec47}.screen-node.is-flow-focus{border-color:var(--accent-strong);box-shadow:0 0 0 4px #3f5bd829,0 20px 46px #2d396f2e}.screen-node.is-handoff-selected{border-color:#735b93;box-shadow:0 0 0 4px #735b9333,0 18px 42px #43305b2e}.screen-node.is-capture-gap{border-style:dashed}.screen-node.is-capture-gap .evidence-dot{background:#b85d39}.screen-node.is-audit-finding{border-color:#b85d39;box-shadow:0 0 0 2px #b85d391f,0 15px 34px #5d34251f}.screen-node.is-audit-muted{opacity:.18;filter:saturate(.2)}.screen-node.is-context-muted{opacity:.58;filter:saturate(.72)}.screen-node.is-capture-gap .uncaptured-state{background:repeating-linear-gradient(135deg,#f1e5dc,#f1e5dc 9px,#ead9cc 9px 10px)}.screen-node.is-route-only{width:250px}.screen-node.is-route-only .screen-preview{display:none}.screen-node.is-route-only .screen-meta{padding:16px}.screen-node.is-route-only .screen-meta strong{font-size:17px}.screen-node.is-map-known{border-color:#a8a092}.screen-node.is-map-known .node-annotation{background:#e9ece7}.screen-node.is-map-source-only{border-style:dashed;border-color:#b97858}.screen-node.is-map-source-only .node-annotation{background:#f5e9e2}.screen-node.is-context-muted.is-map-known{opacity:.38}.node-lane-label{color:#574f47;letter-spacing:.09em;text-transform:uppercase;transform-origin:0 100%;background:#f7f5f0f0;border:1px solid #a8a0928c;border-radius:5px;width:max-content;max-width:320px;padding:4px 6px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;bottom:calc(100% + 12px);left:0}.node-annotation{background:#f1eee8;border-bottom:1px solid #ddd7cf;border-radius:11px 11px 0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:7px 9px;display:grid}.node-annotation span{color:#7f412f;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.node-annotation small{color:#625a52;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:750;overflow:hidden}.node-annotation i{color:#655d54;letter-spacing:.06em;text-transform:uppercase;border:1px solid #c8c0b7;border-radius:999px;padding:3px 5px;font-size:7px;font-style:normal;font-weight:900}.node-annotation i.is-observed{color:#326341;background:#e7f2e9;border-color:#9fc5aa}.node-annotation i.is-incomplete{color:#8a432f;background:#f5e5de;border-color:#d5a18f}.clear-flow-focus{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:9px;font-weight:800}.screen-preview{background:#ded8cf;border:1px solid #e2ddd6;border-radius:8px;height:136px;margin:6px;position:relative;overflow:hidden}.screen-preview>img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.uncaptured-state{color:#776f66;text-align:center;background:repeating-linear-gradient(135deg,#e8e3dc,#e8e3dc 8px,#dfd9d0 8px 9px);place-content:center;gap:4px;height:100%;display:grid}.uncaptured-state span{font-size:16px;font-weight:720}.uncaptured-state small{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.screen-meta{grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;padding:3px 10px 10px;display:grid}.screen-meta>div{color:#655f58;letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:11px}.evidence-dot{background:#4f9668;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.screen-meta strong{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:720;overflow:hidden}.screen-meta code{color:#625c55;text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:92px;font-size:10px;overflow:hidden}.screen-meta small{color:#7b7168;grid-column:1/-1;font-size:9px}.react-flow__handle{pointer-events:none;opacity:0;background:0 0;border:0;width:7px;height:7px}.canvas-status{z-index:6;color:#5e574f;pointer-events:none;background:#faf8f4f0;border:1px solid #d2cbc2;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px 14px;max-width:min(720px,100% - 88px);padding:8px 12px;font-size:11px;line-height:1.35;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 28px #2d271f14}.canvas-status span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.canvas-status strong{color:#2f2a26;font-size:13px;font-weight:720}.canvas-status small{color:#655e57;margin-left:auto;font-size:10px}.layout-action.active{color:#fffaf2;background:#2d2823;border-color:#2d2823}.react-flow__edge-path{transition:opacity .16s,stroke .16s,stroke-width .16s}.react-flow__edge-textbg{filter:drop-shadow(0 2px 4px #37302714)}.react-flow__controls{border:1px solid #cec7bd;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #37302714}.react-flow__controls-button{background:#fbfaf7;border-color:#ddd7ce}.react-flow__minimap{border:1px solid #cec7bd;border-radius:8px;overflow:hidden}.node-drawer{z-index:5;background:#f8f5f0;border-left:1px solid #cfc7bc;min-width:0;padding:16px 14px 0;font-size:11px;position:relative;overflow:auto;box-shadow:-12px 0 32px #2d271f14}.core-node-drawer{padding:18px 16px 20px}.core-connection-grid{gap:3px;margin-top:15px;display:grid}.core-connection-grid .causal-section{margin-top:0}.core-next-doors button{background:#fff9f4;border-color:#d7b9aa}.core-next-doors button strong{color:#7f402d}.core-inspect-action{color:#fffaf2;background:#2d2823;border-color:#2d2823;min-height:44px;margin-top:14px}.core-copy-action{color:#493f38;background:#fffdfa;min-height:44px;margin-top:7px}.core-screen-more{border-top:1px solid #ddd6cd;margin-top:15px;padding-top:12px}.core-screen-more>summary{color:#665d55;cursor:pointer;align-items:center;min-height:44px;font-size:10px;font-weight:800;display:flex}.core-screen-more>:not(summary){margin-top:9px}.core-proof-row{background:#fffdfa;border:1px solid #ddd5cb;border-radius:8px;gap:4px;padding:9px;display:grid}.core-proof-row span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.core-proof-row code{color:#686159;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.identity-review{color:#5f5549;background:#fff8ea;border:1px solid #e0c59d;border-radius:8px;gap:4px;margin-top:9px;padding:10px;display:grid}.identity-review strong{color:#8a4d28;font-size:10px}.identity-review p,.identity-review small{margin:0;font-size:9px;line-height:1.45}.identity-review small{color:#756959}.core-diagnostic-count{color:#8a4d38;margin:9px 0 0;font-size:10px}.core-feedback{gap:5px;display:grid}.core-feedback span{color:#785f53;font-size:9px;font-weight:800}.core-feedback textarea{resize:vertical;color:#3e3832;background:#fffdfa;border:1px solid #d2c9be;border-radius:8px;width:100%;padding:9px;font:11px/1.45 Inter,sans-serif}.core-feedback-stack{background:#fffaf5;border:1px solid #ddd4c9;border-radius:10px;gap:9px;padding:11px;display:grid}.core-feedback-intro{gap:3px;display:grid}.core-feedback-intro strong{color:#38322d;font-size:12px}.core-feedback-intro span{color:#6b625a;font-size:10px;line-height:1.4}.drawer-identity,.audit-drawer>div{gap:3px;padding-right:34px;display:grid}.drawer-identity>span,.audit-drawer>div>span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.drawer-identity>strong,.audit-drawer>div>strong{letter-spacing:-.025em;font-size:20px;font-weight:740}.drawer-identity code{color:#756e65;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.drawer-identity small{color:#6d655d;font-size:11px;line-height:1.4}.node-drawer>code{color:#756e65;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:10px;display:block;overflow:hidden}.node-drawer>p{color:#756e65;margin:7px 0;line-height:1.45}.node-drawer .interaction-summary{color:#554d45;border-top:1px solid #e0d9cf;margin-top:12px;padding-top:10px}.node-drawer>b{color:#504940;margin-top:4px;font-size:13px;font-weight:720;display:inline-block}.drawer-tabs{background:#e8e2da;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:13px;padding:3px;display:grid}.drawer-tabs button{color:#6d645c;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;padding:7px 5px;font-size:9px;font-weight:800}.drawer-tabs button.active{color:#342e29;background:#fffdfa;box-shadow:0 1px 4px #30281f1f}.drawer-panel{min-height:0;padding-bottom:14px}.drawer-close{color:#645c53;cursor:pointer;background:#fff;border:1px solid #d0c8be;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:18px;display:grid;position:absolute;top:12px;right:12px}.causal-section{border-top:1px solid #ded7ce;gap:6px;margin-top:14px;padding-top:12px;display:grid}.causal-section>span{margin-bottom:2px}.causal-section>p{color:#766e65;margin:0;font-size:10px;line-height:1.4}.causal-section button{color:#49423b;text-align:left;cursor:pointer;background:#fffdfa;border:1px solid #d9d1c7;border-radius:8px;gap:2px;width:100%;padding:8px 9px;display:grid}.causal-section button:hover{background:#fff;border-color:#b69b8a}.causal-section button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.causal-section button small{color:#766e65;font-size:9px;line-height:1.35}.screen-review{gap:9px;margin-top:12px;display:grid}.screen-review>span,.screen-review label>span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.recommendation-card{background:#fffdfa;border:1px solid #c7b8ad;border-radius:10px;gap:7px;padding:11px;display:grid;box-shadow:0 5px 15px #4131260f}.recommendation-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.recommendation-card span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.recommendation-card b{color:#625951;background:#ece6df;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:800}.recommendation-card>strong{color:#352f2a;font-size:15px;font-weight:720;line-height:1.2}.recommendation-card ul{color:#665e56;gap:3px;margin:0;padding-left:15px;font-size:9px;line-height:1.4;display:grid}.recommendation-card>button{color:#fffaf2;cursor:pointer;background:#2d2823;border:1px solid #2d2823;border-radius:8px;width:100%;min-height:34px;padding:7px 9px;font-size:9px;font-weight:850}.recommendation-card>button.is-accepted{color:#356145;background:#e8f1ea;border-color:#6f947a}.review-alternatives{gap:5px;display:grid}.review-alternatives>span{color:#82776d;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.node-drawer .review-status{grid-template-columns:repeat(2,1fr);gap:5px;padding:0;display:grid}.review-status button{color:#615950;cursor:pointer;background:#fff;border:1px solid #d5cdc3;border-radius:7px;min-width:0;padding:7px 5px;font-size:9px;font-weight:800}.review-status button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 2px #3f5bd814}.screen-review label{gap:5px;display:grid}.screen-review textarea{resize:vertical;color:#3e3832;background:#fffdfa;border:1px solid #d2c9be;border-radius:8px;width:100%;padding:9px;font:11px/1.45 Inter,sans-serif}.screen-review textarea:focus{outline-offset:1px;border-color:var(--accent);outline:2px solid #3f5bd833}.active-path-card{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:9px;gap:4px;padding:10px;display:grid}.active-path-card.is-outside{background:#f3eee8;border-style:dashed}.active-path-card span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.active-path-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:720;overflow:hidden}.active-path-card small{color:#72675f;font-size:9px}.active-path-card select{color:#3e3731;background:#fffdfa;border:1px solid #cdbeb3;border-radius:7px;width:100%;padding:7px 25px 7px 8px;font:700 10px Inter,sans-serif}.path-panel,.evidence-panel{margin-top:12px}.path-panel .causal-thread{margin-top:8px}.causal-thread{grid-template-columns:1fr 1.1fr 1fr;gap:5px;display:grid}.causal-thread>*{color:#4a433c;text-align:left;background:#fffdfa;border:1px solid #d8d0c6;border-radius:8px;gap:4px;min-width:0;padding:9px 7px;display:grid}.causal-thread>div{border-color:var(--accent-line);background:var(--accent-soft)}.causal-thread button{cursor:pointer}.causal-thread button:disabled{opacity:.52;cursor:default}.causal-thread span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.causal-thread strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.branch-disclosure{border-top:1px solid #ded7ce;margin-top:11px}.branch-disclosure summary{color:#665d55;cursor:pointer;padding:11px 1px 2px;font-size:10px;font-weight:800}.branch-disclosure .causal-section{margin-top:9px;padding-top:9px}.evidence-panel dl{background:#fffdfa;border:1px solid #ddd5cb;border-radius:9px;gap:0;margin:0;display:grid}.evidence-panel dl>div{border-bottom:1px solid #e7e1d9;gap:3px;padding:9px 10px;display:grid}.evidence-panel dl>div:last-child{border-bottom:0}.evidence-panel dt{color:var(--accent-strong);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:850}.evidence-panel dd{color:#5e564f;min-width:0;margin:0;font-size:10px;line-height:1.4}.evidence-panel dd code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drawer-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f5f0f5;border-top:1px solid #d8d0c6;gap:6px;margin:0 -14px;padding:10px 14px 14px;display:grid;position:sticky;bottom:0}.copy-review{color:#fffaf2;cursor:pointer;background:#2d2823;border:1px solid #2d2823;border-radius:8px;width:100%;padding:10px;font-size:10px;font-weight:800}.next-review{color:#77584a;cursor:pointer;background:0 0;border:0;padding:7px;font-size:9px;font-weight:800}.inspect-button,.handoff-node-button{color:#443d36;cursor:pointer;background:#fff;border:1px solid #c9bfb2;border-radius:8px;width:100%;margin-top:8px;padding:9px;font-size:10px;font-weight:800}.handoff-node-button{color:#50396c;background:#f4f0f7;border-color:#c6b8ce;margin-top:0}.handoff-tray{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfaf7f7;border:1px solid #655078;border-radius:12px;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #2d1f3a3d}.handoff-tray>div{min-width:150px;margin:0 5px;display:grid}.handoff-tray strong{font-size:14px;font-weight:720}.handoff-tray span{color:#746a7e;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:9px;overflow:hidden}.handoff-tray button{color:#4e4258;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c7bdce;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800}.handoff-tray button.is-primary{color:#fff;background:#49335f;border-color:#49335f}.handoff-tray button.is-clear{color:#7a6e81;background:0 0;border:0}.diagnostic-list{border-top:1px solid #ddd6cc;margin-top:10px;gap:3px!important;padding:10px 0 0!important;display:grid!important}.diagnostic-list p{font-size:10px;line-height:1.35}.diagnostic-list p strong{color:#a33c30;text-transform:uppercase;margin-right:5px}.player-panel{z-index:40;background:#f8f6f2;border:1px solid #bfb7ad;border-radius:14px;width:min(490px,100vw - 30px);position:fixed;top:68px;bottom:10px;right:10px;overflow:auto;box-shadow:0 24px 80px #28221b47}.close-player{color:#514a42;cursor:pointer;background:#fff;border:1px solid #cbc3b9;border-radius:8px;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.player-panel .remotion-player{background:#24201c}.player-heading-actions{align-items:center;gap:6px;display:flex}.player-heading-actions>button:first-child{color:#514941;cursor:pointer;background:#fff;border:1px solid #c7bdb2;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.player-copy-error{margin:0 12px 12px}.player-loading{aspect-ratio:16/10;color:#f8f2e9;background:#2a2521;place-items:center;font-size:12px;display:grid}.transport{background:#f4f1eb;border-bottom:1px solid #ddd7ce;grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;padding:10px 12px;display:grid}.transport button{color:#4d463f;cursor:pointer;background:#fff;border:1px solid #cbc4ba;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:750}.transport button:disabled{opacity:.4;cursor:default}.transport span{color:#746d65;justify-self:center;font-size:10px}.transport span strong{color:#302b26;font-size:14px;font-weight:720}.trace-explainer{background:#fffdfa;border-bottom:1px solid #ddd7ce;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;display:grid}.trace-explainer>span{color:#625a52;letter-spacing:.08em;text-transform:uppercase;border:1px solid #c9c0b5;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:850}.trace-explainer>span.is-observed{color:#326341;background:#eaf5ed;border-color:#9fc5aa}.trace-explainer>span.is-static{border-style:dashed}.trace-explainer strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.trace-explainer small{color:#766e66;white-space:nowrap;font-size:9px}.timeline{gap:5px;padding:12px;display:grid}.timeline button{color:inherit;text-align:left;cursor:pointer;background:#efebe4;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 1fr;gap:2px 7px;padding:7px;display:grid}.timeline button.active{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 0 2px #3f5bd814}.timeline span{background:var(--accent-soft);width:23px;height:23px;color:var(--accent-strong);border-radius:50%;grid-row:1/3;place-items:center;font-size:11px;font-weight:800;display:grid}.timeline strong{font-size:11px}.timeline small{color:#6c655e;font-family:ui-monospace,monospace;font-size:10px}.playback-stage{color:#f8f2e9;background:#2a2521;padding:38px;font-family:Inter,sans-serif}.playback-chrome{color:#c9bcae;letter-spacing:.12em;justify-content:space-between;font-size:12px;display:flex}.playback-screen{color:#302a25;background:#f3eadf;border-radius:16px;margin-top:30px;overflow:hidden;box-shadow:0 35px 80px #00000047}.playback-windowbar{background:#dfd3c5;align-items:center;gap:7px;height:40px;padding:0 16px;display:flex}.playback-windowbar i{background:#bda895;border-radius:50%;width:8px;height:8px}.playback-windowbar span{color:#776a5f;margin-left:8px;font-family:ui-monospace,monospace;font-size:11px}.playback-capture{aspect-ratio:16/10;object-fit:cover;object-position:center top;width:100%;display:block}.playback-uncaptured{text-align:center;place-content:center;min-height:460px;padding:50px;display:grid}.playback-uncaptured p{color:#a25c43;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.playback-uncaptured h2{letter-spacing:-.04em;margin:10px 0 20px;font-size:52px;font-weight:740}.playback-evidence{color:#bfb2a5;align-items:center;gap:16px;margin-top:26px;font-size:11px;display:flex}.playback-evidence span{color:#e58460;letter-spacing:.1em;text-transform:uppercase}.playback-evidence code{flex:1}.screen-inspector{z-index:100;background:#f8f6f2;border:1px solid #bdb5aa;border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:fixed;inset:18px;overflow:hidden;box-shadow:0 30px 100px #27211b6b}.screen-inspector header{border-bottom:1px solid #d5d0c8;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.screen-inspector header h2{letter-spacing:-.02em;margin:0 12px 0 0;font-size:19px;font-weight:740;display:inline}.screen-inspector header code{color:#6c655d;font-size:11px}.screen-inspector header button{color:#403a34;cursor:pointer;background:#fff;border:1px solid #c8c0b6;border-radius:8px;padding:7px 10px;font-weight:700}.inspector-canvas{background:#2e2925;place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden}.inspector-canvas img{object-fit:contain;filter:drop-shadow(0 18px 30px #00000059);border-radius:7px;width:100%;height:100%;display:block}.inspector-evidence{color:#625b54;border-top:1px solid #d5d0c8;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;padding:10px 16px;font-size:11px;line-height:1.4;display:grid}.inspector-evidence span{min-width:0}.inspector-evidence b{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:8px;display:block}.inspector-evidence code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.screen-inspector footer{color:#686159;border-top:1px solid #d5d0c8;gap:18px;padding:9px 16px;font-size:11px;display:flex}.screen-inspector footer strong{color:#a24e36;margin-left:auto}@media (width<=1100px){.workspace{grid-template-columns:205px minmax(0,1fr)}.legend,.brand small{display:none}.topbar{padding-inline:10px}.topbar-actions{gap:5px}.source-switch>span{display:none}.source-switch{padding-left:2px}.source-switch select{max-width:132px}}@media (width<=919px){.topbar{flex-direction:column;align-items:stretch;gap:7px;height:auto;min-height:0;padding:8px 10px}.topbar-actions{flex-wrap:wrap;gap:6px;width:100%}.public-demo-nav{width:100%}.public-demo-nav a,.public-demo-nav button{flex:1;min-height:44px}.studio-shell.is-public-demo .topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.studio-shell.is-public-demo .topbar-actions{display:contents}.studio-shell.is-public-demo .core-review-action{grid-area:1/2}.studio-shell.is-public-demo .public-demo-nav{grid-area:2/1/auto/-1}.coverage-status>span,.attention-count{display:none}.workspace,.studio-shell.is-audit .workspace{grid-template-columns:minmax(0,1fr)}.rail{display:none}.core-mobile-path-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:100%;margin-top:7px;display:grid}.core-mobile-path-picker span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.core-mobile-path-picker select{color:#4f473f;background:#fff;border:1px solid #d1c8bd;border-radius:7px;min-width:0;min-height:38px;padding:6px 26px 6px 8px;font-size:10px;font-weight:700}.source-switch select,.core-review-action,.core-view-menu>summary,.core-mobile-path-picker select,.viewport-toggle button,.view-toggle button,.selection-toggle,.focus-path-action,.canvas-more>summary{min-height:44px}.react-flow__controls-button{width:44px;height:44px}.workspace{position:relative}.studio-shell.is-audit .rail{z-index:20;border-right:1px solid #c7beb3;width:min(330px,100vw - 24px);display:block;position:absolute;inset:0 auto 0 0;box-shadow:18px 0 55px #322a2233}.panel-heading{flex-direction:column;align-items:flex-start;gap:8px}.canvas-actions{flex-wrap:wrap;gap:6px;width:100%}.canvas-status{max-width:none;bottom:8px;left:8px;right:8px}.core-view-menu>div,.canvas-more>div{width:auto;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;inset:auto 8px 8px;overflow:auto}.core-view-menu section,.core-view-menu .viewport-toggle,.core-view-menu .view-toggle,.canvas-more .view-toggle{min-width:0;max-width:100%}.core-view-menu .viewport-toggle,.core-view-menu .view-toggle,.canvas-more .view-toggle{flex-wrap:wrap}.core-view-menu button,.canvas-more button{overflow-wrap:anywhere;min-width:0;max-width:100%}.active-path-control{width:100%;max-width:100%}.active-path-control select{flex:1;max-width:none}.canvas-workspace.has-detail-pane{grid-template-columns:minmax(0,1fr)}.node-drawer{z-index:35;border:1px solid #c7beb3;border-radius:14px;max-height:min(70dvh,560px);position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 18px 55px #322a2238}.handoff-tray{flex-wrap:wrap;max-width:none;left:8px;right:8px;transform:none}.canvas-workspace.has-detail-pane .handoff-tray{top:10px;bottom:auto}.handoff-tray>div{flex:150px;min-width:0}.legend{display:none}.screen-gallery{grid-template-columns:minmax(0,1fr);padding:10px}.player-panel{width:calc(100vw - 16px);top:8px;bottom:8px;right:8px}.trace-explainer{grid-template-columns:auto 1fr}.trace-explainer small{white-space:normal;grid-column:2}.screen-inspector{inset:8px}}@media (width<=430px){.brand small{display:inline}.source-switch select{max-width:145px;min-height:44px}.brand,.brand div{min-width:0}.brand small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.play-journey{margin-left:auto}.viewport-toggle button,.coverage-status,.play-journey,.focus-path-action,.review-next-action,.canvas-more>summary,.active-path-control select,.layout-action,.selection-toggle,.view-toggle button,.audit-tabs button,.finding-actions button,.journey-list button,.more-journeys button,.core-review-action,.core-view-menu>summary,.core-mobile-path-picker select{min-height:44px}.view-toggle button,.drawer-close{min-width:44px}.canvas-actions>.selection-toggle{display:none}.canvas-more .mobile-selection-action{width:100%;display:block}.drawer-close{width:44px;height:44px}.recommendation-card>button,.review-status button,.copy-review,.next-review,.handoff-node-button,.drawer-tabs button,.handoff-tray button{min-height:44px}.handoff-tray{grid-template-columns:1fr 1fr;display:grid}.handoff-tray>div{grid-column:1/-1;margin:0}.handoff-tray button.is-clear{grid-column:1/-1}.react-flow__controls-button{width:44px;height:44px}.public-demo-guide{padding:20px}.public-demo-guide ol{grid-template-columns:1fr}.public-demo-guide li{grid-template-columns:24px minmax(0,1fr);align-items:center}.public-demo-guide>div{flex-direction:column;align-items:stretch}.public-demo-guide>div button,.public-demo-guide>div a{text-align:center;width:100%}.view-toggle button{padding-inline:8px}.screen-inspector header{align-items:flex-start;gap:8px}.screen-inspector header code{text-overflow:ellipsis;white-space:nowrap;max-width:230px;display:block;overflow:hidden}.screen-inspector footer{flex-wrap:wrap;gap:8px}.inspector-evidence{grid-template-columns:1fr;gap:7px}}@media (width<=280px){.studio-shell .topbar{gap:5px}.studio-shell .brand small,.studio-shell .canvas-context{display:none}.core-topbar-actions{grid-template-columns:1fr 1fr;display:grid}.core-source-switch{grid-column:1/-1}.core-source-switch select{width:100%;max-width:none}.core-review-action,.core-view-menu>summary{width:100%}.panel-heading{gap:6px;padding:9px 12px}.panel-heading h2{font-size:17px}.canvas-actions{flex-wrap:nowrap}.canvas-actions>*{flex:1}.core-canvas-menu>summary{width:100%}.react-flow__controls{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}