.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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))}.auto-hide-scroll-area{position:relative;display:flex;min-width:0;min-height:0;overflow:hidden}.auto-hide-scroll-body{min-width:0;min-height:0;scrollbar-color:transparent transparent;scrollbar-width:thin}.auto-hide-scroll-body::-webkit-scrollbar{width:8px;height:8px}.auto-hide-scroll-body::-webkit-scrollbar-track,.auto-hide-scroll-body::-webkit-scrollbar-corner{background:transparent}.auto-hide-scroll-body::-webkit-scrollbar-thumb{min-width:36px;min-height:36px;border:2px solid transparent;border-radius:999px;background:transparent;background-clip:content-box}.auto-hide-scrollbar{position:absolute;z-index:3;top:2px;right:2px;bottom:2px;width:4px;pointer-events:none;opacity:0;transition:opacity .18s ease}.auto-hide-scrollbar-thumb{position:absolute;top:0;right:0;width:3px;height:var(--auto-scroll-thumb-size, 0px);border-radius:999px;background:color-mix(in srgb,var(--secondary) 58%,transparent);transform:translateY(var(--auto-scroll-thumb-offset, 0px))}.auto-hide-scroll-area.is-scrollable.is-scrolling>.auto-hide-scrollbar{opacity:1}@media(prefers-reduced-motion:reduce){.auto-hide-scrollbar{transition:none}}.report-loading-shell{position:relative;display:flex;height:100%;min-width:320px;isolation:isolate;background:var(--screen)}.report-loading-shell .button:focus-visible,.report-loading-shell a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.report-loading-skeleton{display:block;flex:none;border-radius:4px;background:var(--element)}.report-loading-pill-skeleton{width:72px;height:18px;margin-right:6px;border-radius:9px}.report-loading-canvas{position:relative;height:100%;min-width:0;min-height:0;outline:none}.report-loading-changes{display:flex;align-items:center;justify-content:center;padding:80px 24px;background-image:radial-gradient(circle,var(--graph-dot) 1px,transparent 1px);background-size:18px 18px}.report-loading-state{display:flex;width:min(100%,360px);flex-direction:column;align-items:center;gap:24px;text-align:center}.report-loading-morph-defs{position:absolute;width:0;height:0;pointer-events:none}.report-loading-status{display:grid;width:100%;min-height:24px;align-items:center;justify-items:center;color:var(--secondary);font-size:13px;font-weight:500;line-height:24px}.report-loading-status:has(.report-loading-step.is-leaving){filter:url(#report-loading-morph)}.report-loading-step{grid-area:1 / 1;max-width:100%;animation:report-loading-step-in .36s cubic-bezier(.33,0,.67,1) both}.report-loading-step.is-leaving{pointer-events:none;animation:report-loading-step-out .36s cubic-bezier(.33,0,.67,1) both}.report-loading-shimmer{background-image:linear-gradient(105deg,var(--secondary) 40%,var(--text) 50%,var(--secondary) 60%);background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;animation:report-loading-shimmer 2s linear infinite}@keyframes report-loading-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes report-loading-step-in{0%{opacity:0;filter:blur(2.6px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes report-loading-step-out{0%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(2.6px);transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce),(forced-colors:active){.report-loading-step{animation:none}.report-loading-step.is-leaving{display:none}.report-loading-status:has(.report-loading-step.is-leaving){filter:none}.report-loading-shimmer{animation:none;background:none;color:var(--secondary)}}@media(forced-colors:active){.report-loading-shimmer{color:CanvasText}}.report-loading-error{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.5}.report-loading-error p{margin:8px 0 0;color:var(--secondary);font-size:12px}.report-loading-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.report-loading-actions .button{display:inline-flex;align-items:center;gap:6px}.report-loading-actions a{display:inline-flex;align-items:center;gap:3px;color:var(--secondary);font-size:12px;text-decoration:none}.report-loading-actions a:hover{color:var(--text);text-decoration:underline}@media(max-width:680px){.report-loading-changes{padding:74px 20px}}.report-loading-shell.is-dragging:after{content:"";position:absolute;inset:8px;z-index:5;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}.report-loading-state.is-drop{width:min(100%,500px);align-items:stretch;gap:0}.report-drop{display:flex;width:100%;flex-direction:column;align-items:center;padding:36px 32px 32px;border:1.5px dashed var(--border);border-radius:12px;background:var(--surface);text-align:center;transition:border-color .12s ease,background-color .12s ease}.is-dragging .report-drop{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.report-drop-icon{color:var(--secondary)}.report-drop-title{margin:16px 0 0;color:var(--text);font-size:18px;font-weight:650;line-height:1.35}.report-drop-steps{display:flex;max-width:420px;flex-direction:column;gap:12px;margin:16px 0 0;padding:0;color:var(--secondary);font-size:14px;line-height:21px;list-style:none;text-align:left;counter-reset:report-step}.report-drop-steps li{position:relative;padding-left:32px;counter-increment:report-step;overflow-wrap:anywhere}.report-drop-steps li:before{content:counter(report-step);position:absolute;top:-1px;left:0;display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;color:var(--secondary);background:var(--element);font-size:12px;font-weight:600}.report-drop-steps code{font-variant-ligatures:none}.report-drop .report-drop-subtitle{max-width:400px;margin:6px 0 0;color:var(--secondary);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.report-drop code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;overflow-wrap:anywhere}.report-drop-file{color:var(--text);text-decoration:none;text-underline-offset:3px}.report-drop-file:hover{text-decoration:underline}.report-drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.report-drop .button{text-decoration:none}.report-drop .button:not(.button-primary){color:var(--text)}.report-drop-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.report-drop-message{margin-top:12px;color:var(--danger);font-size:13px;line-height:1.4}.report-drop .report-loading-error{display:flex;flex-direction:column;align-items:center}.report-drop .report-loading-actions{gap:8px 16px;margin-top:14px}@media(max-width:680px){.report-drop{padding:28px 20px 24px}}.panel-search{display:flex;min-width:0;height:30px;flex:1;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--panel-line);border-radius:7px;color:var(--tertiary);background:transparent}.panel-search:has(input:focus){border-color:color-mix(in srgb,var(--accent) 52%,var(--panel-line));background:var(--element)}.panel-search>svg{width:var(--icon-glyph-md);height:var(--icon-glyph-md);flex:none}.panel-search input{width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;line-height:normal;outline:0;color:var(--text);background:transparent;font-size:12px}.panel-search input::placeholder{color:var(--tertiary)}.panel-search input::-webkit-search-cancel-button{display:none}.panel-search-clear{display:inline-flex;width:24px;height:24px;margin-right:-6px;flex:none;align-items:center;justify-content:center;border-radius:50%;color:var(--tertiary);background:transparent}.panel-search-clear:hover{color:var(--secondary);background:var(--panel-hover)}.panel-search-clear:focus-visible{outline:0;color:var(--secondary);background:color-mix(in srgb,var(--accent) 10%,var(--panel-hover));box-shadow:none;filter:brightness(1.08)}.panel-search-clear svg{width:14px;height:14px}.panel-scroll.changes-scroll-shell{display:flex;overflow:hidden}.changes-panel{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column}.changes-panel-heading{position:relative;z-index:2;display:flex;flex:none;height:48px;min-height:48px;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 4px 16px}.changes-panel-title{display:flex;min-width:0;align-items:baseline;gap:8px;margin:0;color:var(--text);font-size:13px;font-weight:600;line-height:1.25}.changes-panel-count{color:var(--tertiary);font-size:12px;font-weight:500}.changes-status-chips{display:flex;flex:none;flex-wrap:wrap;gap:6px;padding:2px 16px 14px}.changes-status-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:0;border-radius:12px;color:var(--diff);background:var(--diff-soft);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .12s ease,background .12s ease,box-shadow .12s ease}.changes-status-chip:is(.diff-needs-review,.diff-unchanged,.diff-not-compared,.diff-unavailable){color:var(--secondary);background:var(--selected)}.changes-status-chip-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}.changes-status-chips.filtering .changes-status-chip[aria-pressed=false]{color:var(--tertiary);background:transparent;box-shadow:inset 0 0 0 1px var(--border-subtle)}.changes-status-chips.filtering .changes-status-chip[aria-pressed=false]:hover{color:var(--secondary)}.changes-status-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.changes-panel-actions{display:flex;min-width:0;flex:none;align-items:center;gap:2px}.changes-panel-heading.searching{gap:4px}.changes-panel-heading.searching .panel-search{min-width:0;flex:1}.changes-search-button:hover,.changes-search-close:hover{background:var(--panel-hover)}.changes-panel-content{display:flex;min-height:0;flex:1;flex-direction:column}.changes-panel-scroll-shell{position:relative;display:flex;min-height:0;flex:1;overflow:hidden}.changes-panel-body{min-width:0;min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.changes-screen-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0 8px 14px;list-style:none}.changes-screen-row{display:flex;width:100%;min-width:0;align-items:center;gap:10px;min-height:34px;padding:4px 8px;border-radius:7px;color:var(--text);background:transparent;text-align:left}.changes-screen-row:hover{background:var(--panel-hover)}.changes-screen-row[aria-current=true]{background:var(--element)}.changes-screen-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.changes-screen-path{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.35}.changes-screen-row:hover .changes-screen-path,.changes-screen-row[aria-current=true] .changes-screen-path{color:var(--text)}.changes-panel-empty{min-height:160px;justify-content:center}.changes-variants{padding-top:6px;border-top:1px solid var(--border)}.changes-variants-title{display:flex;align-items:center;gap:6px;margin:8px 14px 2px;color:var(--text);font-size:12px;font-weight:650;line-height:1.25}.changes-variants-count{color:var(--tertiary);font-weight:500}.changes-variants-note{margin:0 14px 6px;color:var(--tertiary);font-size:11px;line-height:1.4}.canvas-minimap-shell{position:absolute;z-index:18;width:168px;height:112px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px;background:var(--canvas-minimap-background);box-shadow:var(--shadow-md);contain:layout paint;will-change:transform;pointer-events:none;view-transition-name:canvas-minimap;--canvas-minimap-background: color-mix(in srgb, var(--surface) 94%, transparent);--canvas-minimap-mask: color-mix(in srgb, var(--screen) 70%, transparent);--canvas-minimap-mask-stroke: color-mix(in srgb, var(--accent) 70%, var(--border));--canvas-minimap-viewport-fill: color-mix(in srgb, var(--accent) 6%, transparent);--canvas-minimap-group-fill: color-mix(in srgb, var(--canvas-group) 54%, transparent);--canvas-minimap-group-stroke: color-mix(in srgb, var(--graph-line-soft) 58%, transparent);--canvas-minimap-node-fill: var(--graph-line-soft);--canvas-minimap-node-stroke: var(--graph-line)}:root[data-theme=dark] .canvas-minimap-shell{border-color:color-mix(in srgb,var(--border) 88%,var(--secondary));--canvas-minimap-background: color-mix(in srgb, var(--subtle) 86%, var(--surface));--canvas-minimap-mask: color-mix(in srgb, #000000 48%, transparent);--canvas-minimap-mask-stroke: color-mix(in srgb, var(--accent) 76%, var(--border));--canvas-minimap-viewport-fill: color-mix(in srgb, var(--accent) 8%, transparent);--canvas-minimap-group-fill: color-mix(in srgb, var(--graph-line-soft) 45%, var(--secondary));--canvas-minimap-group-stroke: color-mix(in srgb, var(--secondary) 76%, var(--graph-line));--canvas-minimap-node-fill: color-mix(in srgb, var(--secondary) 70%, var(--graph-line-soft));--canvas-minimap-node-stroke: color-mix(in srgb, var(--secondary) 82%, var(--graph-line))}.canvas-minimap-shell>.canvas-minimap.react-flow__panel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;overflow:hidden;border-radius:inherit;pointer-events:auto;cursor:grab}.canvas-minimap-shell>.canvas-minimap.react-flow__panel:active{cursor:grabbing}.canvas-minimap .react-flow__minimap-svg{width:100%;height:100%}.canvas-minimap .canvas-minimap-node--group{opacity:.22}.canvas-minimap .canvas-minimap-node--group.selected{opacity:.58}.canvas-minimap .canvas-minimap-node--item{opacity:.82}.canvas-minimap .canvas-minimap-node--item.selected{opacity:1}:root[data-theme=dark] .canvas-minimap .canvas-minimap-node--group{opacity:.34}:root[data-theme=dark] .canvas-minimap .canvas-minimap-node--item{opacity:.96}:root[data-theme=dark] .canvas-minimap .canvas-minimap-node--item.selected{opacity:1}.canvas-minimap-visible-mask{position:absolute;inset:0;z-index:6;display:block;width:100%;height:100%;pointer-events:none}.canvas-minimap-visible-mask path{fill:var(--canvas-minimap-mask)}.canvas-minimap-visible-viewport{fill:var(--canvas-minimap-viewport-fill);stroke:var(--canvas-minimap-mask-stroke)}@media(max-width:899px){.canvas-minimap-shell{width:128px;height:84px}}.image-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#edeef0;background:#08080ae0;outline:none}.image-lightbox[open]{display:flex;flex-direction:column}.image-lightbox::backdrop{background:#0006}.image-lightbox-bar{display:flex;height:56px;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.image-lightbox-label{display:inline-flex;height:24px;align-items:center;padding:0 9px;border-radius:6px;background:#ffffff1a;font-size:12px;font-weight:600}.image-lightbox-position{color:#edeef099;font-size:12px;font-variant-numeric:tabular-nums}.image-lightbox-close,.image-lightbox-step{display:inline-flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255 / .14);border-radius:50%;color:#edeef0;background:#ffffff0f;cursor:pointer}.image-lightbox-close>svg,.image-lightbox-step>svg{width:18px;height:18px}.image-lightbox-close:hover,.image-lightbox-step:hover:not(:disabled){background:#ffffff24}.image-lightbox-step:disabled{opacity:.3;cursor:default}.image-lightbox-close:focus-visible,.image-lightbox-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-lightbox-stage{position:relative;display:flex;min-height:0;flex:1;align-items:center;justify-content:center;gap:24px;padding:0 24px 32px}.image-lightbox-stage>img{display:block;min-width:0;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;box-shadow:0 20px 60px #00000080}.image-lightbox-stage>.screenshot-loading{color:#edeef099}.visual-change-outlines{position:absolute;z-index:1;inset:0;pointer-events:none}.visual-change-outline{position:absolute;box-sizing:border-box;border:1.5px solid var(--modified);border-radius:5px;background:color-mix(in srgb,var(--modified) 6%,transparent);transition:box-shadow .12s ease,background-color .12s ease}.visual-change-outline.active{background:color-mix(in srgb,var(--modified) 22%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--modified) 35%,transparent)}.visual-change-outlines.has-active .visual-change-outline:not(.active):not(.hovered){opacity:.35}.visual-change-outlines.linked .visual-change-outline{pointer-events:auto;cursor:default}.visual-change-outline.hovered{background:color-mix(in srgb,var(--modified) 22%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--modified) 35%,transparent)}.visual-change-outline.moved.hovered{background:color-mix(in srgb,var(--moved) 14%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--moved) 30%,transparent)}@media(hover:hover){.visual-change-outlines.ghost .visual-change-outline:not(.moved){opacity:0;transition:opacity .12s ease,box-shadow .12s ease,background-color .12s ease}.visual-change-outlines.ghost .visual-change-outline.hovered,.visual-change-outlines.ghost .visual-change-outline.active{opacity:1}.visual-change-outlines.ghost.has-active .visual-change-outline:not(.active):not(.hovered):not(.moved){opacity:0}}.visual-change-outline.moved{border:1.5px dashed var(--moved);background:transparent}.visual-change-outline.moved.active{background:color-mix(in srgb,var(--moved) 14%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--moved) 30%,transparent)}.visual-change-measure{position:absolute;top:0;right:0;padding:0 5px;border-radius:5px;color:#fff;background:var(--moved);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;line-height:15px;white-space:nowrap;transform:translate(4px,-60%)}:root[data-theme=dark] .visual-change-measure{color:#0b0c0e}.compare-side[data-side=before],.compare-flip-frame[data-side=before],[data-diff-side=before]{--outline-before: 1}.visual-status-bar-band{position:absolute;z-index:1;background:#7f7f7f14;cursor:help;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .12s ease}.visual-status-bar-band:hover{background:#7f7f7f33}.visual-swipe{--swipe-handle-size: 28px;position:relative;overflow:hidden;width:min(100%,calc(60vh * var(--swipe-aspect)),calc(540px * var(--swipe-aspect)));align-self:center;aspect-ratio:var(--swipe-aspect);border-radius:9px;background:var(--subtle);cursor:ew-resize;touch-action:none;user-select:none}.visual-swipe:after{position:absolute;z-index:3;inset:0;border:1px solid var(--border-subtle);border-radius:inherit;content:"";pointer-events:none}.visual-swipe>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.visual-swipe-before{clip-path:inset(0 calc(100% - var(--swipe-position)) 0 0)}.visual-swipe-after{clip-path:inset(0 0 0 var(--swipe-position))}.visual-swipe-outlines{position:absolute;z-index:1;inset:0;pointer-events:none}.visual-swipe-outlines.before{--outline-before: 1;clip-path:inset(0 calc(100% - var(--swipe-position)) 0 0)}.visual-swipe-outlines.after{clip-path:inset(0 0 0 var(--swipe-position))}.visual-swipe .visual-change-outline{background:transparent;border-style:dashed}.visual-swipe-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--swipe-position);width:2px;background:var(--modified);transform:translate(-1px);outline:none}.visual-swipe-handle{position:absolute;top:50%;left:50%;display:flex;width:var(--swipe-handle-size);height:var(--swipe-handle-size);align-items:center;justify-content:center;border-radius:50%;color:#0b0c0e;background:var(--modified);box-shadow:0 2px 8px #00000059;transform:translate(-50%,-50%)}.visual-swipe-handle>svg{width:16px;height:16px}.visual-swipe-divider:focus-visible{outline:none}.visual-swipe-divider:focus-visible .visual-swipe-handle{box-shadow:0 0 0 3px var(--accent)}.visual-swipe-label{position:absolute;z-index:2;bottom:10px;padding:3px 7px;border-radius:6px;color:#edeef0;background:#111113d1;font-size:11px;font-weight:600;pointer-events:none}.visual-swipe-label.before{left:10px}.visual-swipe-label.after{right:10px}.compare-section{--compare-gap: 16px;--compare-bar-end: 64px;--compare-top-end: 56px;--compare-split-gap: 24px;--compare-available-height: calc(100dvh - (var(--compare-top-end) + var(--compare-bar-end) + 2 * var(--compare-gap) + 28px) * var(--ui-scale));--compare-frame-height: min( var(--compare-available-height), calc((100vw - 96px - var(--compare-split-gap)) / 2 / var(--compare-aspect)) );position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc((var(--compare-top-end) + var(--compare-gap)) * var(--ui-scale)) 24px calc((var(--compare-bar-end) + var(--compare-gap)) * var(--ui-scale));color:var(--text);background:var(--screen)}.compare-section-empty{color:var(--secondary);font-size:13px}.compare-top{position:absolute;z-index:5;top:var(--chrome-top);left:50%;display:flex;max-width:calc(100% - 2 * var(--compare-side-reserve, 16px));transform:translate(-50%)}.compare-bar{display:flex;width:600px;min-width:0;max-width:100%;align-items:center;gap:2px;padding:2px 6px;border:1px solid var(--panel-line);border-radius:12px;background:var(--surface);box-shadow:var(--floating-chrome-shadow);zoom:var(--ui-scale)}.compare-nav{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:2px}.compare-nav>.tooltip-anchor:first-child{min-width:0;flex:1 1 0}.compare-nav-picker{display:flex;width:100%;min-width:0;height:var(--icon-btn-lg);align-items:center;gap:8px;padding:0 10px;border-radius:8px;color:var(--text);background:transparent;text-align:left;white-space:nowrap;cursor:pointer;transition:background .12s ease}.compare-nav-picker>.status-glyph{width:10px;height:10px}.compare-nav-picker>.status-glyph>svg{width:11px;height:11px;stroke-width:3}.compare-nav-route{min-width:0;flex:1;overflow:hidden;color:var(--text);direction:rtl;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600;line-height:18px;text-align:left;text-overflow:ellipsis}.compare-nav-steps{display:flex;flex:none;align-items:center}.compare-nav-steps button{display:inline-flex;width:28px;height:var(--icon-btn-lg);align-items:center;justify-content:center;border-radius:8px;color:var(--tertiary);background:transparent;transition:color .12s ease,background .12s ease}.compare-nav-steps button:disabled{opacity:.35;cursor:default}.compare-nav-steps button>svg{width:18px;height:18px;stroke-width:2}.compare-nav-position{min-width:44px;color:var(--secondary);font-size:12px;font-weight:500;line-height:16px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}@media(hover:hover)and (pointer:fine){.compare-nav-picker:hover,.compare-nav-steps button:hover:not(:disabled){color:var(--secondary);background:var(--panel-hover)}.compare-nav-picker:hover{color:var(--text)}}.compare-nav-picker[aria-expanded=true]{background:var(--element)}.compare-controls{display:flex;flex:none}.compare-controls .toggle-pill{padding:3px;border:0;border-radius:9px;background:var(--screen)}.compare-controls .toggle-row{gap:2px}.compare-controls .toggle-row .tooltip-anchor{flex:none}.compare-controls .toggle-button{height:28px;flex:none;padding:0 12px;border-radius:7px;color:var(--tertiary);font-size:13px;font-weight:500;white-space:nowrap}.compare-controls .toggle-overlay{inset:3px;border-radius:7px;background:var(--element)}.compare-outlines[aria-pressed=true]:not(:disabled){color:var(--text);background:var(--element)}.compare-outlines[aria-pressed=true]:not(:disabled)>svg{color:var(--modified)}.compare-what-changed-anchor{position:relative;display:flex;flex:none}.compare-what-changed-popover{position:absolute;z-index:6;top:calc(100% + 14px);right:-6px;display:flex;width:340px;max-height:min(440px,60dvh);flex-direction:column;gap:12px;overflow-y:auto;padding:14px 16px 16px;border:1px solid var(--panel-line);border-radius:14px;color:var(--text);background:var(--surface);box-shadow:var(--floating-chrome-shadow);overscroll-behavior:contain}.compare-what-changed-popover-title{font-size:14px;font-weight:600;line-height:18px}.what-changed-content{display:flex;flex-direction:column;gap:12px}.what-changed-content-list{display:flex;margin:0;padding:0 0 0 18px;flex-direction:column;gap:8px;font-size:13px;line-height:18px}.what-changed-content-list>li::marker{color:var(--tertiary)}.what-changed-content-notes,.what-changed-assistive{display:flex;flex-direction:column;gap:6px}.what-changed-content-list+.what-changed-assistive{padding-top:12px;border-top:1px solid var(--panel-line)}.what-changed-assistive-title{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:13px;font-weight:600;line-height:18px}.what-changed-assistive-title>.status-glyph-dot{width:8px;height:8px;border-radius:2px;background:var(--diff)}.what-changed-assistive-context{margin:0;color:var(--secondary);font-size:12px;line-height:17px}.what-changed-assistive+.what-changed-content-notes{padding-top:12px;border-top:1px solid var(--panel-line)}.what-changed-shift{display:flex;flex-direction:column;gap:8px}.what-changed-shift>p{margin:0;color:var(--text);font-size:13px;line-height:18px}.what-changed-measurements{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--panel-line);cursor:pointer}.what-changed-measurements-text{display:flex;min-width:0;flex-direction:column;gap:2px;font-size:13px;font-weight:500;line-height:18px}.what-changed-measurements-text>small{color:var(--secondary);font-size:12px;font-weight:400;line-height:16px}.what-changed-switch{position:relative;width:36px;height:22px;flex:none;margin:0;border-radius:11px;background:var(--border);cursor:pointer;appearance:none;transition:background .16s ease}.what-changed-switch:after{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:9px;background:#fff;box-shadow:0 1px 2px #00000040;content:"";transition:transform .16s ease}.what-changed-switch:checked{background:var(--text)}.what-changed-switch:checked:after{transform:translate(14px)}.what-changed-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.what-changed-switch,.what-changed-switch:after{transition:none}}.what-changed-content-list+.what-changed-content-notes{padding-top:12px;border-top:1px solid var(--panel-line)}.what-changed-content-notes>p{margin:0;color:var(--secondary);font-size:12px;line-height:17px}.status-glyph{display:flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center;color:var(--diff, var(--tertiary))}.status-glyph>svg{width:12px;height:12px;stroke-width:2.5}.status-glyph-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.compare-stage{display:flex;min-height:0;align-items:flex-start;justify-content:center;gap:48px}.compare-section .compare-stage{max-width:100%;gap:var(--compare-split-gap)}.compare-side{display:flex;margin:0;flex-direction:column;align-items:center;gap:10px}.compare-side-label{color:var(--secondary);font-size:12px;font-weight:500;line-height:16px}.compare-flip-label{display:flex;gap:12px}.compare-swipe-label{display:flex;align-self:stretch;justify-content:space-between;padding:0 2px}.compare-flip-side{padding:0;color:var(--tertiary);background:transparent;font:inherit;cursor:pointer}.compare-flip-side:hover{color:var(--secondary)}.compare-flip-side[aria-pressed=true]{color:var(--text);font-weight:600;cursor:default}.compare-side-label-reserved{visibility:hidden}.compare-frame-wrap{position:relative}.compare-stage.mode-flip .compare-side,.sidebar-review-stage.mode-flip .compare-side,.sidebar-review-stage.mode-split.landscape .compare-side{width:100%;align-items:center}.compare-stage.mode-flip .compare-frame-wrap,.sidebar-review-stage.mode-flip .compare-frame-wrap,.sidebar-review-stage.mode-split.landscape .compare-frame-wrap{display:flex;justify-content:center}.compare-frame{position:relative;display:block;width:calc(var(--compare-frame-height) * var(--compare-aspect));height:var(--compare-frame-height);aspect-ratio:var(--compare-aspect);overflow:hidden;padding:0;border:1px solid var(--border-subtle);border-radius:14px;background:var(--subtle)}.compare-frame>img,.compare-flip-layer>img{display:block;width:100%;height:100%;object-fit:contain}.compare-flip-frame{cursor:pointer}.compare-flip-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.compare-flip-layer[aria-hidden=true]{visibility:hidden}.compare-flip-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.compare-swipe .visual-swipe{width:auto;height:var(--compare-frame-height)}.compare-section .visual-change-outline.active,.sidebar-review .visual-change-outline.active{border-width:2px;background:transparent;box-shadow:0 0 0 9999px #08090a80}.compare-missing{display:flex;max-width:360px;flex-direction:column;align-items:center;gap:8px;color:var(--secondary);font-size:13px;text-align:center}.compare-missing>svg{width:24px;height:24px;color:var(--tertiary)}.compare-missing>strong{color:var(--text);font-size:14px}.shortcuts-scrim{position:fixed;z-index:200;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0505078c}.shortcuts-dialog{display:flex;zoom:var(--ui-scale);width:min(760px,100%);max-height:100%;overflow:auto;flex-direction:column;gap:20px;padding:24px 28px 28px;border:1px solid var(--border-subtle);border-radius:14px;color:var(--text);background:var(--side-panel-surface);box-shadow:0 24px 60px #00000073;outline:none}.shortcuts-header{display:flex;align-items:center;gap:10px}.shortcuts-header>h2{margin:0;font-size:16px;font-weight:600}.shortcuts-close{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;margin-left:auto;padding:0;border-radius:7px;color:var(--secondary);background:transparent}.shortcuts-close:hover{background:var(--element)}.shortcuts-close>svg{width:15px;height:15px}.shortcuts-columns{display:flex;flex-wrap:wrap;gap:24px 40px}.shortcuts-column{display:flex;min-width:280px;flex:1;flex-direction:column;gap:16px}.shortcuts-group>h3{margin:0 0 6px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);color:var(--secondary);font-size:11px;font-weight:600}.shortcuts-group>dl{margin:0}.shortcuts-row{display:flex;min-height:28px;align-items:center;gap:6px}.shortcuts-row>dt{flex:1;font-size:13px}.shortcuts-row>dd{display:flex;margin:0;gap:4px}.shortcuts-dialog kbd,.shortcuts-header>kbd{min-width:20px;padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--element);font-family:inherit;font-size:11px;line-height:14px;text-align:center}.sidebar-review{container-type:inline-size;display:flex;flex-direction:column;gap:12px;padding:14px 14px 20px}.sidebar-review-modes{display:flex;margin-bottom:4px}.sidebar-review-modes>.toggle-group{width:100%;height:32px}.sidebar-review-modes .toggle-row:not(.toggle-overlay){height:100%}.sidebar-review-modes .toggle-button{flex:1;min-height:0;font-size:12px;font-weight:500;white-space:nowrap}.what-changed-accordion{display:flex;flex-direction:column}.what-changed-heading{margin-bottom:0}.what-changed-heading>h3{min-width:0;flex:1}.what-changed-toggle{display:flex;width:calc(100% + 12px);min-height:32px;align-items:center;justify-content:space-between;gap:8px;margin:0 -6px;padding:0 6px;border-radius:8px;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-align:left}.what-changed-toggle-title{display:flex;align-items:baseline;gap:6px}.what-changed-toggle-count{color:var(--tertiary);font-weight:500;font-variant-numeric:tabular-nums}.what-changed-toggle>svg{width:15px;height:15px;flex:none;color:var(--tertiary);transition:transform .15s ease}.what-changed-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.what-changed-toggle:disabled{cursor:default;opacity:.45}@media(hover:hover)and (pointer:fine){.what-changed-toggle:hover:not(:disabled){background:var(--panel-hover)}}@media(prefers-reduced-motion:reduce){.what-changed-toggle>svg{transition:none}}.what-changed-accordion-content{padding:2px 0 4px}.sidebar-review-off .session-preview-frame{margin:0}.sidebar-review-off .variant-preview.has-image-ratio{width:min(100%,calc(70dvh * var(--preview-aspect)))}.sidebar-review-stage{--compare-frame-height: min(calc((100cqw - 12px) / 2 / var(--compare-aspect)), 70dvh);gap:12px}.sidebar-review-stage.mode-swipe,.sidebar-review-stage.mode-flip{--compare-frame-height: min(calc(100cqw / var(--compare-aspect)), 70dvh)}.sidebar-review-stage.mode-split.landscape{flex-direction:column;align-items:stretch;--compare-frame-height: min(calc(100cqw / var(--compare-aspect)), 35dvh)}.compare-side-tag{position:absolute;z-index:2;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;padding:3px 7px;border-radius:6px;color:#edeef0;background:#111113d1;font-size:11px;font-weight:600;line-height:14px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.compare-side-tag.before{left:8px}.compare-side-tag.after{right:8px}.sidebar-review-stage .compare-side-label{color:var(--tertiary);font-size:11px;font-weight:500;line-height:14px}.sidebar-review-stage .compare-flip-side[aria-pressed=true]{color:var(--text);font-weight:600}.sidebar-review-stage .compare-side{gap:6px}.sidebar-review-stage .compare-frame{border-radius:10px}@media(min-width:820px)and (max-width:1180px){body:has(.compare-section) .left-panel.collapsed{display:none}}.compare-section[data-bar-below]{--compare-split-gap: 16px;--compare-available-height: calc(100dvh - (108px + 64px + 2 * var(--compare-gap) + 28px) * var(--ui-scale));padding-top:calc((108px + var(--compare-gap)) * var(--ui-scale))}.compare-section[data-bar-below] .compare-top{top:calc(var(--chrome-top) + (var(--floating-chrome-height) + 10px) * var(--ui-scale));max-width:calc(100% - 32px)}.captured-screen-variants .variant-preview{margin:0}.captured-screen-variants .variant-thumbnail.has-name{width:86px;height:auto;flex-basis:86px;flex-direction:column;gap:6px;padding:6px}.captured-screen-variants .variant-thumbnail.has-name img{width:52px;height:90px}.variant-thumbnail-name{max-width:100%;color:var(--secondary);font-size:10px;line-height:1.35;overflow-wrap:anywhere;text-align:center}.captured-screen-variants .variant-thumbnail[aria-selected=true] .variant-thumbnail-name{color:var(--text)}.captured-variant-single{display:grid;justify-items:center;gap:7px;margin:0}.captured-variant-single figcaption{color:var(--secondary);font-size:10px;line-height:1.4}:root{--phone-title-size: 22px;--phone-title-leading: 28px;--phone-headline-size: 17px;--phone-headline-leading: 22px;--phone-body-size: 15px;--phone-body-mono-size: 14px;--phone-body-leading: 20px;--phone-subhead-size: 13px;--phone-subhead-mono-size: 12px;--phone-subhead-leading: 18px;--phone-caption-size: 11px;--phone-caption-leading: 14px;--phone-micro-size: 10px;--phone-micro-leading: 12px;--phone-field-size: 16px}.phone-icon-button{display:inline-flex;width:var(--floating-chrome-height);height:var(--floating-chrome-height);flex:none;align-items:center;justify-content:center;border:1px solid var(--panel-line);border-radius:12px;color:var(--text);background:var(--surface);box-shadow:var(--floating-chrome-shadow)}.phone-icon-button>svg{width:20px;height:20px}.phone-icon-button>svg{stroke-width:1.75}.phone-icon-button:disabled{opacity:.35}.phone-icon-button[aria-pressed=true]:not(:disabled){background:var(--element)}.phone-icon-button[aria-pressed=true]:not(:disabled)>svg{color:var(--modified)}.phone-tab-bar{position:fixed;z-index:30;right:0;bottom:calc(10px + env(safe-area-inset-bottom));left:0;display:flex;width:fit-content;height:54px;margin:0 auto;padding:4px;border:1px solid var(--panel-line);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--floating-chrome-shadow);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);view-transition-name:canvas-toolbar}.phone-tab{display:flex;width:76px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;color:var(--secondary);background:transparent;font-size:var(--phone-micro-size);font-weight:600;line-height:var(--phone-micro-leading);transition:color .15s ease,background .15s ease}.phone-tab[aria-current=page]{color:var(--text);background:var(--element)}.phone-tab:disabled{opacity:.4}.phone-tab-icon{position:relative;display:flex}.phone-tab-icon>svg{width:22px;height:22px;stroke-width:1.75}.phone-tab-badge{position:absolute;top:-6px;left:14px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;color:#fff;background:var(--modified);font-size:var(--phone-micro-size);font-weight:700;line-height:17px;font-variant-numeric:tabular-nums;text-align:center}:root[data-theme=dark] .phone-tab-badge{color:#0c0d0e}.phone-compare{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 12px calc(76px + env(safe-area-inset-bottom));color:var(--text);background:var(--screen)}.phone-compare-empty{align-items:center;justify-content:center;color:var(--secondary)}.phone-compare-head{position:relative;display:flex;height:calc(env(safe-area-inset-top,0px) + var(--phone-bar-height, 53px) + 1px);flex:none;align-items:flex-end;gap:0;margin:0 -12px;padding:env(safe-area-inset-top,0px) 4px 3px 0;border-bottom:1px solid var(--border-subtle);background:var(--side-panel-surface)}.phone-compare-head .phone-icon-button{border:0;border-radius:10px;background:transparent;box-shadow:none}.phone-compare .compare-nav{height:var(--floating-chrome-height);flex:1;align-items:stretch;gap:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.phone-compare .compare-nav>.tooltip-anchor:first-child{width:auto;flex:1 1 auto}.phone-compare .compare-nav-picker{max-width:none;height:auto;padding:0 6px 0 12px;border-radius:0}.phone-compare .compare-nav-picker:active,.phone-compare .compare-nav-steps button:active:not(:disabled){background:var(--panel-hover)}.phone-compare .compare-nav-route{font-size:var(--phone-subhead-mono-size);line-height:var(--phone-subhead-leading)}.phone-compare .compare-nav-steps{display:flex;height:var(--floating-chrome-height);flex:none;align-items:center;padding:0 2px 0 4px}.phone-compare .compare-nav-steps .tooltip-anchor{height:100%}.phone-compare .compare-nav-steps button{width:32px;height:100%;border-radius:0;color:var(--secondary)}.phone-compare .compare-nav-position{min-width:40px;font-size:var(--phone-caption-size);line-height:var(--phone-caption-leading)}.phone-compare-modes{padding:10px 0 0}.phone-compare-modes>.toggle-group{width:100%;height:36px}.phone-compare-modes .toggle-row:not(.toggle-overlay){height:100%}.phone-compare-modes .toggle-button{flex:1;min-height:0;font-size:var(--phone-subhead-size);font-weight:500}.phone-compare .compare-side-label{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.phone-compare .compare-stage,.phone-compare .compare-stage.mode-swipe,.phone-compare .compare-stage.mode-flip{--compare-available-height: calc(100dvh - 235px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom)) ;--compare-frame-height: min(var(--compare-available-height), calc((100vw - 24px) / var(--compare-aspect)));display:flex;min-height:0;flex:1;align-items:center;justify-content:center;gap:10px;padding-top:10px}.phone-compare .compare-stage.mode-split{--compare-frame-height: min(var(--compare-available-height), calc((100vw - 34px) / 2 / var(--compare-aspect)))}.phone-compare .compare-frame{border-radius:12px}.phone-sheet-scrim{position:fixed;z-index:150;inset:0;display:flex;align-items:flex-end;background:#0006;animation:phone-scrim-in .2s ease}.phone-sheet{display:flex;width:100%;height:50dvh;flex-direction:column;border:1px solid var(--panel-line);border-bottom:0;border-radius:16px 16px 0 0;color:var(--text);background:var(--surface);box-shadow:0 -8px 32px #00000029;transition:transform .2s ease;animation:phone-sheet-in .26s cubic-bezier(.32,.72,0,1)}.phone-sheet-head{position:relative;display:flex;align-items:center;gap:10px;padding:18px 12px 8px 20px;touch-action:none}.phone-sheet-head>strong{min-width:0;flex:1;overflow:hidden;font-size:var(--phone-headline-size);font-weight:600;letter-spacing:-.01em;line-height:var(--phone-headline-leading);text-overflow:ellipsis;white-space:nowrap}.phone-sheet-grabber{position:absolute;top:6px;left:50%;width:36px;height:5px;border-radius:3px;background:var(--selected);transform:translate(-50%)}.right-sheet-grabber{display:none}.phone-sheet-close{display:inline-flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;margin:-4px 0;border-radius:18px;color:var(--tertiary);background:transparent}.phone-sheet-close:active{background:var(--panel-hover)}.phone-sheet-close>svg{width:18px;height:18px}.phone-sheet.full-screen{height:100dvh;padding-top:env(safe-area-inset-top,0px);border:0;border-radius:0;box-shadow:none}.phone-sheet.full-screen .phone-sheet-grabber{display:none}.phone-sheet.full-screen .phone-sheet-head{height:calc(var(--phone-bar-height, 53px) + 1px);flex:none;padding:0 8px 0 20px;border-bottom:1px solid var(--border-subtle)}.phone-sheet.full-screen .phone-sheet-close{width:44px;height:44px}.phone-sheet.full-screen .phone-sheet-body{display:flex;flex-direction:column;padding-top:16px}.phone-sheet-body{min-height:0;flex:1;overflow-y:auto;padding:4px 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.phone-sheet .what-changed-content{gap:16px}.phone-sheet .what-changed-content-list{padding-left:20px;gap:10px;font-size:var(--phone-body-size);line-height:var(--phone-body-leading)}.phone-sheet .what-changed-content-notes{gap:8px}.phone-sheet .what-changed-content-list+.what-changed-content-notes{padding-top:16px}.phone-sheet .what-changed-content-notes>p{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}@keyframes phone-sheet-in{0%{transform:translateY(100%)}}@keyframes phone-scrim-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.phone-sheet,.phone-sheet-scrim{animation:none}}@media(max-width:819px){.phone-layout{--floating-chrome-height: 44px;--phone-bar-height: 53px;--chrome-height: var(--phone-bar-height)}.phone-layout{--chrome-top: env(safe-area-inset-top, 0px)}.phone-layout .left-panel.collapsed{top:0;left:0;width:100%;max-width:none;display:flex;height:calc(var(--chrome-top) + var(--chrome-height) + 1px);align-items:flex-end;padding-top:var(--chrome-top);padding-bottom:3px;border-bottom:1px solid var(--border-subtle);background:var(--side-panel-surface)}.phone-layout .left-panel-collapsed-pill{padding-left:8px;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.phone-layout .panel-logo-button{width:44px;height:44px}.collapsed-search{display:inline-flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;margin:-2px -14px -2px -4px;border:0;border-radius:10px;color:var(--text);background:transparent}.collapsed-search>svg{width:20px;height:20px}.collapsed-search:active{background:var(--panel-hover)}.phone-layout .handoff-icon-button.collapsed-search{margin-right:-6px}.phone-layout .collapsed-app-identity{overflow-x:clip;overflow-y:visible;margin-inline:-6px;padding-inline:6px}.phone-layout .collapsed-platform{position:relative}.phone-layout .collapsed-platform:before{content:"";position:absolute;inset:-10px 0}.phone-layout .collapsed-app-name,.phone-layout .collapsed-pr,.screens-page.phone .screens-cell .screen-path-text,.phone-layout .inspector-screen-path{padding-top:14px;padding-bottom:14px;margin-top:-14px;margin-bottom:-14px}.phone-layout .compare-flip-side{min-height:32px;padding:6px 12px;margin:-6px 0}.phone-layout .right-panel .icon-button{width:44px;height:44px}.phone-layout .what-changed-toggle{min-height:44px}.phone-layout .sidebar-review-modes>.toggle-group{height:36px}.phone-layout .right-panel .toggle-button{min-width:44px;min-height:44px}.phone-layout .sidebar-review-modes .toggle-button{min-height:0;font-size:var(--phone-subhead-size)}.phone-layout .what-changed-accordion-content .what-changed-content-list{font-size:var(--phone-body-size);line-height:var(--phone-body-leading)}.phone-layout .what-changed-accordion-content .what-changed-content-notes>p{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.search-command .search-command-close{width:44px;height:44px;border-radius:22px;color:var(--tertiary);background:transparent}.search-command .search-command-close:active{background:var(--panel-hover)}.changes-menu .icon-button.changes-search-button,.changes-menu .icon-button.changes-search-close{width:44px;height:44px}body>.menu-popover.changes-menu{width:calc(100vw - 24px);border-color:var(--panel-line);border-radius:16px;background:var(--surface);box-shadow:var(--floating-chrome-shadow)}.changes-menu .changes-menu-body{max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))}.changes-menu .changes-panel-heading{height:52px;min-height:52px;padding:8px 6px 4px 16px}.changes-menu .changes-panel-title{font-size:var(--phone-headline-size);letter-spacing:-.01em;line-height:var(--phone-headline-leading)}.changes-menu .changes-panel-count{font-size:var(--phone-subhead-size);font-weight:500}.changes-menu .changes-panel-body{touch-action:pan-y}.changes-menu .changes-status-chips{gap:8px;padding:4px 16px 12px}.changes-menu .changes-status-chip,.changes-menu .changes-status-chip:is(.diff-needs-review,.diff-unchanged,.diff-not-compared,.diff-unavailable){height:36px;padding:0 14px;border-radius:999px;color:var(--secondary);background:var(--element);font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.changes-menu .changes-status-chip-dot{background:var(--diff, var(--tertiary))}.changes-menu .changes-status-chips.filtering .changes-status-chip[aria-pressed=true]{color:var(--text);background:var(--selected)}.changes-menu .changes-status-chips.filtering .changes-status-chip[aria-pressed=false]{color:var(--tertiary);background:transparent}.changes-menu .changes-screen-row{min-height:44px;gap:12px;padding:4px 10px;border-radius:10px}.changes-menu .changes-screen-path{font-size:var(--phone-body-mono-size);line-height:var(--phone-body-leading)}.changes-menu .changes-menu-review{height:48px;border-top-color:var(--panel-line);font-size:var(--phone-subhead-size);font-weight:500}.changes-menu .panel-search>input{font-size:var(--phone-field-size)}.changes-menu .changes-variants-title{font-size:var(--phone-subhead-size);font-weight:600}.changes-menu .changes-variants-note{font-size:var(--phone-caption-size);line-height:var(--phone-caption-leading)}.changes-menu .panel-empty strong{font-size:var(--phone-body-size)}.changes-menu .panel-empty span{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.phone-layout .collapsed-app-name{font-size:var(--phone-body-size);font-weight:600}.phone-layout .right-panel .inspector-screen-path{font-size:var(--phone-body-size);font-weight:600;line-height:var(--phone-body-leading)}.phone-layout .right-panel .section-title h3{color:var(--secondary);font-size:var(--phone-subhead-size);font-weight:600;line-height:var(--phone-subhead-leading)}.phone-layout .right-panel .section-title>span{font-size:var(--phone-caption-size)}.phone-layout .right-panel .toggle-button{font-size:var(--phone-subhead-size);font-weight:500}.phone-layout .right-panel .compare-side-label{font-size:var(--phone-caption-size);font-weight:500;line-height:var(--phone-caption-leading)}.phone-layout .right-panel .compare-flip-side[aria-pressed=true]{font-weight:600}.phone-layout .right-panel .inline-empty,.phone-layout .right-panel .transition-section .inline-empty,.phone-layout .right-panel .launch-note{color:var(--secondary);font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.phone-layout .right-panel .transition-copy strong,.phone-layout .right-panel .transition-copy .transition-path{font-size:var(--phone-body-mono-size);line-height:var(--phone-body-leading)}.phone-layout .right-panel .transition-kind,.phone-layout .right-panel .variant-thumbnail-name,.phone-layout .right-panel .inspector-diff-caption{font-size:var(--phone-caption-size);font-weight:500;line-height:var(--phone-caption-leading)}.phone-layout .right-panel .what-changed-item,.phone-layout .right-panel .inspector-diff-summary p{font-size:var(--phone-body-size);line-height:var(--phone-body-leading)}.search-command .search-command-input-row input{font-size:var(--phone-field-size)}.search-command .search-command-section-label{padding:16px 16px 6px;color:var(--secondary);font-size:var(--phone-subhead-size);font-weight:600;letter-spacing:0;line-height:var(--phone-subhead-leading);text-transform:none}.search-command .search-command-result-copy strong{font-size:var(--phone-body-size);line-height:var(--phone-body-leading)}.search-command .search-command-result-copy code{font-size:var(--phone-body-mono-size)}.search-command .search-command-result-copy small{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.search-command .search-command-result-kind{padding:2px 8px;font-size:var(--phone-caption-size);line-height:var(--phone-caption-leading)}.search-command .search-command-empty strong{font-size:var(--phone-body-size)}.search-command .search-command-empty span{font-size:var(--phone-subhead-size);line-height:var(--phone-subhead-leading)}.changes-menu .panel-search{height:44px}.changes-menu .panel-search>input{height:44px}.changes-menu .panel-search-clear{width:44px;height:44px}.phone-layout .canvas-minimap-shell{display:none}.phone-layout .right-panel{max-width:none;position:fixed;z-index:120;inset:0;width:auto;height:auto;padding-top:env(safe-area-inset-top);border-left:0;zoom:1;transition:transform .2s ease;animation:phone-sheet-in .24s cubic-bezier(.2,.8,.2,1)}.phone-layout .right-head{position:relative;height:56px;padding-top:0;touch-action:none}.phone-layout .right-panel .sidebar-review-stage.mode-swipe,.phone-layout .right-panel .sidebar-review-stage.mode-flip{--compare-frame-height: min(calc(100cqw / var(--compare-aspect)), 52dvh)}.phone-layout .right-panel .sidebar-review-off .variant-preview.has-image-ratio{width:min(100%,calc(52dvh * var(--preview-aspect)))}.phone-layout .search-command-input-row>kbd{display:none}}@media(max-width:819px)and (prefers-reduced-motion:reduce){.phone-layout .right-panel{animation:none}}.screens-cell .screen-node-image:has(>:is(.image-placeholder,.screenshot-backing)){container-type:normal}.screens-cell .screen-node-image>.image-placeholder{box-sizing:content-box;width:calc(100% - 2 * var(--frame-border));height:auto;aspect-ratio:var(--screenshot-width) / var(--screenshot-height);font-size:var(--phone-caption-size, 12px)}.screens-cell .screen-node-image>.screenshot-backing{box-sizing:border-box;width:100%;height:100%}.phone-layout{touch-action:pan-x pan-y}.phone-layout .react-flow,.phone-layout .react-flow__pane{touch-action:none}.phone-layout .search-command-backdrop{backdrop-filter:none;background:#00000073}.screens-page{--screens-right-inset: 0px;--screens-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;position:absolute;inset:0;overflow-y:auto;padding:calc(var(--chrome-top) + var(--chrome-height) + 20px) calc(var(--screens-right-inset) + 28px) 120px var(--canvas-chrome-inline-inset);overscroll-behavior:contain;scroll-padding-block:calc(var(--chrome-top) + var(--chrome-height)) calc(var(--canvas-visible-bottom-inset, 0px) + 72px * var(--ui-scale));color:var(--text);background:var(--screen)}.screens-page .path,.screens-tree .path{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.screens-filter{display:flex;gap:6px}.screens-chip{display:inline-flex;height:32px;align-items:center;gap:6px;padding:0 13px;border-radius:999px;color:var(--secondary);background:var(--element);font-size:13px;font-weight:500}.screens-chip[aria-pressed=true]{color:var(--text);background:var(--selected)}.screens-chip-count{color:var(--tertiary);font-variant-numeric:tabular-nums}.screens-body{display:flex;align-items:flex-start;gap:32px}.screens-side{position:sticky;top:0;display:flex;width:236px;max-height:calc(100vh - var(--chrome-top) - var(--chrome-height) - 40px);flex:none;flex-direction:column;gap:10px}.screens-tree{display:flex;min-height:0;flex-direction:column;overflow-y:auto;padding:12px 8px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--side-panel-surface)}.screens-tree ul{margin:0;padding:0;list-style:none}.screens-tree-head{display:flex;height:34px;flex:none;align-items:center;gap:4px;margin:0 0 8px}.screens-tree>.screens-filter{flex:none;gap:2px;margin:0 0 10px;padding:3px;border-radius:9px;background:var(--element)}.screens-tree-fold-all,.screens-side-toggle{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:8px;color:var(--secondary);background:transparent}.screens-tree-fold-all{margin-left:auto}.screens-tree-fold-all:hover,.screens-side-toggle:hover{color:var(--text);background:var(--panel-hover)}.screens-tree-fold-all>svg,.screens-side-toggle>svg{width:16px;height:16px}.screens-side.collapsed{width:auto}.screens-side.collapsed>.screens-side-toggle{width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--side-panel-surface)}.screens-side.collapsed>.screens-side-toggle:hover{background:var(--panel-hover)}.screens-side-toggle.narrowed{position:relative}.screens-side-toggle.narrowed:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border:1.5px solid var(--side-panel-surface);border-radius:50%;background:var(--modified)}.screens-tree>.screens-filter .screens-chip{height:28px;flex:1;justify-content:center;border-radius:7px;background:transparent}.screens-tree>.screens-filter .screens-chip[aria-pressed=true]{background:var(--selected)}.screens-tree-row{display:flex;width:100%;min-height:28px;align-items:center;gap:8px;padding:4px 8px 4px calc(8px + var(--tree-depth, 0) * 12px);border-radius:6px;color:var(--secondary);background:transparent;font-size:13px;text-align:left}button.screens-tree-row:hover{color:var(--text);background:var(--panel-hover)}.screens-tree-row[aria-current=true]{color:var(--text);background:var(--selected)}.screens-tree-row.tab .screens-tree-label{color:var(--text);font-weight:600}.screens-tree-row.folder{color:var(--tertiary)}.screens-tree-row.filtered{opacity:.45}.screens-tree-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screens-tree-label.path{font-size:12px}.screens-tree-kind{color:var(--accent);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.screens-tree-dot{width:7px;height:7px;flex:none;border-radius:4px}.screens-tree-twisty{display:grid;width:12px;height:12px;flex:none;margin-right:-2px;place-items:center;color:var(--tertiary)}.screens-tree-twisty>svg{width:12px;height:12px;stroke-width:2.25;transition:transform .14s ease}.screens-tree-row[aria-expanded=true]>.screens-tree-twisty>svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.screens-tree-twisty>svg{transition:none}}.screens-tree-parent{position:relative}.screens-tree-toggle{position:absolute;top:0;left:calc(2px + var(--tree-depth, 0) * 12px);width:22px;height:28px;border-radius:6px;background:transparent;cursor:pointer}.screens-tree-dot[class*=diff-]{background:var(--diff)}.screens-tree-dot.diff-accessibility-only{border-radius:2px}.screens-tree-dot.elsewhere{background:color-mix(in srgb,var(--modified) 50%,transparent)}.screens-tree-legend{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:12px 8px 4px;border-top:1px solid var(--border-subtle);color:var(--tertiary);font-size:12px}.screens-tree-legend>span{display:flex;align-items:center;gap:8px}.screens-sections{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:44px 56px}.screens-section{min-width:0;max-width:100%;flex:0 1 auto;scroll-margin-top:16px}.screens-page:not(.phone) .screens-sections{padding-top:19px}.screens-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:18px}.screens-section-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.25}.screens-section-head>span{color:var(--tertiary);font-size:12px;line-height:1.35}.screens-cell .screen-node-heading{justify-content:flex-start;padding-inline:0}.screens-cell .screen-node-title,.screens-cell .screen-path-text.screen-node-title{font-weight:500;text-align:left}.screens-cell .screen-screenshot-card .diff-label{left:14px;transform:translateY(-50%)}.screens-grid{display:flex;flex-wrap:wrap;gap:28px 20px}.screens-page:not(.phone) .screens-cell{width:240px;flex:none}.screens-cell{position:relative;display:flex;min-width:0;flex-direction:column;gap:4px;scroll-margin:24px;transition:opacity .18s ease}.screens-cell.dimmed{opacity:var(--dim-out)}.screens-cell .screen-screenshot-card{gap:8px}.screens-cell .screen-node-image img{width:100%}.screens-cell .screen-node-note{display:flex;min-width:0;flex-direction:column;gap:2px}.screens-cell-via{overflow:hidden;color:var(--tertiary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.screens-cell-elsewhere{color:var(--modified);font-size:11px;font-weight:600}.screens-page:not(.phone) .screens-sections{display:block;padding-top:0}.screens-page:not(.phone) .screens-grid{gap:12px}.screens-page:not(.phone) .screens-cell{--screens-well: 236px;width:216px}.screens-page:not(.phone) .screens-cell .screen-screenshot-card{overflow:hidden;gap:0;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.screens-page:not(.phone) .screens-cell .screen-screenshot-card:has(.screen-screenshot-target:hover){border-color:color-mix(in srgb,var(--accent) 55%,var(--border-subtle))}.screens-page:not(.phone) .screens-cell .screen-screenshot-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.screens-page:not(.phone) .screens-cell :is(.screen-screenshot-slot,.diff-frame){position:static}.screens-page:not(.phone) .screens-cell .screen-screenshot-slot{order:1;height:var(--screens-well);flex:none;padding:12px 0;background:var(--element)}.screens-page:not(.phone) .screens-cell .screen-screenshot-card.selected .screen-screenshot-slot{background:var(--accent-soft)}.screens-page:not(.phone) .screens-cell .screen-node-image img,.screens-page:not(.phone) .screens-cell .screen-node-image>.image-placeholder,.screens-page:not(.phone) .screens-cell .screen-screenshot-card .diff-frame .screen-node-image img,.screens-page:not(.phone) .screens-cell .screen-screenshot-card .diff-frame .screen-node-image>.image-placeholder{border-color:transparent;border-radius:8px;box-shadow:0 1px 3px #00000024}.screens-page:not(.phone) .screens-cell .screen-node-image img{width:auto;height:auto;background:transparent}.screens-page:not(.phone) .screens-cell .screen-node-image:has(>.image-placeholder){container-type:size}.screens-page:not(.phone) .screens-cell .screen-node-image>.image-placeholder{width:min(100cqw - 2 * var(--frame-border),(100cqh - 2 * var(--frame-border)) * var(--screenshot-width) / var(--screenshot-height),var(--screenshot-width) * 1px);height:min(100cqh - 2 * var(--frame-border),(100cqw - 2 * var(--frame-border)) * var(--screenshot-height) / var(--screenshot-width),var(--screenshot-height) * 1px);aspect-ratio:auto}.screens-page:not(.phone) .screens-cell .screen-screenshot-target:focus-visible{filter:none;outline:0}.screens-page:not(.phone) .screens-cell .screen-screenshot-card:has(.screen-screenshot-target:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 42%,transparent)}.screens-page:not(.phone) .screens-cell .screen-screenshot-card.selected:has(.screen-screenshot-target:focus-visible){box-shadow:0 0 0 1px var(--accent),0 0 0 4px color-mix(in srgb,var(--accent) 32%,transparent)}.screens-page:not(.phone) .screens-cell .screen-node-heading{order:2;min-height:0;padding:10px 6px 10px 8px}.screens-page:not(.phone) .screens-cell .screen-screenshot-card:has(.diff-label) .screen-node-heading{padding-left:20px}.screens-page:not(.phone) .screens-cell .screen-node-note{order:3;margin-top:-6px;padding:0 6px 10px 8px}.screens-page:not(.phone) .screens-cell .screen-screenshot-card:has(.diff-label) .screen-node-note{padding-left:20px}.screens-page:not(.phone) .screens-cell .screen-node-title{font-size:10.5px;line-height:14px}.screens-page:not(.phone) .screens-cell .screen-screenshot-card.selected .screen-node-title{color:var(--accent-strong);font-weight:600}.screens-page:not(.phone) .screens-cell .screen-screenshot-card .diff-label{top:calc(var(--screens-well) + 13.5px);bottom:auto;left:8px;width:7px;height:7px;overflow:hidden;padding:0;border-radius:50%;color:transparent;background:var(--diff);box-shadow:none;font-size:0;transform:none}.screens-page:not(.phone) .screens-cell .diff-accessibility-only .diff-label{border-radius:2px}.screens-page.phone{padding:0 0 calc(92px + env(safe-area-inset-bottom));scroll-padding-block-end:calc(92px + env(safe-area-inset-bottom))}.screens-page.phone:before{content:"";display:block;height:calc(var(--chrome-top) + var(--chrome-height) + 10px)}.screens-page.phone .screens-head{padding:4px 16px 0}.screens-page.phone .screens-chip{height:34px;font-size:var(--phone-subhead-size)}.screens-jump{position:sticky;z-index:5;top:calc(var(--chrome-top) + var(--chrome-height) + 1px);display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--screen);scrollbar-width:none}.screens-jump::-webkit-scrollbar{display:none}.screens-jump-chip{display:inline-flex;height:30px;flex:none;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:9px;color:var(--secondary);background:transparent;font-size:var(--phone-subhead-mono-size, 12px);font-weight:500;text-decoration:none;white-space:nowrap}.screens-jump-chip.tree{border-color:transparent;color:var(--text);background:var(--element);font-weight:600}.screens-jump-chip>svg{width:14px;height:14px}.screens-jump-chip .path{font-family:var(--screens-mono)}.screens-page.phone .screens-body{display:block;margin:0}.screens-page.phone .screens-head{display:flex;align-items:center;gap:8px}.screens-layout-toggle{display:inline-flex;flex:none;gap:2px;margin-left:auto;padding:3px;border-radius:999px;background:var(--element)}.screens-layout-toggle>button{display:grid;width:40px;height:28px;place-items:center;border-radius:999px;color:var(--secondary)}.screens-layout-toggle>button[aria-pressed=true]{color:var(--text);background:var(--selected)}.screens-layout-toggle svg{width:16px;height:16px}.screens-page.phone.filmstrip{display:flex;flex-direction:column;overflow:hidden}.screens-page.phone.filmstrip:before,.screens-page.phone.filmstrip :is(.screens-head,.screens-jump){flex:none}.screens-page.phone.filmstrip .screens-body{display:flex;min-height:0;flex:1;height:auto}.screens-page.phone.filmstrip .screens-sections{padding:4px 0 0}.screens-strip.phone .screens-strip-path{padding:0 16px}.screens-strip.phone .screens-strip-stage{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.screens-page.phone .screens-sections{container-type:inline-size;gap:32px 12px;padding:20px 16px 0}.screens-page.phone .screens-section{scroll-margin-top:calc(var(--chrome-top) + var(--chrome-height) + 64px)}.screens-page.phone .screens-grid{gap:28px 12px}.screens-page.phone .screens-cell{--columns: 2;width:calc((100cqw - (var(--columns) - 1) * 12px) / var(--columns));flex:none}@container (min-width: 500px){.screens-page.phone .screens-cell{--columns: 3}}@container (min-width: 680px){.screens-page.phone .screens-cell{--columns: 4}}.screens-page.phone .screens-section-head{gap:2px;contain:inline-size}.screens-page.phone .screens-cell .screen-path-text.screen-node-title,.screens-page.phone .screens-cell .screen-node-title{font-size:var(--phone-caption-size);line-height:var(--phone-caption-leading)}.screens-page.phone .screens-cell .diff-label{font-size:var(--phone-micro-size);line-height:var(--phone-micro-leading)}.screens-page.phone :is(.screens-cell-via,.screens-cell-elsewhere){font-size:var(--phone-micro-size)}.screens-page.phone .screens-section-head h2{font-size:var(--phone-headline-size)}.screens-page.phone .screens-section-head>span{font-size:var(--phone-caption-size)}.screens-tree.phone{position:static;width:auto;max-height:none;padding:0;border:0;background:transparent}.screens-tree.phone .screens-tree-row{min-height:34px;font-size:var(--phone-body-size)}.screens-tree.phone .screens-tree-label.path{font-size:var(--phone-body-mono-size)}.screens-tree.phone .screens-tree-kind{font-size:var(--phone-micro-size)}.screens-find{display:flex;min-width:0;flex:1}.screens-find .panel-search{height:34px;flex:1;border-radius:9px}.screens-find-key{display:grid;min-width:18px;height:18px;flex:none;place-items:center;margin-right:2px;padding:0 4px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--tertiary);background:var(--surface);font:600 11px/1 var(--screens-mono)}.screens-find .panel-search:focus-within .screens-find-key{display:none}.screens-find-empty{margin:0;padding:4px 8px;color:var(--tertiary);font-size:12px}.screens-empty{min-height:240px;flex:1}.screens-empty-all{padding:0;color:var(--accent);font:inherit;background:transparent}.screens-empty-all:hover{text-decoration-line:underline;text-underline-offset:3px}.screens-page.filmstrip{overflow:hidden;padding-bottom:calc(84px * var(--ui-scale))}.screens-page.filmstrip.side-folded{padding-left:28px}.screens-page.filmstrip.side-folded .screens-side.collapsed{position:absolute;z-index:3;top:calc(var(--chrome-top) + var(--chrome-height) + 20px);left:var(--canvas-chrome-inline-inset)}html:has(.screens-page.filmstrip){overscroll-behavior-x:none}.screens-page.filmstrip .screens-body{height:100%}.screens-page.filmstrip .screens-side{max-height:100%}.screens-page.filmstrip .screens-sections{display:flex;height:100%;flex-wrap:nowrap;align-items:stretch}.screens-strip{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:8px}.screens-strip-path{display:flex;width:100%;min-height:28px;flex:none;align-items:center;justify-content:safe center;gap:6px;overflow:hidden;color:var(--tertiary);font-size:13px;white-space:nowrap}.screens-strip-crumb{display:inline-flex;min-width:0;flex:0 1 auto;align-items:center;gap:6px}.screens-strip-crumb:not(.current){max-width:160px;flex-shrink:0}.screens-strip-crumb>svg{width:12px;height:12px;flex:none;opacity:.7}.screens-strip-crumb.current{flex-shrink:1;gap:7px;color:var(--text);font-weight:600}.screens-strip-crumb.current>.screens-tree-dot{flex:none}.screens-strip-crumb.current>.screens-tree-dot[class*=diff-]{background:var(--diff)}.screens-strip-crumb-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.screens-strip-crumb-label.path{font-size:12px}.screens-strip-stage{position:relative;width:100%;min-height:0;flex:1;overflow:hidden;overflow:clip;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);touch-action:pan-y}.screens-strip-frame{position:absolute;top:50%;left:50%;transition:transform .3s cubic-bezier(.2,.75,.2,1),width .3s cubic-bezier(.2,.75,.2,1),height .3s cubic-bezier(.2,.75,.2,1),opacity .3s ease;will-change:transform}.screens-strip-stage.swiping .screens-strip-frame{transition:none}.screens-strip-stage.settling .screens-strip-frame{transition-duration:var(--strip-settle-ms);transition-timing-function:cubic-bezier(.45,0,.2,1)}@media(prefers-reduced-motion:reduce){.screens-strip-frame{transition:none}}.screens-strip-frame.dimmed:not(.focused){opacity:calc(var(--dim-out) * .6)!important}.screens-strip-target{display:block;width:100%;height:100%;overflow:hidden;padding:0;border:1px solid var(--border-subtle);border-radius:14px;background:var(--element);cursor:pointer}.screens-strip-frame.focused .screens-strip-target{border-color:color-mix(in srgb,var(--text) 30%,var(--border-subtle));box-shadow:0 24px 48px #00000014,0 2px 6px #00000014;cursor:zoom-in}.screens-strip-frame:not(.focused):is(.diff-added,.diff-modified,.diff-removed,.diff-accessibility-only,.diff-needs-review,.diff-source-affected) .screens-strip-target{outline:2px solid var(--diff);outline-offset:2px}.screens-page .screens-strip-target:focus-visible{filter:none}.screens-strip-target img{display:block;width:100%;height:100%;object-fit:contain}.screens-strip-placeholder{display:block;width:100%;height:100%}.screens-layout-switch{position:absolute;z-index:20;top:var(--chrome-top);right:calc(var(--screens-switch-right, 0px) + var(--canvas-chrome-inline-inset));display:inline-flex;height:var(--chrome-height);align-items:stretch;gap:2px;padding:calc(3px * var(--ui-scale));border:1px solid var(--border-subtle);border-radius:calc(10px * var(--ui-scale));background:var(--side-panel-surface);box-shadow:var(--floating-chrome-shadow)}.screens-layout-switch button{display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 10px;border-radius:calc(7px * var(--ui-scale));color:var(--secondary);background:transparent;font-size:13px;font-weight:500;transition:color .12s ease,background .12s ease}.screens-layout-switch button:hover{color:var(--text);background:var(--panel-hover)}.screens-layout-switch button[aria-pressed=true]{color:var(--text);background:var(--selected)}.screens-layout-switch button>svg{width:15px;height:15px;flex:none}.screens-layout-switch.compact button{padding:0 9px}.screens-layout-switch.compact button>span{display:none}.handoff-icon-button{flex:none}.handoff-scrim{position:fixed;z-index:200;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0505078c}.handoff-dialog{display:flex;zoom:var(--ui-scale);width:min(680px,100%);max-height:100%;overflow:auto;flex-direction:column;gap:16px;padding:22px 24px 24px;border:1px solid var(--border-subtle);border-radius:18px;color:var(--text);background:var(--side-panel-surface);box-shadow:0 24px 60px #00000073;outline:none}.handoff-header{display:flex;align-items:center;gap:10px}.handoff-header>svg{width:18px;height:18px;flex:none}.handoff-header>h2{margin:0;font-size:17px;font-weight:650;letter-spacing:-.01em}.handoff-close{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;margin-left:auto;padding:0;border-radius:15px;color:var(--secondary);background:var(--element)}.handoff-close:hover{color:var(--text);background:var(--selected)}.handoff-close>svg{width:14px;height:14px}.handoff-content{display:flex;flex-direction:column;gap:16px}.handoff-description{margin:0;color:var(--secondary);font-size:14px;line-height:21px}.handoff-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;background:var(--element);cursor:pointer}.handoff-scope-text{display:flex;min-width:0;flex-direction:column;gap:2px;font-size:14px;font-weight:500}.handoff-scope-text>small{overflow:hidden;color:var(--secondary);font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.handoff-switch{position:relative;width:40px;height:24px;flex:none;margin:0;border-radius:12px;background:var(--border);cursor:pointer;appearance:none;transition:background .16s ease}.handoff-switch:after{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 2px #00000040;content:"";transition:transform .16s ease}.handoff-switch:checked{background:var(--accent)}.handoff-switch:checked:after{transform:translate(16px)}.handoff-prompt{max-height:280px;margin:0;overflow:auto;padding:14px 16px;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text);background:var(--surface);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}.handoff-actions{display:flex;gap:10px}.handoff-action{display:inline-flex;height:44px;flex:1;align-items:center;justify-content:center;gap:8px;border-radius:22px;color:var(--text);background:var(--element);font-size:14px;font-weight:600;text-decoration:none}.handoff-action:hover{background:var(--selected)}.handoff-action.primary{color:var(--surface);background:var(--text)}.handoff-action.primary:hover{opacity:.9}.handoff-action>svg{width:16px;height:16px}.phone-sheet .handoff-content{min-height:0;flex:1;gap:14px}.phone-sheet .handoff-prompt{min-height:120px;max-height:none;flex:1;font-size:12px;line-height:18px}.phone-sheet .handoff-actions{flex-direction:column}.phone-sheet .handoff-action{height:50px;flex:none;font-size:15px}@media(prefers-reduced-motion:reduce){.handoff-switch,.handoff-switch:after{transition:none}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/viewer/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/viewer/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/viewer/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/viewer/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;--screen: #fcfcfd;--surface: #ffffff;--subtle: #f9f9fb;--element: #f0f0f3;--hover: #e8e8ec;--selected: #e0e1e6;--text: #1c2024;--secondary: #60646c;--tertiary: #6f727c;--border: #cdced6;--border-subtle: #d9d9e0;--accent: #0588f0;--accent-strong: #0d74ce;--accent-soft: #e6f4fe;--success: #218358;--success-soft: #e6f6eb;--warning: #ab6400;--warning-soft: #fff7c2;--danger: #ce2c31;--danger-soft: #feebec;--purple: #8145b5;--purple-soft: #f7edfe;--modified: #ea580c;--modified-soft: #ffefd6;--accessibility: #2f6feb;--accessibility-soft: #e8f0fe;--moved: #5b6b85;--graph-dot: #d9d9e0;--graph-line: #8b8d98;--graph-line-soft: #c5c7ce;--button-primary: #000000;--button-primary-hover: #60646c;--button-primary-text: #ffffff;--button-accent: #0588f0;--button-accent-hover: #0074d4;--button-accent-text: #ffffff;--panel-line: #ececef;--segment-track: #eceded;--segment-thumb: #ffffff;--panel-hover: #f4f4f6;--side-panel-surface: color-mix(in srgb, var(--surface) 60%, var(--element));--card: var(--surface);--card-line: var(--panel-line);--card-hover: var(--panel-hover);--dialog: var(--surface);--popover: var(--surface);--popover-line: var(--panel-line);--popover-hover: var(--panel-hover);--popover-active: var(--element);--popover-shadow: var(--shadow-md);--floating-chrome-shadow: 0 0 0 1px rgba(15, 23, 42, .06), 0 2px 5px rgba(15, 23, 42, .12), 0 8px 20px rgba(15, 23, 42, .08);--dim-out: .35;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .025), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 20px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .05);--ui-scale: 1;--icon-btn-lg: 36px;--icon-glyph-lg: 20px;--icon-btn-md: 32px;--icon-glyph-md: 18px;--icon-btn-sm: 26px;--icon-glyph-sm: 15px;--icon-hit-min: 32px;--icon-glyph-inline: 14px;--floating-chrome-top: 14px;--floating-chrome-height: 42px;--canvas-chrome-inline-inset: 12px;--left-collapsed-pill-width: 420px;--left-collapsed-pill-height: var(--floating-chrome-height);--left-collapsed-pill-top: var(--floating-chrome-top);--chrome-top: calc(var(--floating-chrome-top) * var(--ui-scale));--chrome-height: calc(var(--floating-chrome-height) * var(--ui-scale));--canvas-view-exit-duration: .18s;--canvas-view-enter-duration: .2s;--canvas-view-enter-delay: 20ms;--canvas-view-exit-easing: cubic-bezier(.4, 0, 1, 1);--canvas-view-enter-easing: ease-in-out;--toolbar-motion: .22s;--toolbar-easing: ease-in-out;--screenshot-reveal: .16s}:root[data-theme=dark]{color-scheme:dark;--screen: #0c0d0e;--surface: #111113;--subtle: #18191b;--element: #212225;--hover: #272a2d;--selected: #2e3135;--text: #edeef0;--secondary: #b0b4ba;--tertiary: #8e929b;--border: #43484e;--border-subtle: #363a3f;--accent: #70b8ff;--accent-strong: #c2e6ff;--accent-soft: #0d2847;--success: #3dd68c;--success-soft: #132d21;--warning: #ffca16;--warning-soft: #302008;--danger: #ff9592;--danger-soft: #3b1219;--purple: #d19dff;--purple-soft: #301c3b;--modified: #ff9a3c;--modified-soft: #331e0b;--accessibility: #8fa8ff;--accessibility-soft: #17224a;--moved: #9fb0cc;--graph-dot: #212225;--graph-line: #696e77;--graph-line-soft: #3f4349;--button-primary: #ffffff;--button-primary-hover: #d9d9e0;--button-primary-text: #111113;--button-accent: #3b82f6;--button-accent-hover: #5b9bf8;--button-accent-text: #ffffff;--panel-line: #202124;--segment-track: #191b1d;--segment-thumb: #303336;--panel-hover: #1c1d20;--card: color-mix(in srgb, var(--element) 65%, var(--side-panel-surface));--card-line: color-mix(in srgb, var(--border-subtle) 55%, transparent);--card-hover: var(--hover);--dialog: var(--side-panel-surface);--popover: color-mix(in srgb, var(--element) 75%, var(--subtle));--popover-line: #2c2f33;--popover-hover: var(--hover);--popover-active: var(--selected);--popover-shadow: 0 12px 28px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--floating-chrome-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 2px 5px rgba(0, 0, 0, .36), 0 8px 22px rgba(0, 0, 0, .3);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 20px rgba(0, 0, 0, .25), 0 3px 6px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow:hidden;background:var(--screen);color:var(--text);font-size:14px;line-height:1.6}button,input,select{font:inherit;color:inherit;font-optical-sizing:auto}button{border:0}button,select{cursor:pointer}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:is(.panel-logo-button,button.icon-button,button.toolbar-button,button.camera-action-button,button.variant-arrow,button.panel-search-clear):focus-visible{outline:0!important;outline-offset:0!important;border-color:transparent!important;background:color-mix(in srgb,var(--accent) 10%,var(--panel-hover))!important;box-shadow:none!important;filter:brightness(1.08)}button:is(.active,.selected,[aria-pressed=true],[aria-selected=true],[aria-current]):focus-visible{outline:0!important;outline-offset:0!important;box-shadow:none!important;filter:brightness(1.16)}code{font-family:JetBrains Mono,ui-monospace,monospace;font-optical-sizing:auto}.app-shell{position:relative;display:flex;height:100%;min-width:320px;isolation:isolate;background:var(--screen)}.app-content{position:relative;z-index:0;flex:1;min-width:0;height:100%;min-height:0;overflow:hidden}.canvas-view-content{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden;isolation:isolate;view-transition-name:canvas-view-content}:root[data-canvas-transition-direction]::view-transition-old(root){animation:none;opacity:0}:root[data-canvas-transition-direction]::view-transition-new(root){animation:none;opacity:1}:root[data-canvas-transition-direction]::view-transition-group(canvas-view-content){overflow:clip}:root[data-canvas-transition-direction]::view-transition-image-pair(canvas-view-content){overflow:clip;isolation:isolate}:root[data-canvas-transition-direction]::view-transition-group(canvas-minimap){z-index:22;animation:none}:root[data-canvas-transition-direction]::view-transition-group(app-pill),:root[data-canvas-transition-direction]::view-transition-group(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-group(canvas-toolbar){z-index:101;animation:none}:root[data-canvas-transition-direction]::view-transition-image-pair(canvas-minimap),:root[data-canvas-transition-direction]::view-transition-image-pair(app-pill),:root[data-canvas-transition-direction]::view-transition-image-pair(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-image-pair(canvas-toolbar){isolation:isolate}:root[data-canvas-transition-direction]::view-transition-old(canvas-view-content),:root[data-canvas-transition-direction]::view-transition-new(canvas-view-content),:root[data-canvas-transition-direction]::view-transition-old(canvas-minimap),:root[data-canvas-transition-direction]::view-transition-new(canvas-minimap),:root[data-canvas-transition-direction]::view-transition-old(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-new(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-old(canvas-toolbar),:root[data-canvas-transition-direction]::view-transition-old(phone-top-actions),:root[data-canvas-transition-direction]::view-transition-new(canvas-toolbar),:root[data-canvas-transition-direction]::view-transition-new(phone-top-actions){mix-blend-mode:normal}:root[data-canvas-transition-direction=forward]::view-transition-old(canvas-view-content){animation:canvas-view-exit-left var(--canvas-view-exit-duration) var(--canvas-view-exit-easing) both}:root[data-canvas-transition-direction=forward]::view-transition-new(canvas-view-content){animation:canvas-view-enter-right var(--canvas-view-enter-duration) var(--canvas-view-enter-easing) var(--canvas-view-enter-delay) both}:root[data-canvas-transition-direction=backward]::view-transition-old(canvas-view-content){animation:canvas-view-exit-right var(--canvas-view-exit-duration) var(--canvas-view-exit-easing) both}:root[data-canvas-transition-direction=backward]::view-transition-new(canvas-view-content){animation:canvas-view-enter-left var(--canvas-view-enter-duration) var(--canvas-view-enter-easing) var(--canvas-view-enter-delay) both}:root[data-canvas-transition-direction]::view-transition-old(canvas-minimap){animation:canvas-chrome-crossfade-out var(--canvas-view-enter-duration) linear both}:root[data-canvas-transition-direction]::view-transition-new(canvas-minimap){animation:canvas-chrome-crossfade-in var(--canvas-view-enter-duration) linear both}:root[data-canvas-transition-direction]::view-transition-old(app-pill),:root[data-canvas-transition-direction]::view-transition-old(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-old(canvas-toolbar){animation:none;opacity:0}:root[data-canvas-transition-direction]::view-transition-new(app-pill),:root[data-canvas-transition-direction]::view-transition-new(canvas-camera-controls),:root[data-canvas-transition-direction]::view-transition-new(canvas-toolbar){animation:none;opacity:1}@keyframes canvas-view-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px)}}@keyframes canvas-view-enter-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes canvas-view-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}@keyframes canvas-view-enter-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){:root[data-canvas-transition-direction]::view-transition-old(canvas-view-content){animation:canvas-view-fade-out 90ms linear both}:root[data-canvas-transition-direction]::view-transition-new(canvas-view-content){animation:canvas-view-fade-in .12s linear both}}@keyframes canvas-view-fade-out{0%{opacity:1}to{opacity:0}}@keyframes canvas-view-fade-in{0%{opacity:0}to{opacity:1}}@keyframes canvas-chrome-crossfade-out{0%{opacity:1}to{opacity:0}}@keyframes canvas-chrome-crossfade-in{0%{opacity:0}to{opacity:1}}.connection-canvas-surface{position:absolute;inset:0;display:block;min-width:0;min-height:0;overflow:hidden}.expo-logo{width:62px;height:18px;flex:none;color:var(--text)}.expo-mark{width:20px;height:18px;flex:none;color:var(--text);transform:scale(.9)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn-md);height:var(--icon-btn-md);flex:none;border:1px solid transparent;border-radius:6px;color:var(--secondary);background:transparent}.icon-button>svg{width:var(--icon-glyph-md);height:var(--icon-glyph-md);flex:none}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--border-subtle);background:var(--hover)}.icon-button:active:not(:disabled),.button:active:not(:disabled){transform:scale(.98)}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.graph-canvas{min-width:0;height:100%;min-height:0;--screen: #ffffff;--surface: #ffffff;--subtle: #f5f5f6;--element: #ececee;--hover: #e8e8ec;--text: #1c2024;--secondary: #60646c;--tertiary: #6f727c;--border: #cdced6;--border-subtle: #d9d9e0;--panel-hover: #f0f0f2;--graph-dot: #e4e4e7;--graph-line: #8b8d98;--graph-line-soft: #c5c7ce;--canvas-group: #f5f5f6;--hover-ring: #b9bbc6;color:var(--text);background:var(--screen)}:root[data-theme=dark] .graph-canvas{--screen: #111113;--surface: #111113;--subtle: #18191b;--element: #212225;--hover: #272a2d;--text: #edeef0;--secondary: #b0b4ba;--tertiary: #8e929b;--border: #43484e;--border-subtle: #363a3f;--panel-hover: #1c1d20;--graph-dot: #2d3035;--graph-line: #696e77;--graph-line-soft: #3f4349;--canvas-group: #18191b;--hover-ring: #5a6169}.graph-canvas .canvas-tool-pan,.graph-canvas .canvas-tool-pan .react-flow__pane{cursor:url(/viewer/cursors/hand.svg) 12 12,grab}.graph-canvas .canvas-tool-pan:active,.graph-canvas .canvas-tool-pan .react-flow__pane:active{cursor:url(/viewer/cursors/hand-closed.svg) 12 12,grabbing}.graph-canvas .canvas-tool-pan :is(.screen-node,.semantic-summary-node),.graph-canvas .canvas-tool-pan :is(.screen-node,.semantic-summary-node):active{cursor:url(/viewer/cursors/arrow.svg) 6 6,default}.graph-canvas .react-flow__edge-text{paint-order:stroke}.graph-canvas .react-flow__edge-label{pointer-events:none}.graph-canvas .transition-edge-hitarea{cursor:pointer;pointer-events:stroke}.graph-canvas .transition-edge-path{transition:stroke .1s ease,stroke-width .1s ease,opacity .14s ease}.graph-canvas .graph-edge-secondary{opacity:.72}.graph-canvas .graph-edge-active{opacity:1}.graph-canvas .react-flow__node{transition:opacity .18s ease,filter .18s ease}.graph-canvas .canvas-focus-animating .react-flow__node{transition:none}.graph-canvas .react-flow__node.graph-node-muted{opacity:var(--dim-out);--map-card-opacity: var(--dim-out)}.connection-canvas-surface.canvas-hovering .react-flow__node-screen.graph-node-hover-related{opacity:1;--map-card-opacity: 1}.connection-canvas-surface.canvas-hovering .react-flow__edge.graph-edge-hover-related{opacity:1}.graph-canvas .canvas-relayout-out .react-flow__viewport{opacity:0;transition:opacity 80ms ease-in}.graph-canvas .canvas-relayout-in .react-flow__viewport{opacity:1;transition:opacity .12s ease-out}.screen-screenshot-card{position:relative;display:flex;width:100%;height:100%;min-height:0;flex-direction:column;gap:14px;padding:0;color:var(--text);background:transparent;text-align:left}.screen-screenshot-slot{position:relative;display:flex;width:100%;min-height:0;flex:1;flex-direction:column}.screen-screenshot-slot>.react-flow__handle{z-index:1}.screen-screenshot-slot>.tooltip-anchor{position:static;display:flex;width:100%;min-height:0;flex:1;flex-direction:column}.screen-screenshot-target{display:flex;width:100%;min-height:0;flex:1;padding:0;color:inherit;background:transparent;text-align:inherit}.screen-node{width:var(--map-screen-width, 184px);height:var(--map-screen-height, 420px);cursor:grab}.screen-node:active{cursor:grabbing}.screen-node-heading{display:flex;min-height:20px;flex:none;align-items:flex-start;justify-content:center;gap:6px;padding:0 4px}.screen-node-title{display:block;width:100%;min-width:0;flex:1;color:var(--text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:650;letter-spacing:-.012em;line-height:1.4;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.screen-path-text{min-width:0;padding:0;border:0;border-radius:3px;color:inherit;background:transparent;font:inherit;text-align:inherit;text-decoration:none;cursor:pointer;transition:color .12s ease}.screen-path-text:hover{color:var(--accent-strong)}.screen-path-text:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen-path-text.screen-node-title{display:block;width:100%;max-width:100%;color:var(--text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.35;text-align:center}.screen-node-image{position:relative;display:flex;min-height:0;flex:1;align-items:center;justify-content:center;overflow:visible;border:0;background:transparent;transition:box-shadow .12s ease,border-color .12s ease}.screen-node-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border:1px solid var(--border-subtle);border-radius:14px;background:var(--subtle);box-sizing:border-box;object-fit:contain;transition:box-shadow .12s ease,border-color .12s ease}.screen-node-image:has(>:is(.image-placeholder,.screenshot-backing)){container-type:size}.screen-node-image>:is(.image-placeholder,.screenshot-backing){--frame-border: 1px;display:flex;box-sizing:content-box;width:min(100cqw - 2 * var(--frame-border),(100cqh - 2 * var(--frame-border)) * var(--screenshot-width) / var(--screenshot-height),var(--screenshot-width) * 1px);height:min(100cqh - 2 * var(--frame-border),(100cqw - 2 * var(--frame-border)) * var(--screenshot-height) / var(--screenshot-width),var(--screenshot-height) * 1px);flex:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border:var(--frame-border) solid var(--border-subtle);border-radius:14px;color:var(--tertiary);background:var(--subtle);font-size:10px;text-align:center;transition:box-shadow .12s ease,border-color .12s ease}.screen-node-image:hover img,.screen-screenshot-card.selected .screen-node-image img{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.screen-node-image:hover>:is(.image-placeholder,.screenshot-backing),.screen-screenshot-card.selected .screen-node-image>:is(.image-placeholder,.screenshot-backing){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.screen-node-image>.screenshot-backing{position:absolute;inset:0;margin:auto;pointer-events:none;visibility:hidden}.screen-node-image:has(>.screenshot-backing)>img{position:relative}.screen-node-image:has(>img[data-screenshot-state=loading])>.screenshot-backing{visibility:visible}.screen-node-image:has(>img[data-screenshot-reveal])>.screenshot-backing{animation:screenshot-backing var(--screenshot-reveal) step-end}.screen-node-image:has(>.screenshot-backing)>img[data-screenshot-reveal]{animation:screenshot-reveal var(--screenshot-reveal) ease-out,screenshot-backed var(--screenshot-reveal) step-end}@keyframes screenshot-backing{0%,to{visibility:visible}}@keyframes screenshot-backed{0%,to{box-shadow:none}}.canvas-active-frame{position:relative;display:block;width:100%;height:100%}.canvas-active-frame:after{content:"";position:absolute;z-index:4;inset:-3px;border:2px solid transparent;border-radius:17px;pointer-events:none}.canvas-active-frame.is-highlighted:after{border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 24%,transparent)}.graph-handle{width:9px;height:9px;border:1px solid var(--surface);background:var(--graph-line);box-shadow:none;opacity:.9;pointer-events:none}.screen-screenshot-card{--screen-frame: var(--graph-line)}.screen-screenshot-card.selected,.screen-screenshot-card.highlighted{--screen-frame: var(--accent)}.screen-screenshot-card:is(.diff-added,.diff-modified,.diff-removed){--screen-frame: var(--diff)}.screen-screenshot-slot>.graph-handle{width:10px;height:10px;border:2px solid var(--screen);background:var(--screen-frame);opacity:1}.map-surface .screen-screenshot-card{--ring-unit: clamp(1px, .6px / var(--canvas-zoom, 1), 6px);--ring-status: 0px}.map-surface .screen-screenshot-card:is(.diff-added,.diff-modified,.diff-removed){--ring-status: 2px}.map-surface .screen-screenshot-card .screen-node-image :is(img,.image-placeholder,.screenshot-backing){border-color:var(--border-subtle);box-shadow:none}.map-surface .react-flow__node-screen:is(.selected,.graph-node-hover-subject) .screen-screenshot-card .screen-node-image :is(img,.image-placeholder,.screenshot-backing){box-shadow:0 0 0 var(--ring-status) var(--diff, transparent),0 0 0 calc(var(--ring-status) + 4 * var(--ring-unit)) var(--screen),0 0 0 calc(var(--ring-status) + 6.5 * var(--ring-unit)) var(--ring-color),var(--ring-lift, 0 0 transparent)}.map-surface .react-flow__node-screen.graph-node-hover-subject{--ring-color: var(--hover-ring)}.map-surface .react-flow__node-screen.selected{--ring-color: var(--accent);--ring-lift: 0 calc(10 * var(--ring-unit)) calc(28 * var(--ring-unit)) color-mix(in srgb, var(--accent) 18%, transparent)}.map-surface .react-flow__node-screen.selected .screen-node-title{color:var(--accent-strong)}.map-surface .screen-screenshot-target:focus-visible{outline:2px dashed var(--accent-strong)!important;outline-offset:calc(var(--ring-status) + 9 * var(--ring-unit))!important;filter:none!important}.connection-canvas-surface.canvas-hovering .graph-edge-hover-related:not(.graph-edge-active) .transition-edge-path{stroke:var(--tertiary)!important;stroke-width:2!important;stroke-dasharray:none!important}.semantic-summary-node{position:relative;display:grid;width:220px;height:118px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;color:var(--text);background:color-mix(in srgb,var(--surface) 96%,var(--accent));box-shadow:var(--shadow-sm);text-align:left;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.react-flow__node-summary{z-index:6!important}.semantic-summary-changes{position:absolute;top:10px;right:10px;display:flex;gap:4px}.semantic-summary-change{display:inline-flex;height:20px;align-items:center;gap:3px;padding:0 6px 0 4px;border-radius:6px;color:var(--diff);background:var(--diff-soft);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.semantic-summary-change>svg{width:12px;height:12px;stroke-width:3}.semantic-summary-change-dot{width:7px;height:7px;margin:0 2px;border-radius:50%;background:currentColor}.semantic-summary-node.has-changes{border-color:color-mix(in srgb,var(--modified) 45%,var(--border))}.semantic-summary-node:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--surface) 91%,var(--accent));box-shadow:var(--shadow-md)}.semantic-summary-node:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:3px;border-color:var(--accent)}.semantic-summary-node.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--surface) 88%,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),var(--shadow-sm)}.semantic-summary-node.is-current .semantic-summary-copy small{color:var(--accent-strong)}.semantic-summary-visual{display:grid;width:50px;height:94px;place-items:center;overflow:hidden;border:1px solid var(--border-subtle);border-radius:9px;color:var(--tertiary);background:var(--subtle)}.semantic-summary-visual img{display:block;width:42px;height:88px;object-fit:contain}.semantic-summary-visual svg{width:20px;height:20px}.semantic-summary-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.semantic-summary-copy strong{font-size:13px;font-weight:650;line-height:1.3;overflow-wrap:anywhere;white-space:normal}.semantic-summary-copy span{color:var(--secondary);font-size:10px;line-height:1.35}.semantic-summary-copy small{color:var(--accent-strong);font-size:9px;font-weight:650;line-height:1.3}.map-surface .screen-node{width:var(--map-screen-width, 184px);height:var(--map-screen-height, 420px);gap:14px}.map-surface .screen-node-heading{min-height:20px;padding:0 4px}.map-surface .screen-node-title{font-size:13px;line-height:1.35}.map-surface .screen-node-image{border-radius:14px}.map-surface .react-flow__node-screen{z-index:2!important;opacity:1!important;background:var(--screen);border-radius:14px}.map-surface .react-flow__node-screen>.canvas-active-frame{opacity:var(--map-card-opacity, 1);transition:inherit}.map-surface .react-flow__node-screen.selected,.map-surface .react-flow__node-screen:hover{z-index:4!important}.map-surface .react-flow__edge{transition:opacity 90ms ease}.map-surface .react-flow__edges{z-index:0}.map-surface .react-flow__edges>svg{z-index:0!important}.map-surface .react-flow__nodes{z-index:1}.react-flow__node-screenTile{z-index:2!important}.map-surface .react-flow__edges,.map-surface .react-flow__edgelabel-renderer{opacity:1;transition:opacity .22s cubic-bezier(.42,0,.58,1)}.map-surface .transition-edge-hitarea{pointer-events:none}.map-surface .transition-edge-hitarea[data-navigation-provenance=source]{pointer-events:stroke}.map-canvas.canvas-projection-animating .react-flow__node{pointer-events:none!important}.map-canvas.canvas-projection-animating .react-flow__node:is(.canvas-node-moving,.canvas-node-exit){transition:transform .2s cubic-bezier(.42,0,.58,1),opacity .2s cubic-bezier(.42,0,.58,1)}.map-canvas .react-flow__node:is(.canvas-node-moving,.canvas-node-enter,.canvas-node-exit)>*{transform-origin:center;transition:opacity .2s cubic-bezier(.42,0,.58,1),transform .2s cubic-bezier(.42,0,.58,1)}.map-canvas .react-flow__node.canvas-node-moving>*{opacity:1;transform:scale(var(--projection-scale, 1))}.map-canvas .react-flow__node.canvas-node-enter>*{opacity:0;transform:scale(.96)}.map-surface .react-flow__node-screen:is(.canvas-node-enter,.canvas-node-exit){background:transparent}.map-canvas .react-flow__node.canvas-node-exit{pointer-events:none!important}.map-canvas .react-flow__node.canvas-node-exit>*{opacity:0;transform:scale(.96)}.map-canvas .react-flow__node.projection-fade-only:is(.canvas-node-enter,.canvas-node-exit)>*{transform:scale(var(--projection-scale, 1))}.map-canvas .react-flow__node.projection-fade-only:is(.canvas-node-moving,.canvas-node-exit)>*{transition-delay:var(--projection-delay, 0ms),0ms}.map-canvas.canvas-projection-animating .react-flow__edges,.map-canvas.canvas-projection-animating .react-flow__edgelabel-renderer{opacity:0;pointer-events:none;transition-duration:0ms}.screen-screenshot-target{cursor:pointer}.screen-open-hint{position:absolute;z-index:3;top:50%;left:50%;display:none;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;color:#fff;background:#111113d1;box-shadow:0 4px 14px #00000040;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;backdrop-filter:blur(6px)}.screen-open-hint>svg{width:14px;height:14px;flex:none}.phone-layout .map-canvas .screen-screenshot-card.selected .screen-open-hint{display:inline-flex;animation:screen-open-hint-in .14s ease-out}@keyframes screen-open-hint-in{0%{opacity:0;transform:translate(-50%,-40%)}}@media(prefers-reduced-motion:reduce){.screen-open-hint{animation:none!important}}.screen-screenshot-target:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:3px;border-radius:14px}@media(prefers-reduced-motion:reduce){.semantic-summary-node,.screen-node-image,.graph-canvas .react-flow__node,.graph-canvas .transition-edge-path{transition:none}.map-canvas.canvas-projection-animating .react-flow__node:is(.canvas-node-moving,.canvas-node-exit),.map-surface .react-flow__edge,.map-surface .react-flow__edges,.map-surface .react-flow__edgelabel-renderer{transition:none}.map-canvas .react-flow__node:is(.canvas-node-moving,.canvas-node-enter,.canvas-node-exit)>*{transition:none}}.canvas-empty{display:flex;align-items:center;justify-content:center;padding:40px}.canvas-toolbar{position:fixed;z-index:10;bottom:calc(var(--canvas-visible-bottom-inset, 0px) + 14px * var(--ui-scale));left:50%;display:flex;width:max-content;padding:calc(6px * var(--ui-scale));border:1px solid var(--panel-line);border-radius:calc(14px * var(--ui-scale));background:var(--surface);box-shadow:var(--floating-chrome-shadow);transform:translate(calc(-50% - var(--canvas-toolbar-shift, 0px)));view-transition-name:canvas-toolbar}.canvas-toolbar-inner{display:flex;align-items:center;gap:2px;zoom:var(--ui-scale)}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:26px;flex:none;margin:0 3px;background:var(--panel-line)}.toolbar-button{display:flex;width:var(--icon-btn-lg);height:var(--icon-btn-lg);align-items:center;justify-content:center;border-radius:8px;color:var(--tertiary);background:transparent;transition:color .12s ease,background .12s ease}.toolbar-button>svg{width:var(--icon-glyph-lg);height:var(--icon-glyph-lg);flex:none}.toolbar-button:hover{color:var(--secondary);background:var(--panel-hover)}.toolbar-button.active{color:var(--text);background:var(--element)}.toolbar-button:active{transform:scale(.98)}.toolbar-button:disabled{opacity:.35;pointer-events:none}.toolbar-button:has(>.toolbar-view-label){width:auto;min-width:var(--icon-btn-lg);padding:0 8px}.toolbar-view-label{display:grid;grid-template-columns:0fr;margin:0;opacity:0;filter:blur(4px);font-size:14px;font-weight:600;transition:grid-template-columns var(--toolbar-motion) var(--toolbar-easing),margin var(--toolbar-motion) var(--toolbar-easing),opacity .12s ease,filter .12s ease}.toolbar-view-label>span{min-width:0;overflow:hidden;white-space:nowrap}.toolbar-button.labelled .toolbar-view-label{grid-template-columns:1fr;margin:0 4px 0 7px;opacity:1;filter:blur(0);transition:grid-template-columns var(--toolbar-motion) var(--toolbar-easing),margin var(--toolbar-motion) var(--toolbar-easing),opacity .17s ease-in-out calc(var(--toolbar-motion) * .35),filter .17s ease-in-out calc(var(--toolbar-motion) * .35)}.toolbar-button:has(>.key-hint),.camera-action-button:has(>.key-hint),.collapsed-platform:has(>.key-hint),.compare-nav-picker:has(>.key-hint){position:relative}.key-hint{position:absolute;top:-6px;right:-6px;display:flex;min-width:16px;height:16px;align-items:center;justify-content:center;padding:0 4px;border-radius:5px;color:var(--text);background:var(--element);box-shadow:0 0 0 2px var(--surface),0 1px 2px #0000001f;font:inherit;font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;animation:key-hint-in .1s ease-out}@keyframes key-hint-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.key-hint{animation:none}}@media(prefers-reduced-motion:reduce){.toolbar-view-label,.toolbar-button.labelled .toolbar-view-label{filter:none;transition:opacity .12s ease-out}}@media(max-width:600px){.toolbar-button.labelled .toolbar-view-label{grid-template-columns:0fr;margin:0;opacity:0}}.canvas-camera-initializing .react-flow__viewport{visibility:hidden}.right-panel{position:relative;z-index:100;display:flex;flex:none;width:var(--inspector-width, 400px);max-width:50%;height:100%;min-height:0;flex-direction:column;border-left:1px solid var(--panel-line);background:var(--side-panel-surface);container-type:inline-size;zoom:var(--ui-scale);--inspector-shared-preview-max-width: calc((100cqw - 36px)/2) }.right-panel-resize{position:absolute;z-index:1;top:0;bottom:0;left:-5px;width:10px;cursor:col-resize;touch-action:none;outline:none}.right-panel-resize:before{position:absolute;top:0;bottom:0;left:4px;width:2px;background:var(--accent);content:"";opacity:0;transition:opacity var(--toolbar-motion) var(--toolbar-easing) .12s}.right-panel-resize:hover:before,.right-panel-resize:focus-visible:before,.inspector-resizing .right-panel-resize:before{opacity:1;transition-delay:0ms}.inspector-resizing,.inspector-resizing *{cursor:col-resize!important;user-select:none!important}.right-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 8px 0 14px;border-bottom:1px solid var(--panel-line)}.right-head-group{display:flex;align-items:center;gap:2px}.right-head .inspector-highlight[aria-pressed=true]:not(:disabled){color:var(--text);background:var(--element)}.right-head .inspector-highlight[aria-pressed=true]:not(:disabled)>svg{color:var(--modified)}.right-head .icon-button.active{color:var(--text);background:var(--element)}.right-head .icon-button[disabled]{color:var(--border);cursor:default;background:transparent}.zoom-anchor{position:relative;display:flex}.zoom-button{display:inline-flex;height:var(--icon-btn-md);min-width:42px;align-items:center;justify-content:center;gap:5px;padding:0 7px;border-radius:6px;color:var(--secondary);background:transparent;font-size:11px;font-variant-numeric:tabular-nums}.zoom-button>svg{width:12px;height:12px;flex:none}.zoom-button:hover:not([disabled]){color:var(--text);background:var(--panel-hover)}.zoom-button[aria-expanded=true]{color:var(--text);background:var(--element)}.zoom-button[disabled]{color:var(--border);cursor:default}.zoom-anchor .menu-popover{right:0;left:auto;min-width:220px}.camera-action-button{display:inline-flex;width:var(--icon-btn-md);height:var(--icon-btn-md);align-items:center;justify-content:center;padding:0;border-radius:6px;color:var(--secondary);background:transparent}.camera-action-button>svg{width:var(--icon-glyph-md);height:var(--icon-glyph-md);flex:none}.camera-action-button:hover:not([disabled]){color:var(--text);background:var(--panel-hover)}.camera-action-button[disabled]{color:var(--border);cursor:default}.canvas-camera-controls{position:absolute;z-index:20;top:var(--chrome-top);right:calc(var(--canvas-visible-right-inset, 0px) + var(--canvas-chrome-inline-inset));display:inline-flex;height:var(--chrome-height);align-items:center;gap:0;padding:1px;border:1px solid var(--border-subtle);border-radius:calc(8px * var(--ui-scale));color:var(--text);background:var(--side-panel-surface);box-shadow:var(--floating-chrome-shadow);view-transition-name:canvas-camera-controls}.canvas-camera-controls .camera-action-button,.canvas-camera-controls .zoom-button{border:0;color:var(--text);background:transparent;box-shadow:none;backdrop-filter:none}.canvas-camera-controls .camera-action-button:hover:not([disabled]),.canvas-camera-controls .zoom-button:hover:not([disabled]){background:var(--panel-hover)}.canvas-camera-controls .zoom-button[aria-expanded=true]{color:var(--text);background:var(--element)}.canvas-camera-controls-inner{display:flex;height:var(--floating-chrome-height);align-items:center;zoom:var(--ui-scale)}.camera-control-divider{width:1px;height:16px;flex:none;background:var(--border-subtle)}.canvas-camera-controls .zoom-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.right-scroll-shell{flex:1}.right-scroll{display:flex;width:100%;flex-direction:column}.inspector{flex:1}.inspector-empty{flex:1;justify-content:center;min-height:180px}.inspector-empty>svg{width:28px;height:28px}.inspector-empty strong{margin:12px 0 6px;font-size:15px;font-weight:600}.inspector-empty span{max-width:260px;font-size:13px;line-height:1.5}.inspector-mode-copy{display:flex;min-width:0;flex:1;align-items:center;gap:8px}.inspector-diff-status.status-glyph{width:10px;height:10px}.inspector-diff-status.status-glyph>svg{width:11px;height:11px;stroke-width:3}.inspector-screen-path{max-width:100%;overflow:hidden;color:var(--text);font-size:13px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.inspector .session-preview-frame{display:flex;justify-content:center;margin:14px 14px 20px}.inspector .session-preview-frame .inspector-preview{margin:0}.inspector .session-preview-frame .screen-variant-carousel{flex:1 1 auto}.inspector-diff-visual{display:flex;min-height:0;flex-direction:column;align-items:center;gap:12px;padding:14px 14px 20px}.inspector-open-compare{display:inline-flex;height:28px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:7px;color:var(--secondary);background:transparent;font-size:12px;font-weight:500}.inspector-open-compare:hover{color:var(--text);background:var(--panel-hover)}.inspector-open-compare>svg{width:14px;height:14px}.inspector-diff-compare{display:flex;width:100%;min-width:0;align-items:flex-start;justify-content:center;gap:8px}.inspector-diff-figure{display:flex;min-width:0;flex-direction:column;width:min(100%,var(--inspector-diff-preview-width-vh),var(--inspector-diff-preview-width-max),var(--inspector-shared-preview-max-width));max-width:min(var(--inspector-diff-preview-width-vh),var(--inspector-diff-preview-width-max),var(--inspector-shared-preview-max-width));flex-basis:min(var(--inspector-diff-preview-width-vh),var(--inspector-diff-preview-width-max),var(--inspector-shared-preview-max-width));flex-grow:0;flex-shrink:1;margin:0}.inspector-diff-caption{margin:0 0 6px;color:var(--secondary);font-size:11px;font-weight:600;line-height:1.2;text-align:center}.inspector-diff-preview{position:relative;display:flex;width:100%;min-height:0;aspect-ratio:var(--inspector-diff-aspect-ratio);align-items:center;justify-content:center}.inspector-diff-preview:has(>img){border-radius:9px;background:var(--subtle)}.inspector-diff-preview img{display:block;width:100%;height:100%;border-radius:9px;object-fit:cover}.inspector-diff-preview:has(>img):after{content:"";position:absolute;inset:0;border:1px solid var(--border-subtle);border-radius:9px;pointer-events:none}.inspector-diff-actions{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#0c0c0e66;pointer-events:none;opacity:0;transition:opacity .14s ease}.inspector-diff-preview:hover .inspector-diff-actions,.inspector-diff-preview:focus-within .inspector-diff-actions,.inspector-diff-actions[data-feedback]{opacity:1}.inspector-diff-preview:has(>img[data-screenshot-state=loading],>.screenshot-placeholder) .inspector-diff-actions{display:none}.inspector-diff-action-group{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--panel-line);border-radius:12px;background:var(--surface);box-shadow:var(--floating-chrome-shadow);pointer-events:auto}.inspector-diff-action{display:inline-flex;height:26px;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:8px;color:var(--secondary);background:transparent;font:inherit;font-size:11px;font-weight:550;line-height:1;white-space:nowrap;cursor:pointer;transition:color .12s ease,background .12s ease}.inspector-diff-action:hover{color:var(--text);background:var(--panel-hover)}.inspector-diff-action:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.inspector-diff-action svg{width:var(--icon-glyph-sm);height:var(--icon-glyph-sm);flex:none}.inspector-diff-action[data-state=copied]{color:var(--success)}.inspector-diff-action[data-state=failed]{color:var(--danger)}.inspector-diff-placeholder{width:100%;height:100%;padding:12px;border:1px dashed var(--border);border-radius:9px;box-sizing:border-box;background:transparent}.inspector-diff-summary{padding:0 14px 20px;background:transparent}.inspector-diff-summary h3{min-height:24px;margin:0 0 6px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:24px;text-wrap:balance}.inspector-diff-summary .what-changed-context{margin-bottom:8px}.inspector-diff-summary p,.what-changed-item{max-width:none;margin:0;color:var(--secondary);font-size:11px;line-height:1.55;overflow-wrap:anywhere;text-wrap:pretty}.what-changed-list{display:grid;gap:2px;margin:0 -4px;padding:0;list-style:none}.what-changed-item{display:grid;width:100%;grid-template-columns:6px minmax(0,1fr);align-items:baseline;gap:7px;padding:3px 4px;border-radius:5px;background:transparent;text-align:left}.what-changed-bullet{width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateY(-1px)}.what-changed-more{display:inline-flex;min-height:28px;align-items:center;gap:4px;margin-top:5px;padding:0 5px;border-radius:5px;color:var(--secondary);background:transparent;font-size:10px;font-weight:500}.what-changed-more:hover{color:var(--text);background:var(--panel-hover)}.what-changed-more svg{width:12px;height:12px;transition:transform .12s ease}.what-changed-more[aria-expanded=true] svg{transform:rotate(180deg)}.screen-variant-carousel{display:flex;min-width:0;flex-direction:column;gap:10px}.variant-stage{display:grid;min-width:0;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:6px}.variant-preview{justify-self:center}.variant-preview.has-image-ratio{width:min(100%,var(--preview-width-vh),var(--preview-width-max),var(--inspector-shared-preview-max-width));height:auto}.variant-arrow{display:inline-flex;width:26px;height:38px;align-items:center;justify-content:center;border-radius:7px;color:var(--secondary);background:transparent}.variant-arrow svg{width:18px;height:18px}.variant-arrow:hover:not([disabled]){color:var(--text);background:var(--panel-hover)}.variant-arrow:focus-visible{outline:0;border-color:transparent;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--panel-hover));box-shadow:none;filter:brightness(1.08)}.variant-arrow[disabled]{color:var(--border);cursor:default}.variant-thumbnails{display:flex;min-width:0;justify-content:safe center;gap:7px;overflow-x:auto;padding:5px 5px 8px;scroll-padding-inline:5px;scrollbar-width:thin}.variant-thumbnail{display:flex;width:54px;height:70px;flex:0 0 54px;align-items:center;justify-content:center;overflow:hidden;padding:3px;border:2px solid var(--border-subtle);border-radius:7px;color:var(--tertiary);background:var(--subtle);transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.variant-thumbnail:hover{border-color:var(--border);background:var(--panel-hover)}.variant-thumbnail:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.variant-thumbnail[aria-selected=true]{border-color:var(--accent);background:var(--subtle);box-shadow:none}.variant-thumbnail img{width:100%;height:100%;border-radius:3px;object-fit:contain;transition:opacity .12s ease,filter .12s ease}.variant-thumbnail[aria-selected=false] img{opacity:var(--dim-out);filter:saturate(.42) brightness(.88)}.variant-thumbnail svg{width:16px;height:16px}.inspector .inspector-section{margin:0;padding:0 14px 20px}.inspector .section-title{min-height:24px;margin-bottom:6px}.inspector .section-title h3{color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:24px}.inspector .transition-section.is-empty{flex:none}.inspector .transition-section .inline-empty{display:block;flex:none;padding:2px 0 0;color:var(--tertiary);font-size:11px;line-height:1.55;text-align:left}.toggle-group{position:relative;display:flex;width:100%}.toggle-pill{padding:3px;border:1px solid var(--panel-line);border-radius:8px;background:var(--segment-track)}.toggle-row{display:flex;width:100%;gap:2px}.toggle-row .tooltip-anchor{flex:1 1 0;min-width:0}.toggle-row .tooltip-anchor .toggle-button{width:100%}.toggle-overlay{position:absolute;inset:3px;width:auto;border-radius:6px;background:var(--segment-thumb);pointer-events:none;transition:clip-path .26s cubic-bezier(.2,0,0,1)}.toggle-overlay .toggle-button{color:var(--text);background:transparent}.toggle-overlay .toggle-count{color:var(--secondary)}.toggle-button{display:inline-flex;flex:1 1 0;min-width:0;min-height:28px;align-items:center;justify-content:center;gap:4px;padding:0 4px;border-radius:6px;color:var(--secondary);background:transparent;font-size:12px;font-weight:500;line-height:1.2;white-space:normal;transition:color .12s ease}.toggle-row:not(.toggle-overlay) .toggle-button:hover:not([disabled]):not(.active){color:var(--text)}.toggle-row:not(.toggle-overlay) .toggle-button:focus-visible{position:relative;z-index:2;color:var(--text);box-shadow:inset 0 0 0 2px var(--accent)}.toggle-button[disabled]{color:var(--tertiary);cursor:default;opacity:.6}.toggle-group.disabled .toggle-overlay{display:none}.toggle-label{min-width:0;overflow-wrap:anywhere}.toggle-count{color:var(--tertiary);font-size:9px;font-variant-numeric:tabular-nums;transition:color .12s ease}.toggle-flat{width:auto}.toggle-flat .toggle-button{flex:none;min-height:22px;padding:0 7px;font-size:10px}.toggle-flat .toggle-button.active,.toggle-flat .toggle-button:hover:not([disabled]){color:var(--text)}.toggle-flat .toggle-button.active .toggle-count,.toggle-flat .toggle-button:hover:not([disabled]) .toggle-count{color:var(--secondary)}.diff-frame{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;width:100%}.diff-added{--diff: var(--success);--diff-soft: var(--success-soft)}.diff-modified{--diff: var(--modified);--diff-soft: var(--modified-soft)}.diff-removed{--diff: var(--danger);--diff-soft: var(--danger-soft)}.diff-accessibility-only{--diff: var(--accessibility);--diff-soft: var(--accessibility-soft)}.diff-accessibility-only.diff-dot,.diff-accessibility-only .status-glyph-dot{border-radius:2px}.diff-unchanged,.diff-needs-review{--diff: var(--tertiary);--diff-soft: var(--element)}.diff-source-affected{--diff: var(--purple);--diff-soft: var(--purple-soft)}.diff-not-compared,.diff-unavailable{--diff: var(--tertiary);--diff-soft: var(--element)}.diff-variant{--diff: var(--accent);--diff-soft: var(--accent-soft)}.diff-frame.diff-added,.diff-frame.diff-modified,.diff-frame.diff-removed{width:calc(100% + 20px);margin:-10px;padding:10px;border:3px solid var(--diff);border-radius:20px;background:color-mix(in srgb,var(--diff) 7%,transparent)}.screen-screenshot-card .diff-frame.diff-added,.screen-screenshot-card .diff-frame.diff-modified,.screen-screenshot-card .diff-frame.diff-removed{width:100%;margin:0;padding:0;border:0;background:transparent}.screen-screenshot-card .diff-frame.diff-added .screen-node-image img,.screen-screenshot-card .diff-frame.diff-modified .screen-node-image img,.screen-screenshot-card .diff-frame.diff-removed .screen-node-image img{border-color:var(--diff);box-shadow:0 0 0 2px var(--diff)}.screen-screenshot-card .diff-frame.diff-added .screen-node-image>:is(.image-placeholder,.screenshot-backing),.screen-screenshot-card .diff-frame.diff-modified .screen-node-image>:is(.image-placeholder,.screenshot-backing),.screen-screenshot-card .diff-frame.diff-removed .screen-node-image>:is(.image-placeholder,.screenshot-backing){border-color:var(--diff);box-shadow:0 0 0 2px var(--diff)}.screen-screenshot-card .diff-label{top:0;transform:translate(-50%,-50%)}.diff-label{position:absolute;z-index:2;top:-9px;left:50%;padding:2px 8px;border-radius:999px;color:#fff;background:var(--diff);box-shadow:0 0 0 3px var(--screen);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.01em;line-height:1.4;white-space:nowrap;transform:translate(-50%);pointer-events:none}.react-flow:is(.canvas-camera-flying,.canvas-projection-animating) .diff-label{will-change:transform}:root[data-theme=dark] .diff-label{color:#0b0c0e}.diff-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--diff)}.diff-glyph{display:flex;width:24px;height:24px;flex:none;align-items:center;justify-content:center;border-radius:6px;color:var(--diff);background:var(--diff-soft)}.screenshot-diff-frame{position:relative;min-width:0}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-danger{color:var(--danger)}.inspector .section-title .toggle-group{width:auto}.inspector-preview{position:relative;display:flex;height:min(53vh,468px);align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:var(--subtle)}.inspector-preview img{width:100%;height:100%;object-fit:contain}.screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--tertiary);text-align:center}.screenshot-placeholder>svg{flex:none}.screenshot-placeholder>span{color:var(--secondary);font-size:12px;font-weight:500;line-height:1.4}.screenshot-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--tertiary);pointer-events:none;animation:screenshot-loading-in .16s ease-out .2s both}.screenshot-loading>svg{width:22px;height:22px;animation:spin .8s linear infinite}@keyframes screenshot-loading-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.screenshot-loading>svg{animation:none}}:root img:is([data-screenshot-state=loading]:not([data-screenshot-held]),[data-screenshot-state=failed]){opacity:0;transition:none}img[data-screenshot-reveal]{animation:screenshot-reveal var(--screenshot-reveal) ease-out}@keyframes screenshot-reveal{0%{opacity:0}}@media(prefers-reduced-motion:reduce){img[data-screenshot-reveal],.screen-node-image:has(>.screenshot-backing)>img[data-screenshot-reveal],.screen-node-image:has(>img[data-screenshot-reveal])>.screenshot-backing{animation:none}}.status-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 7px;border-radius:6px;color:var(--secondary);background:var(--element);font-size:10px;font-weight:500;line-height:1.2;text-transform:capitalize}.status-badge.info{color:var(--accent-strong);background:var(--accent-soft)}.status-badge.success{color:var(--success);background:var(--success-soft)}.status-badge.warning{color:var(--warning);background:var(--warning-soft)}.status-badge.danger{color:var(--danger);background:var(--danger-soft)}.inspector-section{margin-top:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-title h3{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600}.section-title>span{color:var(--tertiary);font-size:10px}.transition-list{display:flex;flex-direction:column;gap:2px}.transition-list>.tooltip-anchor{display:block}.transition-row{display:flex;width:100%;min-width:0;min-height:54px;align-items:center;gap:9px;padding:6px;border-radius:7px;background:transparent;text-align:left}.transition-row:hover{background:var(--panel-hover)}.transition-row:focus-visible{outline-offset:-2px}.transition-thumb{display:flex;width:34px;height:42px;flex:none;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--panel-line);border-radius:5px;color:var(--tertiary);background:var(--subtle)}.transition-thumb img{width:100%;height:100%;object-fit:contain}.transition-kinds{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:3px}.transition-kind{padding:2px 6px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--secondary);background:var(--selected);font-size:10px;font-weight:500;line-height:1.3}.transition-copy{display:flex;min-width:0;flex:1;align-items:flex-start;justify-content:center}.transition-copy strong{overflow-wrap:anywhere;white-space:normal}.transition-copy strong{font-size:10px}.transition-copy .transition-path{display:block;width:100%;color:var(--text);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600;line-height:1.45;text-align:left}.transition-row>svg{flex:none;color:var(--tertiary)}.inline-empty{padding:24px;color:var(--tertiary);font-size:11px;text-align:center}.transition-section.is-empty{display:flex;flex:1;flex-direction:column}.transition-section.is-empty .inline-empty{display:flex;flex:1;align-items:center;justify-content:center}.button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;font-weight:600;box-shadow:none}.button:hover{background:var(--hover)}.button-primary{border-color:var(--button-primary);color:var(--button-primary-text);background:var(--button-primary)}.button-primary:hover{border-color:var(--button-primary-hover);color:var(--button-primary-text);background:var(--button-primary-hover)}.page-empty,.centered-state{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--tertiary);text-align:center}.page-empty{max-width:1440px;min-height:360px;margin:0 auto;border:1px dashed var(--border);border-radius:12px;background:var(--surface)}.page-empty h2,.centered-state h1{margin:12px 0 5px;color:var(--text);font-size:16px}.page-empty p,.centered-state p{margin:0;font-size:11px}.compact-empty{min-height:220px}.map-empty{width:min(420px,calc(100% - 48px));min-height:0;margin:48px auto;padding:32px 24px}.map-empty p{max-width:340px;font-size:12px;line-height:1.5}.map-empty p+p{margin-top:8px}.centered-state{width:100%;height:100%;padding:24px;background:var(--screen)}.centered-state p{max-width:520px;margin-bottom:18px;line-height:1.55}.state-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:var(--element)}.state-icon-danger{color:var(--danger);background:var(--danger-soft)}.app-loading{display:flex;width:100%;height:100%;min-height:200px;align-items:center;justify-content:center;background:var(--screen)}.app-loading-logo{position:relative;width:56px;height:51px}.app-loading-logo .expo-mark{display:block;width:100%;height:100%;color:var(--border);transform:none}.app-loading-logo-fill{position:absolute;inset:0;animation:app-logo-fill 2.8s cubic-bezier(.45,0,.2,1) infinite}.app-loading-logo-fill .expo-mark{color:var(--text)}@keyframes app-logo-fill{0%,8%{clip-path:inset(100% 0 0);opacity:1}65%,80%{clip-path:inset(0 0 0);opacity:1}95%,to{clip-path:inset(0 0 0);opacity:0}}@media(prefers-reduced-motion:reduce){.app-loading-logo-fill{animation:none}}.sync-warning{position:fixed;z-index:50;right:14px;bottom:14px;display:flex;height:34px;align-items:center;gap:7px;padding:0 10px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:7px;color:var(--warning);background:var(--surface);box-shadow:var(--shadow-md);font-size:10px}.left-panel{z-index:100}.left-panel.collapsed{view-transition-name:app-pill;position:absolute;top:var(--chrome-top);left:var(--canvas-chrome-inline-inset);display:block;width:fit-content;max-width:min(calc(var(--left-collapsed-pill-width) * var(--ui-scale)),calc(100% - 24px));height:var(--chrome-height);border:0;background:transparent}.left-panel-collapsed-pill{display:flex;width:100%;height:var(--left-collapsed-pill-height);zoom:var(--ui-scale);min-width:0;align-items:center;gap:10px;padding:2px 14px 2px 5px;border:0;border-radius:10px;background:var(--side-panel-surface);box-shadow:var(--floating-chrome-shadow);backdrop-filter:blur(8px)}.collapsed-app-identity{display:flex;min-width:0;flex:1;align-items:baseline;gap:10px}.collapsed-app-identity strong{min-width:0;overflow-x:clip;overflow-y:visible;font-size:15px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.collapsed-app-name{color:inherit;text-decoration:none}.collapsed-app-name:hover{text-decoration-line:underline;text-underline-offset:3px}.collapsed-app-name:focus-visible{border-radius:3px;outline:2px solid var(--accent);outline-offset:2px}.collapsed-pr{flex:none;color:var(--tertiary);font-size:13px;text-decoration:none;white-space:nowrap}.collapsed-pr:hover{color:var(--text);text-decoration-line:underline;text-underline-offset:3px}.collapsed-pr:focus-visible{border-radius:3px;outline:2px solid var(--accent);outline-offset:2px}.menu-popover.changes-menu{display:flex;width:calc(320px * var(--ui-scale));overflow:hidden!important;border:1px solid var(--popover-line);border-radius:10px;background:var(--popover);box-shadow:var(--popover-shadow)}.changes-menu-body{display:flex;min-height:0;max-height:min(560px,calc(100dvh - 72px));flex:1;flex-direction:column;outline:none}.changes-menu-body>.changes-panel{min-height:0;flex:1}.changes-menu-review{display:flex;flex:none;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-top:1px solid var(--popover-line);color:var(--secondary);background:transparent;font-size:12px;text-align:left;cursor:pointer}.changes-menu-review>svg{width:14px;height:14px;flex:none}.changes-menu-review:hover,.changes-menu-review:focus-visible{color:var(--text);background:var(--popover-hover);outline:none}.panel-logo-button,.panel-logo-mark{display:flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border-radius:8px;color:var(--text);background:transparent}.panel-logo-button:hover{background:var(--panel-hover)}.panel-logo-button .panel-app-icon{display:block;width:26px;height:26px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px #00000024}:root[data-theme=dark] .panel-logo-button .panel-app-icon{box-shadow:0 0 0 1px #ffffff29}.panel-logo-button .expo-mark,.panel-logo-mark .expo-mark{width:20px;height:18px}.panel-logo-divider{width:1px;height:18px;flex:none;background:var(--panel-line-strong, var(--border-subtle))}.collapsed-app-identity>strong{text-box-trim:trim-both;text-box-edge:cap alphabetic}.panel-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.panel-body{display:flex;flex-direction:column}.panel-empty{display:flex;align-items:center;flex-direction:column;padding:40px 16px;color:var(--tertiary);text-align:center}.panel-empty strong{margin:9px 0 3px;color:var(--secondary);font-size:12px;font-weight:500}.panel-empty span{font-size:10px;line-height:1.5}.menu-row.menu-row-danger{color:var(--danger)}.menu-row-danger .menu-row-check{color:inherit}.menu-row-danger:hover{background:var(--danger-soft)}.icon-button-sm{position:relative;width:var(--icon-btn-sm);height:var(--icon-btn-sm);border-radius:6px}.icon-button-sm>svg{width:var(--icon-glyph-sm);height:var(--icon-glyph-sm)}.icon-button-sm:hover{border-color:transparent;background:var(--panel-hover)}.icon-button-sm:after{content:"";position:absolute;top:50%;left:50%;width:var(--icon-hit-min);height:var(--icon-hit-min);transform:translate(-50%,-50%)}.menu-popover{position:absolute;z-index:60;top:calc(100% + 6px);left:0}.menu-popover>*{zoom:var(--ui-scale)}.menu-list{min-width:208px;max-height:min(360px,calc(100vh - 24px));border:1px solid var(--popover-line);border-radius:9px;background:var(--popover);box-shadow:var(--popover-shadow)}.menu-list-scroll{width:100%;overflow-y:auto;padding:4px}.menu-list.menu-list-cascade,.menu-list-scroll.menu-list-scroll-cascade{overflow:visible}.menu-list.menu-list-cascade>.auto-hide-scrollbar{display:none}.menu-list.menu-list-nested{position:absolute;top:-5px;left:calc(100% + 3px)}.menu-branch{position:relative}.menu-row{display:flex;width:100%;min-height:30px;align-items:center;gap:8px;padding:7px 8px 7px 6px;border-radius:5px;color:var(--text);background:transparent;font-size:12px;text-align:left}.menu-row:hover:not([disabled]){background:var(--popover-hover)}.menu-row[disabled]{color:var(--tertiary);cursor:default}.menu-row-open,.menu-row-open:hover:not([disabled]){background:var(--popover-active)}.menu-row-check{display:flex;width:16px;flex:none;align-items:center;justify-content:center;color:var(--secondary)}.menu-row-check svg{width:var(--icon-glyph-inline);height:var(--icon-glyph-inline)}.menu-row-label{min-width:0;flex:1;overflow-wrap:anywhere;white-space:normal}.menu-row-description{display:block;margin-top:1px;color:var(--secondary);font-size:11px}.menu-row-chevron{width:var(--icon-glyph-inline);height:var(--icon-glyph-inline);flex:none;color:var(--tertiary)}.menu-row-shortcut{flex:none;margin-left:16px;color:var(--tertiary);font-size:11px}.menu-separator{height:1px;margin:4px 6px;background:var(--popover-line)}.menu-popover.more-menu{overflow-x:hidden!important;border:1px solid var(--popover-line);border-radius:calc(9px * var(--ui-scale));background:var(--popover);box-shadow:var(--popover-shadow);translate:0 calc(-12px * var(--ui-scale))}.more-menu-list{display:flex;width:248px;flex-direction:column;padding:4px}.more-menu-row{display:flex;width:100%;min-height:34px;align-items:center;gap:8px;padding:4px 6px 4px 8px;border-radius:5px;color:var(--text);background:transparent;font-size:12px;text-align:left}.more-menu-item:hover,.more-menu-item:focus-visible{background:var(--popover-hover);outline:none}.more-menu-icon{display:flex;width:16px;flex:none;align-items:center;justify-content:center;color:var(--secondary)}.more-menu-icon>svg{width:15px;height:15px}.more-menu-label{min-width:0;flex:1;white-space:nowrap}.more-menu-check{display:flex;flex:none;color:var(--secondary)}.more-menu-check>svg{width:14px;height:14px}.more-menu-key{min-width:22px;flex:none;text-align:center}.more-theme-switch{display:flex;flex:none;gap:2px;padding:2px;border-radius:7px;background:var(--segment-track)}.more-theme-option{display:flex;width:26px;height:22px;align-items:center;justify-content:center;border-radius:5px;color:var(--tertiary);background:transparent;transition:color .12s ease,background .12s ease}.more-theme-option>svg{width:14px;height:14px}.more-theme-option:hover{color:var(--text)}.more-theme-option[aria-checked=true]{color:var(--text);background:var(--segment-thumb);box-shadow:0 1px 2px #0000001f}.more-theme-option:focus-visible{outline:2px solid var(--accent);outline-offset:0}.dialog-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0006}.search-command-backdrop{z-index:300;align-items:flex-start;padding-top:clamp(72px,11vh,112px);background:#00000047;backdrop-filter:blur(1px)}.search-command{display:flex;zoom:var(--ui-scale);width:min(600px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 104px));flex-direction:column;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px;background:var(--dialog);box-shadow:0 22px 56px #0003,var(--shadow-md)}.search-command-input-row{display:grid;min-height:54px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:11px;padding:0 14px 0 16px;border-bottom:1px solid var(--panel-line)}.search-command-input-row>svg{width:18px;height:18px;color:var(--tertiary)}.search-command-input-row input{width:100%;min-width:0;height:52px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:15px;line-height:1}.search-command-input-row input::placeholder{color:var(--tertiary)}.search-command-input-row kbd{min-width:30px;padding:2px 6px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--tertiary);background:var(--subtle);box-shadow:0 1px 0 var(--border-subtle);font-family:inherit;font-size:10px;line-height:1.5;text-align:center}.search-command-section-label{padding:10px 14px 5px;color:var(--tertiary);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1.4;text-transform:uppercase}.search-command-results{width:100%;min-height:0;overflow-y:auto;padding:2px 6px 7px;overscroll-behavior:contain}.search-command-results-shell{min-height:0;flex:0 1 auto}.search-command-result{display:grid;width:100%;min-height:52px;grid-template-columns:32px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:6px 9px;border-radius:8px;background:transparent;text-align:left}.search-command-result.active{background:var(--card-hover)}.search-command-result:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.search-command-result-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;color:var(--secondary);background:var(--element)}.search-command-result-icon svg{width:16px;height:16px}.search-command-result-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.search-command-result-copy strong,.search-command-result-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-command-result-copy strong{color:var(--text);font-size:12px;font-weight:600;line-height:1.5}.search-command-result-copy small{color:var(--tertiary);font-size:10px;line-height:1.45}.search-command-result-copy code{color:inherit;font-size:inherit}.search-command-section+.search-command-section{margin-top:4px}.search-command-section>.search-command-section-label{padding:8px 8px 4px}.search-command-result-key,.more-menu-key{padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:var(--tertiary);font:inherit;font-size:11px;line-height:16px;white-space:nowrap}.search-command-result-kind{padding:2px 6px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--secondary);background:var(--subtle);font-size:9px;font-weight:600;line-height:1.5}.search-command-enter{width:14px;height:14px;color:var(--tertiary)}.search-command-empty{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:24px;color:var(--tertiary);text-align:center}.search-command-empty svg{width:22px;height:22px;margin-bottom:5px}.search-command-empty strong{color:var(--text);font-size:12px}.search-command-empty span{max-width:300px;font-size:11px}html [data-sonner-toaster][data-sonner-theme]{--normal-bg: var(--popover);--normal-text: var(--text);--normal-border: var(--popover-line)}.app-toast[data-sonner-toast]{border:1px solid var(--popover-line);border-radius:10px;color:var(--text);background:var(--popover);box-shadow:var(--popover-shadow);font-family:inherit;font-size:12px}.tooltip-anchor{position:relative;display:inline-flex}.tooltip{position:fixed;z-index:70;padding:calc(5px * var(--ui-scale)) calc(9px * var(--ui-scale));border:1px solid var(--popover-line);border-radius:calc(7px * var(--ui-scale));color:var(--text);background:var(--popover);box-shadow:var(--popover-shadow);font-size:11px;line-height:1.4;white-space:pre-line;width:max-content;max-width:min(480px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-wrap:anywhere;pointer-events:none;animation:tooltip-in 90ms ease-out both}.tooltip[data-instant]{animation:none}.tooltip-content{display:block;zoom:var(--ui-scale)}.tooltip-key{margin-left:6px;color:var(--tertiary)}.tooltip-description{display:block;margin-top:1px;color:var(--secondary)}.tooltip:after{content:"";position:absolute;width:7px;height:7px;background:var(--popover)}.tooltip-right:after{top:var(--tooltip-arrow);left:-4px;border-bottom:1px solid var(--popover-line);border-left:1px solid var(--popover-line);transform:translateY(-50%) rotate(45deg)}.tooltip-top:after{bottom:-4px;border-right:1px solid var(--popover-line);border-bottom:1px solid var(--popover-line);left:var(--tooltip-arrow);margin-left:-4px;transform:rotate(45deg)}.tooltip-bottom:after,.tooltip-bottom-end:after{top:-4px;border-top:1px solid var(--popover-line);border-left:1px solid var(--popover-line);transform:rotate(45deg)}.tooltip-bottom:after,.tooltip-bottom-end:after{left:var(--tooltip-arrow);margin-left:-4px}.tooltip-left:after{top:var(--tooltip-arrow);right:-4px;border-top:1px solid var(--popover-line);border-right:1px solid var(--popover-line);transform:translateY(-50%) rotate(45deg)}@keyframes tooltip-in{0%{opacity:0}}@media(max-width:1180px){.right-panel{width:var(--inspector-width, 320px)}}@media(max-width:900px){.right-panel{position:fixed;z-index:30;top:0;right:0;bottom:0;box-shadow:var(--shadow-md)}}.search-command-close{display:none}@media(max-width:819px){.search-command-backdrop{padding:0;background:var(--dialog);backdrop-filter:none}.search-command{width:100%;height:100%;max-height:none;padding-top:env(safe-area-inset-top);border:0;border-radius:0;box-shadow:none}.search-command-input-row>kbd{display:none}.search-command-close{display:inline-flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border:0;border-radius:17px;background:var(--element);color:var(--secondary)}.search-command-close svg{width:18px;height:18px}.search-command-result{grid-template-columns:32px minmax(0,1fr) auto}.search-command-enter{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.collapsed-platform{flex:none;display:inline-flex;height:24px;align-items:center;gap:6px;margin:0;padding:0 8px 0 10px;border:0;border-radius:7px;background:var(--element);color:var(--secondary);font:inherit;font-size:12.5px;font-weight:500;line-height:16px;white-space:nowrap;cursor:pointer}.collapsed-platform>svg{flex:none;width:9px;height:9px}.phone-layout .collapsed-app-identity[data-drop~=name]>strong{display:none}.phone-layout .collapsed-app-identity[data-drop~=pr]>.tooltip-anchor:has(>.collapsed-pr){display:none}.collapsed-platform-label{display:flex;min-width:0;overflow:hidden}.collapsed-platform-label-text{min-width:0;overflow:hidden}.collapsed-platform-label-suffix{flex:none;white-space:pre}.phone-layout .collapsed-app-identity{--collapsed-name-min: 64px;--collapsed-target-min: 72px}.phone-layout .collapsed-app-identity[data-drop~=squeeze]>strong{flex:none;max-width:var(--collapsed-name-min)}.phone-layout .collapsed-app-identity[data-drop~=squeeze] .collapsed-target{flex:0 1 auto;min-width:var(--collapsed-target-min)}.phone-layout .collapsed-app-identity[data-drop~=squeeze]>.tooltip-anchor:has(>.collapsed-target){flex:0 1 auto;min-width:var(--collapsed-target-min)}.phone-layout .collapsed-app-identity[data-drop~=pose] .collapsed-target .collapsed-platform-label-suffix{flex:0 1 auto;min-width:0;overflow:hidden}.phone-layout .collapsed-app-identity[data-drop~=pose] .collapsed-target .collapsed-platform-label-text{flex:1 1 0}.phone-layout .collapsed-app-identity[data-fade~=device] .collapsed-target .collapsed-platform-label-text,.phone-layout .collapsed-app-identity[data-fade~=pose] .collapsed-target .collapsed-platform-label-suffix{mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent)}.collapsed-platform>.collapsed-platform-busy{width:11px;height:11px;animation:spin 1s linear infinite}.collapsed-platform:hover,.collapsed-platform[aria-expanded=true]{color:var(--text);background:var(--hover)}.collapsed-platform:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.launch-section .launch-note{margin:0;color:var(--tertiary);font-size:12px;line-height:1.45}.launch-section .launch-filmstrip{margin:10px 0 0}.launch-section .launch-filmstrip img{display:block;width:100%;border-radius:8px;border:1px solid var(--border)}.launch-section .launch-filmstrip figcaption{margin-top:6px;color:var(--tertiary);font-size:11px;line-height:1.4}.launch-section .launch-video{display:block;width:100%;margin-top:10px;border-radius:8px;background:#000}.image-placeholder-reason{display:block;max-width:80%;margin-top:6px;font-size:9px;line-height:1.4;color:var(--text-muted, inherit);opacity:.8}.screenshot-placeholder-detail{display:block;max-width:220px;margin-top:8px;font-size:11px;line-height:1.45;text-align:center;opacity:.75}