.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}}