:deep(.ant-card-small>.ant-card-head){min-height:40px;padding:0 12px}:deep(.ant-card-small>.ant-card-head .ant-card-head-title){padding:8px 0;font-weight:600}:deep(.ant-card-small>.ant-card-head .ant-card-extra){padding:8px 0}:deep(.ant-card-small>.ant-card-body){padding:10px}:deep(.ant-form-item){margin-bottom:8px}:deep(.ant-alert){border-radius:4px}.entry-card{background:var(--app-color-bg-hover);border:1px solid var(--app-color-border);border-radius:6px}.entry-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.entry-card__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.entry-card__title{font-size:15px;font-weight:600;color:var(--app-color-text)}.entry-card__desc{margin-top:4px;color:var(--app-color-text-secondary);font-size:12px;line-height:1.5}.entry-card__meta{margin-top:8px;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.entry-card__foot,.entry-card__meta{display:-webkit-box;display:-ms-flexbox;display:flex}.entry-card__foot{margin-top:10px;padding-top:10px;border-top:1px dashed var(--app-color-border);gap:8px}.entry-card__foot-label{color:var(--app-color-text-secondary);white-space:nowrap;font-size:12px}.entry-card__foot-value{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;color:var(--app-color-text);word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}:deep(.visual-magic-workbench-modal .ant-modal){width:100vw!important;max-width:none;top:0;margin:0;padding-bottom:0}:deep(.visual-magic-workbench-modal .ant-modal-content){height:100vh;border-radius:0;overflow:hidden}.workbench{height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--app-color-bg-layout)}.workbench,.workbench__header{display:-webkit-box;display:-ms-flexbox;display:flex}.workbench__header{padding:10px 14px;background:var(--app-color-bg-container);border-bottom:1px solid var(--app-color-border);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.workbench__title{font-size:15px;font-weight:600;color:var(--app-color-text)}.workbench__desc{margin-top:2px;font-size:12px;color:var(--app-color-text-secondary)}.workbench__body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.wizard-nav,.workbench__body{display:-webkit-box;display:-ms-flexbox;display:flex}.wizard-nav{width:180px;-webkit-box-flex:0;-ms-flex:none;flex:none;padding:10px;border-right:1px solid var(--app-color-border);background:var(--app-color-bg-hover);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;overflow:auto}.wizard-nav__title{font-size:13px;font-weight:600;color:var(--app-color-text)}.wizard-nav__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.wizard-nav__list,.wizard-step{display:-webkit-box;display:-ms-flexbox;display:flex}.wizard-step{border:1px solid var(--app-color-border);border-radius:4px;background:var(--app-color-bg-container);padding:6px 8px;gap:6px;cursor:pointer;-webkit-transition:border-color .15s;transition:border-color .15s}.wizard-step:hover{border-color:var(--app-color-primary-border)}.wizard-step--active{border-color:var(--app-color-primary);background:var(--app-color-primary-light)}.wizard-step__index{width:20px;height:20px;border-radius:50%;background:var(--app-color-primary);color:var(--app-color-text-inverse);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11px;font-weight:600;-webkit-box-flex:0;-ms-flex:none;flex:none}.wizard-step__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.wizard-step__desc{margin-top:1px;font-size:11px;line-height:1.4;color:var(--app-color-text-secondary)}.wizard-summary{border-radius:4px;background:var(--app-color-bg-container);border:1px solid var(--app-color-border);padding:8px}.wizard-summary__title{font-weight:600;font-size:12px;color:var(--app-color-text);margin-bottom:6px}.wizard-summary__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;color:var(--app-color-text-secondary);font-size:12px}.wizard-summary__item+.wizard-summary__item{margin-top:3px}.wizard-main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;min-height:0;padding:12px;overflow:auto}.stage-head{margin-bottom:8px}.stage-head__title{font-size:14px;font-weight:600;color:var(--app-color-text)}.stage-head__desc{margin-top:2px;font-size:12px;color:var(--app-color-text-secondary)}.stage-layout{display:grid;gap:10px}.stage-layout--prepare{grid-template-columns:minmax(0,1fr) 300px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:10px}.stage-layout--events,.stage-layout--mapping{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 150px)}.stage-layout--debug{grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 150px)}.debug-left,.debug-right,.events-main,.events-side,.mapping-center,.mapping-config,.mapping-side{min-height:0;gap:8px}.debug-left,.debug-right,.events-main,.events-side,.mapping-center,.mapping-config,.mapping-side,.prepare-main,.prepare-side{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.prepare-main{gap:4px}.prepare-side{gap:8px;position:sticky;top:0;-ms-flex-item-align:start;align-self:start}.stage-card{border-radius:4px;-webkit-box-shadow:none;box-shadow:none}.stage-card--fill{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.stage-card--fill :deep(.ant-card-body){height:calc(100% - 50px);overflow:auto}.prepare-flow-card :deep(.ant-card-head){min-height:34px}.prepare-flow-card :deep(.ant-card-head .ant-card-head-title){padding:6px 0}.prepare-flow-card :deep(.ant-card-body){padding-top:6px;padding-bottom:6px}.prepare-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.prepare-flow-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--app-color-border);border-radius:4px;background:var(--app-color-bg-hover);padding:4px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;cursor:pointer;-webkit-transition:border-color .15s;transition:border-color .15s;text-align:left}.prepare-flow-step:hover{border-color:var(--app-color-primary-border)}.prepare-flow-step--active{border-color:var(--app-color-primary);background:var(--app-color-primary-light)}.prepare-flow-step--done{background:var(--app-color-success-light);border-color:var(--app-color-success-light)}.prepare-flow-step--locked{opacity:.5}.prepare-flow-step--locked:hover{border-color:var(--app-color-border)}.prepare-flow-step__index{width:18px;height:18px;border-radius:50%;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--app-color-primary);color:var(--app-color-text-inverse);font-size:10px;font-weight:600}.prepare-flow-step--done .prepare-flow-step__index{background:var(--app-color-success)}.prepare-flow-step__title{min-width:0;color:var(--app-color-text);font-weight:600;font-size:12px;line-height:1.2}.prepare-flow-step__badge{margin-left:4px;color:var(--app-color-warning-active);font-size:10px;font-weight:500}.prepare-step-card :deep(.ant-card-head){min-height:34px}.prepare-step-card :deep(.ant-card-head .ant-card-head-title){padding:6px 0}.prepare-step-card :deep(.ant-card-body){padding-top:8px;padding-bottom:8px}.prepare-step-card :deep(.ant-form-item){margin-bottom:6px}.prepare-step-card .preset-box{margin-bottom:6px;padding:6px 8px}.prepare-step-card .preset-box__desc{margin-top:2px;font-size:11px;line-height:1.4}.prepare-block-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.prepare-block{padding:8px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-container)}.prepare-block__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.prepare-form-section{padding-top:2px}.prepare-optional-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px;padding:8px;border-radius:4px;border:1px solid var(--app-color-warning-light);background:var(--app-color-warning-light)}.prepare-optional-head__body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.prepare-optional-head__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.prepare-empty-state{margin-top:8px;padding:10px;border-radius:4px;border:1px dashed var(--app-color-border);background:var(--app-color-bg-hover)}.prepare-empty-state__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.prepare-side-head{margin-bottom:6px}.prepare-side-head__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.prepare-side-head__desc{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px;line-height:1.4}.prepare-step-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.prepare-step-item{padding:6px 8px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-container)}.prepare-step-item__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.prepare-step-item__value{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px;line-height:1.4;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.prepare-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.prepare-footer__back{min-width:80px}.prepare-footer__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.template-item{border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-hover);padding:6px 8px;cursor:pointer;-webkit-transition:border-color .15s;transition:border-color .15s}.template-item--active{border-color:var(--app-color-primary);background:var(--app-color-primary-light)}.template-item__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.template-item__desc{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px;line-height:1.4}.metric-grid{margin-top:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.metric-card{border-radius:4px;background:var(--app-color-bg-layout);padding:4px 8px}.metric-card__label{font-size:11px;color:var(--app-color-text-secondary)}.metric-card__value{margin-top:1px;font-size:14px;font-weight:600;color:var(--app-color-text)}.summary-panel{border-radius:4px;background:var(--app-color-bg-layout);padding:6px 8px}.summary-panel--compact{padding:4px 8px}.summary-panel--compact .summary-panel__row+.summary-panel__row{margin-top:3px}.summary-panel__row+.summary-panel__row{margin-top:4px}.summary-panel__label{display:block;font-size:11px;color:var(--app-color-text-secondary)}.summary-panel__value{display:block;margin-top:1px;color:var(--app-color-text);font-size:12px;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.stage-footer{margin-top:10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.stage-footer,.thing-list{display:-webkit-box;display:-ms-flexbox;display:flex}.thing-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.mapped-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:8px}.compact-inline-tip{color:var(--app-color-text-secondary);font-size:11px}.preset-box{margin-bottom:8px;padding:6px 10px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-hover)}.preset-box__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.preset-box__desc{margin-top:2px;line-height:1.4}.preset-box__desc,.preset-box__meta{font-size:11px;color:var(--app-color-text-secondary)}.advanced-collapse{margin:-6px -4px 0}.advanced-collapse :deep(.ant-collapse-item){border-bottom:0}.advanced-collapse :deep(.ant-collapse-header){font-weight:600;color:var(--app-color-text)}.thing-item{border:1px solid var(--app-color-border);border-radius:4px;background:var(--app-color-bg-container);padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:6px;cursor:pointer;-webkit-transition:border-color .15s;transition:border-color .15s}.thing-item:hover{border-color:var(--app-color-primary-border)}.thing-item--active{border-color:var(--app-color-primary);background:var(--app-color-primary-light)}.thing-item__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.thing-item__title{font-weight:600;font-size:12px;color:var(--app-color-text);word-break:break-all}.thing-item__hint,.thing-item__sub{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px}.thing-item__hint{line-height:1.4}.thing-item__preview{margin-top:4px;color:var(--app-color-text);font-size:11px;line-height:1.4}.thing-item__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:4px}.route-box__desc{line-height:1.4;font-size:12px;color:var(--app-color-text-secondary)}.route-box__summary{margin:6px 0;padding:6px 8px;border-radius:4px;background:var(--app-color-bg-layout);color:var(--app-color-text);font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}.derived-toolbar{margin-bottom:8px}.mapping-compact-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:8px}.mapping-compact-head__title{font-size:13px;font-weight:600;color:var(--app-color-text)}.mapping-compact-head__desc{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px}.mapping-canvas{border-radius:4px;padding:10px;background:var(--app-color-bg-hover);border:1px solid var(--app-color-border)}.mapping-canvas__hex{padding:6px 8px;border-radius:4px;background:var(--app-color-bg-layout);color:var(--app-color-text);font-size:12px;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.mapping-canvas__board{position:relative;margin-top:10px}.mapping-canvas__overlay{position:absolute;top:0;left:0;right:0}.mapping-canvas__empty{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--app-color-text-secondary);font-size:12px}.mapping-link{position:absolute;min-width:48px}.mapping-link__bubble{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid var(--app-color-primary-border);background:var(--app-color-primary-light);border-radius:4px;padding:4px 6px;cursor:pointer;min-width:80px;max-width:140px;text-align:center}.mapping-link--routing .mapping-link__bubble{background:var(--app-color-success-light);border-color:var(--app-color-success-light)}.mapping-link--active .mapping-link__bubble{border-color:var(--app-color-primary)}.mapping-link__name{display:block;color:var(--app-color-text);font-weight:600;line-height:1.3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-link__meta{display:block;margin-top:1px;color:var(--app-color-text-secondary);font-size:10px}.mapping-link__stem{position:absolute;left:50%;top:30px;width:2px;height:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--app-color-primary-border)}.mapping-link__bar{position:absolute;left:0;right:0;top:42px;height:4px;border-radius:2px;background:var(--app-color-primary)}.mapping-link--routing .mapping-link__bar{background:var(--app-color-success)}.mapping-byte-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:4px}.mapping-byte{border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-container);padding:4px 2px;cursor:pointer;-webkit-transition:border-color .15s;transition:border-color .15s;text-align:center}.mapping-byte:hover{border-color:var(--app-color-primary-border)}.mapping-byte__index{font-size:10px;color:var(--app-color-text-secondary)}.mapping-byte__hex{margin-top:2px;font-size:14px;font-weight:600;color:var(--app-color-text);font-family:Monaco,Menlo,Consolas,monospace}.selection-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;border-radius:4px;background:var(--app-color-primary-light);border:1px solid var(--app-color-primary-border)}.selection-banner--compact{margin-top:8px}.selection-banner__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.selection-banner__label{font-size:11px;color:var(--app-color-text-secondary)}.selection-banner__value{margin-top:1px;color:var(--app-color-text);font-size:12px;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.selection-banner__target{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px}.byte-chip,.mapping-byte{border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-container);-webkit-transition:border-color .15s;transition:border-color .15s}.byte-chip:hover{border-color:var(--app-color-primary-border)}.byte-chip--selected{border-color:var(--app-color-primary);background:var(--app-color-primary-light)}.byte-chip--touched{border-color:var(--app-color-warning-light)}.byte-chip--mapped,.byte-chip--touched{background:var(--app-color-warning-light)}.byte-chip--mapped{-webkit-box-shadow:inset 0 0 0 1px var(--app-color-warning-light);box-shadow:inset 0 0 0 1px var(--app-color-warning-light)}.config-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.config-form{-webkit-box-flex:1;-ms-flex:1;flex:1}.config-empty{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px 0}.target-summary{padding:6px 10px;border-radius:4px;background:var(--app-color-bg-layout)}.target-summary__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.target-summary__sub{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px}.encode-workbench{padding:8px 10px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-hover)}.encode-workbench__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.encode-workbench__meta{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.encode-workbench__title{font-weight:600;font-size:13px;color:var(--app-color-text)}.encode-workbench__desc{margin-top:2px;color:var(--app-color-text-secondary);font-size:11px;line-height:1.4}.field-preview-board{padding:8px 10px;border-radius:4px;background:var(--app-color-bg-layout);border:1px solid var(--app-color-border)}.field-preview-board__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.field-preview-board__grid{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.field-preview-board__item{padding:4px 8px;border-radius:4px;background:var(--app-color-bg-container)}.field-preview-board__label{font-size:11px;color:var(--app-color-text-secondary)}.field-preview-board__value{margin-top:2px;color:var(--app-color-text);font-size:12px;line-height:1.5;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.field-preview-board__notes{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.field-preview-board__note{padding:2px 6px;border-radius:3px;border:1px solid var(--app-color-warning-light);background:var(--app-color-warning-light);color:var(--app-color-warning-active);font-size:11px}.encode-summary{padding:8px 10px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-container)}.encode-summary__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.encode-summary__title{font-weight:600;font-size:12px;color:var(--app-color-text)}.encode-summary__fixed{margin-top:8px;padding:6px 8px;border-radius:4px;background:var(--app-color-bg-layout);color:var(--app-color-text);font-size:12px;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.encode-summary__foot{margin-top:6px;color:var(--app-color-text-secondary);font-size:11px}.encode-flow{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.encode-flow__item{padding:4px 8px;border-radius:4px;background:var(--app-color-bg-layout)}.encode-flow__name{font-size:11px;color:var(--app-color-text-secondary)}.encode-flow__value{margin-top:2px;color:var(--app-color-text);font-size:12px;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace}.config-form__hint{margin-top:4px;margin-bottom:0;color:var(--app-color-text-secondary);font-size:11px;line-height:1.4}.segment-editor{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.segment-editor,.segment-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex}.segment-toolbar{gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:8px}.segment-editor__item{padding:8px;border-radius:4px;border:1px solid var(--app-color-border);background:var(--app-color-bg-hover)}.segment-editor__item--sub{background:var(--app-color-bg-container)}.segment-editor__row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.segment-editor__item :deep(.ant-input),.segment-editor__item :deep(.ant-input-number),.segment-editor__item :deep(.ant-select),.segment-editor__row+.segment-editor__row{margin-top:6px}.segment-editor__subhead{margin-top:8px;margin-bottom:6px;font-weight:600}.segment-editor__preview,.segment-editor__subhead{color:var(--app-color-text-secondary);font-size:11px}.segment-editor__preview{margin-top:6px;padding:4px 8px;border-radius:4px;background:var(--app-color-bg-container);line-height:1.4}.alias-box{border-radius:4px;background:var(--app-color-bg-layout);padding:8px 10px}.alias-box__title{font-size:11px;color:var(--app-color-text-secondary)}.alias-box__list{margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.alias-box__empty{color:var(--app-color-text-secondary);font-size:11px}.event-actions,.expression-helper{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.expression-helper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.expression-helper__label{color:var(--app-color-text-secondary);font-size:11px}.generated-script{font-family:Monaco,Menlo,Consolas,monospace}:deep(.visual-debugger){margin-top:0}@media (max-width:1600px){.stage-layout--mapping{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:1280px){.workbench__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wizard-nav{width:auto;border-right:0;border-bottom:1px solid var(--app-color-border)}.stage-layout--debug,.stage-layout--events,.stage-layout--mapping,.stage-layout--prepare{grid-template-columns:1fr;min-height:auto}.prepare-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.template-grid{grid-template-columns:1fr}.prepare-side{position:static}.encode-flow,.field-preview-board__grid{grid-template-columns:1fr}.encode-workbench__head,.entry-card__content,.prepare-footer,.prepare-optional-head,.segment-editor__row,.workbench__header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}