.expandable-modal{z-index:9999999;padding:var(--cds-spacing-07);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expandable-modal__backdrop{z-index:1;background:#000c;position:fixed;inset:0}.expandable-modal__controls{top:var(--cds-spacing-05);right:var(--cds-spacing-05);z-index:3;position:absolute}.expandable-modal__close-button{box-shadow:0 2px 8px #0000004d;background:#fff!important}.expandable-modal__close-button svg{fill:var(--cds-icon-inverse)!important}.expandable-modal__close-button:hover{background:#f4f4f4!important}.expandable-modal__close-button:hover svg{fill:var(--cds-icon-inverse)!important}.expandable-modal__content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.expandable-modal__wrapper{width:calc(100vw - var(--cds-spacing-07)*2);height:calc(100vh - var(--cds-spacing-07)*2);background:var(--cds-layer-01);border-radius:8px;display:flex;position:relative;overflow:hidden}@media (max-width:42rem){.expandable-modal{padding:var(--cds-spacing-05)}.expandable-modal__controls{top:var(--cds-spacing-03);right:var(--cds-spacing-03)}.expandable-modal__wrapper{width:calc(100vw - var(--cds-spacing-05)*2);height:calc(100vh - var(--cds-spacing-05)*2);flex-direction:column}}
.anatomy-empty-state{justify-content:center;align-items:center;gap:var(--cds-spacing-04);padding:var(--cds-spacing-09)var(--cds-spacing-07);border:2px dashed var(--cds-border-subtle-01);color:var(--cds-text-secondary);text-align:center;margin:var(--cds-spacing-06)0;border-radius:8px;flex-direction:column;display:flex}.anatomy-empty-state__icon{opacity:.4}.anatomy-empty-state__text{font-size:var(--cds-body-01-font-size);margin:0}.anatomy-empty-state__actions{align-items:center;gap:var(--cds-spacing-03);width:100%;max-width:380px;margin-top:var(--cds-spacing-02);flex-direction:column;display:flex}.anatomy-empty-state__url-row{gap:var(--cds-spacing-03);align-items:flex-start;width:100%;display:flex}.anatomy-empty-state__url-input{flex:1;min-width:0}.anatomy-empty-state__divider{align-items:center;gap:var(--cds-spacing-04);width:100%;color:var(--cds-text-helper);display:flex}.anatomy-empty-state__divider:before,.anatomy-empty-state__divider:after{content:"";background:var(--cds-border-subtle-01);flex:1;height:1px}.anatomy-empty-state__divider-text{white-space:nowrap;color:var(--cds-text-helper)}.anatomy-screenshot-ready{align-items:center;gap:var(--cds-spacing-05);padding:var(--cds-spacing-06);border:1px solid var(--cds-border-subtle-01);margin:var(--cds-spacing-06)0;background:var(--cds-layer-01);border-radius:8px;flex-direction:column;display:flex}.anatomy-screenshot-ready__preview{border-radius:4px;max-width:100%;position:relative;overflow:hidden}.anatomy-screenshot-ready__image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:300px;display:block}.anatomy-screenshot-ready__loading-overlay{background:#0009;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.anatomy-screenshot-ready__actions{align-items:center;gap:var(--cds-spacing-03);flex-direction:column;display:flex}.anatomy-screenshot-ready__error{color:var(--cds-support-error);text-align:center;margin:0}.anatomy-preview-mode{margin:var(--cds-spacing-06)0;background:var(--cds-layer-01);border-radius:8px;position:relative;overflow:visible}[data-carbon-theme=g10] .anatomy-preview-mode{background:#fff}[data-carbon-theme=g100] .anatomy-preview-mode{background:#0d0d0d}.anatomy-preview-mode__blur-background{z-index:0;pointer-events:none;border-radius:8px;position:absolute;inset:0;overflow:hidden}.anatomy-preview-mode__blur-background img{opacity:.8!important;margin:0!important}.anatomy-preview-container{cursor:pointer;z-index:1;position:relative;overflow:visible}.anatomy-preview-aspect-wrapper{justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.anatomy-preview-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:400px;display:block}.anatomy-preview-mode--transparent .anatomy-preview-image{border-radius:8px;box-shadow:0 4px 20px #00000026}.anatomy-highlights-preview{pointer-events:none;opacity:0;width:100%;height:100%;animation:.2s ease-in-out forwards fadeIn;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anatomy-preview-controls{z-index:10;pointer-events:auto;position:absolute;top:16px;right:16px}.anatomy-preview-expand-button{opacity:0;transition:opacity .11s cubic-bezier(.5,0,.1,1);box-shadow:0 2px 8px #0000001a;background:var(--cds-layer-01)!important}.anatomy-preview-expand-button:hover{background:var(--cds-layer-hover-01)!important}.anatomy-preview-aspect-wrapper:hover .anatomy-preview-expand-button{opacity:1}.anatomy-expanded-modal{z-index:9999999;padding:var(--cds-spacing-07);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.anatomy-expanded-modal__backdrop{z-index:1;background:#000c;position:fixed;inset:0}.anatomy-expanded-modal__controls{top:var(--cds-spacing-05);right:var(--cds-spacing-05);z-index:3;position:absolute}.anatomy-expanded-modal__close-button{box-shadow:0 2px 8px #0000004d;background:var(--cds-layer-01)!important}.anatomy-expanded-modal__close-button svg{fill:var(--cds-icon-primary)!important}.anatomy-expanded-modal__close-button:hover{background:var(--cds-layer-hover-01)!important}.anatomy-expanded-modal__close-button:hover svg{fill:var(--cds-icon-primary)!important}.anatomy-expanded-modal__content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.anatomy-expanded-modal__wrapper{width:calc(100vw - var(--cds-spacing-07)*2);height:calc(100vh - var(--cds-spacing-07)*2);background:var(--cds-layer-01);border-radius:8px;display:flex;position:relative;overflow:hidden}.anatomy-expanded-screenshot{background:0 0;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-carbon-theme=g10] .anatomy-expanded-screenshot{background:#fff}[data-carbon-theme=g100] .anatomy-expanded-screenshot{background:#0d0d0d}.anatomy-screenshot-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.anatomy-image-wrapper{display:flex}.anatomy-screenshot-image{object-fit:contain;display:block}.anatomy-highlights-svg{pointer-events:none;position:absolute;overflow:visible}.anatomy-highlight{fill:#8a38f5;cursor:pointer;pointer-events:all;transition:opacity .15s cubic-bezier(.2,0,.38,.9)}.anatomy-highlight.active{opacity:.3}.anatomy-highlight.dimmed{opacity:.16}.anatomy-highlight.hidden{opacity:0}.anatomy-selector{box-sizing:border-box;pointer-events:none;z-index:10;border:2px solid #8a38f5;border-radius:2px;transition:top .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1);position:absolute}.anatomy-label{color:#f4f4f4;letter-spacing:.32px;white-space:nowrap;pointer-events:none;z-index:11;background-color:#8a38f5;border-radius:2px;padding:0 4px;font-size:10px;font-weight:500;line-height:16px;transition:top .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),opacity .15s ease-in-out;position:absolute;transform:translateY(calc(-100% - 4px))}.anatomy-expanded-sidebar{flex-direction:column;width:360px;display:flex;overflow:hidden;background:#171717!important;padding:0!important}.anatomy-sidebar-toggle{padding:var(--cds-spacing-05)}.anatomy-sidebar-tree{padding:var(--cds-spacing-05);flex:1;overflow-y:auto}.anatomy-sidebar-footer{padding:var(--cds-spacing-05);gap:var(--cds-spacing-03);flex-direction:column;display:flex}.anatomy-regenerate-button{justify-content:flex-start;width:100%}.anatomy-generate-error{color:var(--cds-support-error);margin:0}.anatomy-copy-ai-button{width:100%}.anatomy-copy-status{font-size:var(--cds-body-compact-01-font-size);color:var(--cds-text-secondary);text-align:center}.anatomy-tree-item-wrapper{margin-bottom:var(--cds-spacing-03)}.anatomy-item-details{gap:var(--cds-spacing-03);padding:var(--cds-spacing-04)0;flex-direction:column;display:flex}.anatomy-item-row{gap:var(--cds-spacing-03);align-items:flex-start;display:flex}.anatomy-item-label-small{font-size:var(--cds-body-compact-01-font-size);color:var(--cds-text-secondary);min-width:100px;font-weight:600}.anatomy-item-value{font-size:var(--cds-body-compact-01-font-size);color:var(--cds-text-primary);flex:1}@media (max-width:42rem){.anatomy-preview-expand-button{opacity:1}.anatomy-expanded-modal{padding:var(--cds-spacing-05)}.anatomy-expanded-modal__controls{top:var(--cds-spacing-03);right:var(--cds-spacing-03)}.anatomy-expanded-modal__wrapper{width:calc(100vw - var(--cds-spacing-05)*2);height:calc(100vh - var(--cds-spacing-05)*2);flex-direction:column}.anatomy-expanded-sidebar{width:100%;max-height:40vh}}
.state-map-block{width:100%;margin:var(--cds-spacing-06)0;background:var(--cds-layer-01);border-radius:8px;position:relative;overflow:hidden}[data-carbon-theme=g10] .state-map-block{background:#fff}[data-carbon-theme=g100] .state-map-block{background:#0d0d0d}.state-map-block__canvas-container{width:100%;height:400px;position:relative}.state-map-block__canvas-container .react-flow{background-color:#0000}.state-map-block__canvas-container .react-flow__attribution{display:none}.state-map-block__canvas-container--expanded{height:100%}.state-map-block__empty-state{justify-content:center;align-items:center;gap:var(--cds-spacing-04);height:300px;color:var(--cds-text-secondary);flex-direction:column;display:flex}.state-map-block__empty-state-icon{width:64px;height:64px;color:var(--cds-icon-secondary)}.state-map-block__empty-state-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary)}.state-map-block__empty-state-description{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);text-align:center;max-width:300px}.state-map-block__toolbar{align-items:center;gap:var(--cds-spacing-03);padding:var(--cds-spacing-03)var(--cds-spacing-04);border-bottom:1px solid var(--cds-border-subtle-01);background:var(--cds-layer-02);display:flex}.state-map-block__main{height:400px;display:flex}.state-map-block__canvas-wrapper{flex:1;min-width:0;position:relative}.state-map-block__side-panel{border-left:1px solid var(--cds-border-subtle-01);flex-shrink:0;width:320px;overflow-y:auto}.state-map-block__add-button{bottom:var(--cds-spacing-05);right:var(--cds-spacing-05);z-index:10;position:absolute}.state-map-toolbar__toggle{align-items:center;gap:var(--cds-spacing-02);display:flex}.state-map-toolbar__toggle-icon{color:var(--cds-icon-secondary)}.state-map-toolbar__divider{background:var(--cds-border-subtle-01);width:1px;height:24px;margin:0 var(--cds-spacing-02)}.state-map-toolbar__spacer{flex:1}.state-map-node{cursor:pointer;min-width:160px;max-width:220px;transition:all .11s cubic-bezier(.5,0,.1,1)}.state-map-node__content{background-color:var(--cds-layer-02);border:2px solid var(--cds-border-strong-01);border-radius:8px;flex-direction:column;transition:all .11s cubic-bezier(.5,0,.1,1);display:flex;overflow:hidden}.state-map-node:hover .state-map-node__content{background-color:var(--cds-layer-hover-02);border-color:var(--cds-interactive)}.state-map-node--highlighted .state-map-node__content{box-shadow:0 0 0 2px var(--cds-focus);border-color:var(--cds-focus)}.state-map-node--initial .state-map-node__content{border-left:4px solid var(--cds-support-success)}.state-map-node--final .state-map-node__content{border-right:4px solid var(--cds-support-error)}.state-map-node__thumbnail{border-bottom:1px solid var(--cds-border-subtle-01);background:var(--cds-layer-01);width:100%;height:80px;overflow:hidden}.state-map-node__thumbnail-image{object-fit:cover;width:100%;height:100%}.state-map-node__info{padding:var(--cds-spacing-03);gap:var(--cds-spacing-02);flex-direction:column;display:flex}.state-map-node__indicators{gap:var(--cds-spacing-02);display:flex}.state-map-node__indicator{border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.state-map-node__indicator--initial{background-color:var(--cds-support-success);color:var(--cds-text-on-color)}.state-map-node__indicator--final{background-color:var(--cds-support-error);color:var(--cds-text-on-color)}.state-map-node__label{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary);word-wrap:break-word;line-height:1.3}.state-map-node__description{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-map-node__code-indicator{top:var(--cds-spacing-02);right:var(--cds-spacing-02);background:var(--cds-layer-03);font-family:var(--cds-code-01-font-family,"IBM Plex Mono",system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);color:var(--cds-text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;position:absolute}.state-map-handle{opacity:0;transition:opacity .11s cubic-bezier(.5,0,.1,1),background-color .11s cubic-bezier(.5,0,.1,1);background-color:var(--cds-layer-02)!important;border:2px solid var(--cds-border-strong-01)!important;border-radius:50%!important;width:10px!important;height:10px!important}.state-map-handle--target{top:-5px!important}.state-map-handle--source{bottom:-5px!important}.state-map-handle:hover{background-color:var(--cds-interactive)!important;border-color:var(--cds-interactive)!important}.state-map-node:hover .state-map-handle{opacity:1}.state-map-block--editable .state-map-handle{opacity:.6}.state-map-block--editable .state-map-handle:hover{opacity:1}.state-map-edge--selected{filter:drop-shadow(0 0 4px #0000004d)}.state-map-edge__label{background-color:var(--cds-layer-02);border:1px solid var(--cds-border-subtle-01);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary);white-space:nowrap;cursor:pointer;border-radius:4px;padding:4px 8px;transition:all .11s cubic-bezier(.5,0,.1,1)}.state-map-edge__label:hover{background-color:var(--cds-layer-hover-02)}.state-map-edge__label--success{border-color:var(--cds-support-success);color:var(--cds-support-success)}.state-map-edge__label--error{border-color:var(--cds-support-error);color:var(--cds-support-error)}.state-map-controls.react-flow__controls{background-color:var(--cds-layer-02);border:1px solid var(--cds-border-subtle-01);border-radius:4px;box-shadow:0 2px 8px #00000029}.state-map-controls.react-flow__controls .react-flow__controls-button{border:none;border-bottom:1px solid var(--cds-border-subtle-01);color:var(--cds-icon-primary);background-color:#0000;width:28px;height:28px}.state-map-controls.react-flow__controls .react-flow__controls-button:hover{background-color:var(--cds-layer-hover-01)}.state-map-controls.react-flow__controls .react-flow__controls-button:last-child{border-bottom:none}.state-map-controls.react-flow__controls .react-flow__controls-button svg{fill:currentColor;max-width:14px;max-height:14px}.state-map-block .react-flow__edge-textbg{fill:var(--cds-layer-02)}.state-map-block .react-flow__edge-text{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.state-map-block .react-flow__background pattern circle{fill:var(--cds-border-subtle-01)}.state-map-block .react-flow__minimap{background-color:var(--cds-layer-02);border:1px solid var(--cds-border-subtle-01);border-radius:4px}.state-detail-panel{background:var(--cds-layer-01);border-left:1px solid var(--cds-border-subtle-01);flex-direction:column;height:100%;display:flex}.state-detail-panel__header{padding:var(--cds-spacing-04);border-bottom:1px solid var(--cds-border-subtle-01);justify-content:space-between;align-items:center;display:flex}.state-detail-panel__header-actions{align-items:center;gap:var(--cds-spacing-02);display:flex}.state-detail-panel__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary);margin:0}.state-detail-panel__content{gap:var(--cds-spacing-05);padding:var(--cds-spacing-04);flex-direction:column;flex:1;display:flex;overflow-y:auto}.state-detail-panel__checkboxes,.state-detail-panel__section{gap:var(--cds-spacing-03);flex-direction:column;display:flex}.state-detail-panel__section-header{justify-content:space-between;align-items:center;display:flex}.state-detail-panel__section-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary)}.state-detail-panel__screenshot-preview{gap:var(--cds-spacing-03);flex-direction:column;display:flex}.state-detail-panel__screenshot-image{object-fit:contain;border:1px solid var(--cds-border-subtle-01);background:var(--cds-layer-02);border-radius:4px;width:100%;max-height:200px}.state-detail-panel__code-input{font-family:var(--cds-code-font-family,monospace);font-size:12px}.state-detail-panel__upload{gap:var(--cds-spacing-02);flex-direction:column;display:flex}.state-detail-panel__upload-input{display:none}.state-detail-panel__upload-label{cursor:pointer}.state-detail-panel__upload-hint{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);color:var(--cds-text-helper)}.edge-detail-panel{background:var(--cds-layer-01);border-left:1px solid var(--cds-border-subtle-01);flex-direction:column;height:100%;display:flex}.edge-detail-panel__header{padding:var(--cds-spacing-04);border-bottom:1px solid var(--cds-border-subtle-01);justify-content:space-between;align-items:center;display:flex}.edge-detail-panel__header-actions{align-items:center;gap:var(--cds-spacing-02);display:flex}.edge-detail-panel__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary);margin:0}.edge-detail-panel__content{gap:var(--cds-spacing-05);padding:var(--cds-spacing-04);flex-direction:column;flex:1;display:flex;overflow-y:auto}.edge-detail-panel__preview{gap:var(--cds-spacing-02);flex-direction:column;display:flex}.edge-detail-panel__preview-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary)}.edge-detail-panel__preview-line{align-items:center;gap:var(--cds-spacing-03);padding:var(--cds-spacing-03);background:var(--cds-layer-02);border-radius:4px;display:flex}.edge-detail-panel__preview-line:before{content:"";background:#8d8d8d;width:40px;height:2px}.edge-detail-panel__preview-line:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #8d8d8d;width:0;height:0}.edge-detail-panel__preview-line--success:before,.edge-detail-panel__preview-line--success:after{background:#24a148;border-left-color:#24a148}.edge-detail-panel__preview-line--error:before,.edge-detail-panel__preview-line--error:after{background:#da1e28;border-left-color:#da1e28}.edge-detail-panel__preview-text{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);color:var(--cds-text-secondary)}@media (max-width:42rem){.state-map-node{min-width:120px;max-width:160px}.state-map-node__thumbnail{height:60px}}
.pan-zoom-container{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pan-zoom-container:active{cursor:grabbing}.pan-zoom-container__content{transform-origin:50%;will-change:transform;flex-shrink:0;justify-content:center;align-items:center;display:flex}
.zoom-pill{background:var(--cds-layer-02);border:1px solid var(--cds-border-subtle);border-radius:4px;align-items:center;display:inline-flex;position:relative;overflow:visible;box-shadow:0 1px 4px #00000040}.zoom-pill__button{width:24px;height:24px;color:var(--cds-text-primary);cursor:pointer;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.zoom-pill__button:hover:not(:disabled){background:var(--cds-layer-hover)}.zoom-pill__button:active:not(:disabled){background:var(--cds-layer-active)}.zoom-pill__button:disabled{color:var(--cds-text-disabled);cursor:not-allowed}.zoom-pill__value{padding:0 var(--cds-spacing-02);color:var(--cds-text-primary);text-align:center;border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle);-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:38px}.zoom-pill__value--interactive{cursor:pointer;font:inherit;height:24px;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border-top:none;border-bottom:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.zoom-pill__value--interactive:hover{background:var(--cds-layer-hover)}.zoom-pill__value--interactive[aria-expanded=true]{background:var(--cds-layer-selected)}.zoom-pill__dropdown{bottom:calc(100% + var(--cds-spacing-02));background:var(--cds-layer-02);border:1px solid var(--cds-border-subtle);z-index:100;border-radius:4px;min-width:140px;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.zoom-pill__dropdown-item{width:100%;min-height:40px;padding:var(--cds-spacing-03)var(--cds-spacing-04);color:var(--cds-text-primary);cursor:pointer;text-align:left;white-space:nowrap;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing);background:0 0;border:none;align-items:center;display:flex}.zoom-pill__dropdown-item:hover{background:var(--cds-layer-hover)}.zoom-pill__dropdown-item:active{background:var(--cds-layer-active)}@media (max-width:671px){.zoom-pill__button{display:none}.zoom-pill__value{border-left:none;border-right:none}}
.preview-frame{width:100%;position:relative;overflow:hidden}.preview-frame--dotted{background-image:radial-gradient(circle,var(--cds-border-subtle-01)1px,transparent 1px);background-size:16px 16px}.preview-frame--pan-zoom{touch-action:pan-x pan-y}.preview-frame__static-content{width:100%;height:100%}.preview-frame__zoom-pill{bottom:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:2;opacity:0;transition:opacity var(--cds-duration-fast-01)var(--cds-standard-easing);position:absolute}.preview-frame:hover .preview-frame__zoom-pill{opacity:1}@media (max-width:671px){.preview-frame__zoom-pill{opacity:1}}
.annotation-layer,.annotation-layer__pins{pointer-events:none;position:absolute;inset:0}.annotation-layer__pin{border:2px solid var(--cds-background);background-color:var(--cds-interactive);width:22px;height:22px;color:var(--cds-text-on-color);cursor:pointer;pointer-events:all;z-index:5;transition:background-color var(--cds-duration-fast-01)var(--cds-standard-easing),transform var(--cds-duration-fast-01)var(--cds-standard-easing);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.annotation-layer__pin:hover{background-color:var(--cds-interactive-hover);transform:translate(-50%,-50%)scale(1.15)}.annotation-layer__pin--resolved{background-color:var(--cds-text-disabled)}.annotation-layer__pin--resolved:hover{background-color:var(--cds-text-secondary)}.annotation-layer__pin--pending{border:2px dashed var(--cds-interactive);cursor:default;pointer-events:none;background-color:#0000}.annotation-layer__overlay{z-index:6;cursor:crosshair;pointer-events:all;position:absolute;inset:0}