main:has(>.builder){flex-direction:column;max-width:none;min-height:calc(100dvh - 60px);padding:14px 16px 20px;display:flex}.builder{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.spacer{flex:1}.muted{color:var(--baht-color-text-subtle)}.mono{font-family:var(--baht-font-mono)}.builder-topbar{background:var(--baht-color-surface);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.bt-brand{font-family:var(--baht-font-display);font-weight:700;font-size:var(--baht-text-lg);color:var(--baht-color-primary)}.bt-crumb{color:var(--baht-color-text-subtle);font-size:var(--baht-text-sm)}.bt-name{border-radius:var(--baht-radius-sm);font:inherit;background:0 0;border:1px solid #0000;min-width:180px;padding:6px 8px;font-weight:600}.bt-name:hover{border-color:var(--baht-color-border-strong)}.bt-name:focus-visible{border-color:var(--baht-color-primary);background:var(--baht-color-surface);outline:none}.bt-pill{font-size:var(--baht-text-xs);background:var(--baht-color-primary-tint);color:var(--baht-color-primary-hover);border-radius:var(--baht-radius-pill,999px);white-space:nowrap;padding:3px 10px}.bt-tabs{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-pill,999px);background:var(--baht-color-surface-alt);margin-left:8px;display:inline-flex;overflow:hidden}.bt-tabs button{font:inherit;font-size:var(--baht-text-sm);cursor:pointer;color:var(--baht-color-text-muted);background:0 0;border:none;padding:7px 16px}.bt-tabs button.active{background:var(--baht-color-primary);color:var(--baht-color-primary-contrast)}.bg-dots{background-color:var(--baht-color-bg);background-image:radial-gradient(circle,#0e1f1712 1px,#0000 1px);background-size:20px 20px}.designer{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.designer-workspace{flex:1;min-height:0;display:flex;position:relative}.fd-canvas{border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);flex-direction:column;flex:1;align-items:center;gap:14px;min-height:560px;padding:24px 24px 48px 292px;display:flex;overflow-y:auto}@media (width<=1000px){.fd-canvas{padding-left:24px}.fd-palette{margin-bottom:12px;width:100%!important;position:static!important}}.fd-tabs{flex-wrap:wrap;align-self:stretch;gap:6px;display:flex}.fd-tabs .tab{border:1px solid var(--baht-color-border-strong);background:var(--baht-color-surface);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-sm);cursor:pointer;padding:5px 12px}.fd-tabs .tab.active{background:var(--baht-color-primary-tint);border-color:var(--baht-color-primary);color:var(--baht-color-primary-hover)}.fd-tabs .tab--add{color:var(--baht-color-text-muted);border-style:dashed}.fd-palette{z-index:5;backdrop-filter:blur(12px);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);width:244px;box-shadow:var(--baht-shadow-lift,0 8px 24px #0e1f1714);background:#ffffffeb;padding:12px;position:absolute;top:64px;left:20px}.fd-palette-head{font-weight:700;font-size:var(--baht-text-sm);justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.fd-palette-head .muted{font-weight:400;font-size:var(--baht-text-xs)}.fd-palette-group{margin-bottom:8px}.fd-palette-title{text-transform:uppercase;letter-spacing:var(--baht-tracking-widest);color:var(--baht-color-text-subtle);margin:8px 0 4px;font-size:10px}.fd-palette button{text-align:left;border-radius:var(--baht-radius-sm);width:100%;font:inherit;font-size:var(--baht-text-sm);cursor:grab;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex}.fd-palette button:hover{border-color:var(--baht-color-primary);background:var(--baht-color-primary-tint);color:var(--baht-color-primary-hover)}.fd-palette-icon{border-radius:var(--baht-radius-xs);background:var(--baht-color-primary-tint);width:24px;height:24px;color:var(--baht-color-primary-hover);flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.form-paper{background:var(--baht-color-surface);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);width:min(720px,100%);box-shadow:var(--baht-shadow-lift,0 8px 24px #0e1f1714);overflow:hidden}.form-paper-edge{background:linear-gradient(90deg, var(--baht-green-700), var(--baht-green-500));height:6px}.form-paper-head{background:var(--baht-color-surface-alt);border-bottom:1px solid var(--baht-color-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 12px;display:flex}.form-paper-title,.form-paper-title-static{font-family:var(--baht-font-display);font-size:var(--baht-text-xl);border-radius:var(--baht-radius-sm);background:0 0;border:1px solid #0000;flex:1;min-width:120px;padding:4px 8px;font-weight:700}.form-paper-title:hover{border-color:var(--baht-color-border-strong)}.form-paper-title:focus-visible{border-color:var(--baht-color-primary);background:var(--baht-color-surface);outline:none}.form-paper-mark{font-family:var(--baht-font-display);color:var(--baht-color-primary);opacity:.55;font-weight:800;font-size:var(--baht-text-lg)}.form-paper-body{gap:var(--baht-field-gap,16px);flex-wrap:wrap;align-content:flex-start;min-height:160px;padding:20px 24px;display:flex}.form-paper-foot{border-top:1px solid var(--baht-color-border);background:var(--baht-color-surface-alt);font-size:var(--baht-text-xs);justify-content:space-between;align-items:center;padding:12px 24px 18px;display:flex}.fd-submit-mock{background:var(--baht-color-primary);color:var(--baht-color-primary-contrast);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-sm);opacity:.75;padding:8px 18px}.fd-empty{border:2px dashed var(--baht-color-border-strong);border-radius:var(--baht-radius-sm);color:var(--baht-color-text-subtle);text-align:center;flex-basis:100%;padding:44px 0}.fd-empty.over{border-color:var(--baht-color-primary);background:var(--baht-color-primary-tint)}.fd-row{border-radius:var(--baht-radius-sm);cursor:pointer;border:1px solid #0000;min-width:0;padding:8px;position:relative}.fd-row:hover{border-color:var(--baht-green-200)}.fd-row.selected{box-shadow:inset 0 0 0 1.5px var(--baht-color-primary);background:color-mix(in srgb, var(--baht-green-50) 45%, transparent)}.fd-row.drop-before:before,.fd-row.drop-after:after{content:"";background:var(--baht-color-primary);border-radius:3px;height:3px;animation:.9s ease-in-out infinite dropPulse;position:absolute;left:-4px;right:-4px}.fd-row.drop-before:before{top:-9px}.fd-row.drop-after:after{bottom:-9px}@keyframes dropPulse{0%,to{opacity:1}50%{opacity:.35}}.fd-row-tools{opacity:0;transition:opacity var(--baht-dur-fast) var(--baht-ease);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-xs);background:#ffffffeb;gap:2px;padding:1px;display:flex;position:absolute;top:4px;right:4px}.fd-row:hover .fd-row-tools,.fd-row.selected .fd-row-tools{opacity:1}.fd-row-tools button{cursor:pointer;border-radius:var(--baht-radius-xs);color:var(--baht-color-text-muted);background:0 0;border:none;padding:3px 6px;font-size:12px}.fd-row-tools button:hover{background:var(--baht-color-primary-tint);color:var(--baht-color-primary-hover)}.fd-row-tools button.danger:hover{background:var(--baht-red-50);color:var(--baht-color-danger)}.fd-row-handle{cursor:grab}.fd-delete-form{color:var(--baht-color-danger);font-size:var(--baht-text-xs);cursor:pointer;background:0 0;border:none;text-decoration:underline}.fp{pointer-events:none;flex-direction:column;gap:5px;display:flex}.fp-label{font-size:var(--baht-text-sm);font-weight:600}.fp-req{color:var(--baht-color-danger);margin-left:2px}.fp-control{color:var(--baht-gray-400);background:var(--baht-color-surface);justify-content:space-between;align-items:center;display:flex}.fp-control--area{align-items:flex-start;min-height:72px}.fp-ph{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fp-caret{color:var(--baht-color-text-subtle)}.fp-chips{gap:4px;display:flex}.fp-chip{background:var(--baht-color-primary-tint);color:var(--baht-color-primary-hover);border-radius:var(--baht-radius-pill,999px);font-size:var(--baht-text-xs);padding:2px 8px}.fp-options{font-size:var(--baht-text-sm);flex-direction:column;gap:6px;display:flex}.fp-option{align-items:center;gap:8px;display:flex}.fp-dot,.fp-box{border:1.5px solid var(--baht-color-border-strong);background:var(--baht-color-surface);flex:none;width:15px;height:15px}.fp-dot{border-radius:50%}.fp-box{border-radius:4px}.fp-track{background:var(--baht-gray-300,#cbd5cf);border-radius:999px;flex:none;width:34px;height:19px;position:relative}.fp-thumb{background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;left:2px}.fp-drop{border:2px dashed var(--baht-color-border-strong);border-radius:var(--baht-radius-sm);text-align:center;color:var(--baht-color-text-subtle);font-size:var(--baht-text-sm);padding:18px 0}.fp-static{color:var(--baht-color-text-muted);margin:0}.inspector{background:var(--baht-color-surface);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);overflow:hidden}.inspector-bar,.flow-propbar{align-items:center;gap:0;padding:8px 12px;display:flex;overflow-x:auto}.flow-propbar{background:var(--baht-color-surface);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md)}.ins-cell{border-right:1px solid var(--baht-color-border);white-space:nowrap;flex-direction:column;gap:2px;padding:0 14px;display:flex}.ins-cell:first-child{padding-left:2px}.ins-mini{text-transform:uppercase;letter-spacing:var(--baht-tracking-widest);color:var(--baht-color-text-subtle);font-size:10px}.ins-cell input[type=text],.ins-cell input[type=number]{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;font-size:var(--baht-text-sm);background:var(--baht-color-surface-alt);width:150px;padding:4px 8px}.ins-type{font-size:var(--baht-text-sm);flex-direction:row;align-items:center;gap:8px;font-weight:600}.ins-type-icon{border-radius:var(--baht-radius-xs);background:var(--baht-color-primary-tint);width:26px;height:26px;color:var(--baht-color-primary-hover);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.width-seg{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);display:inline-flex;overflow:hidden}.width-seg button{background:var(--baht-color-surface);cursor:pointer;color:var(--baht-color-text-muted);border:none;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.width-seg button+button{border-left:1px solid var(--baht-color-border)}.width-seg button.active{background:var(--baht-color-primary);color:var(--baht-color-primary-contrast)}.width-glyph{font-size:9px}.ins-toggle{background:var(--baht-gray-300,#cbd5cf);cursor:pointer;width:36px;height:20px;transition:background var(--baht-dur-fast) var(--baht-ease);border:none;border-radius:999px;position:relative}.ins-toggle.on{background:var(--baht-color-primary)}.ins-toggle-thumb{width:16px;height:16px;transition:left var(--baht-dur-fast) var(--baht-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.ins-toggle.on .ins-toggle-thumb{left:18px}.ins-disclosure{border:1px solid var(--baht-color-border-strong);background:var(--baht-color-surface);border-radius:var(--baht-radius-pill,999px);font-size:var(--baht-text-xs);cursor:pointer;white-space:nowrap;margin:0 10px;padding:5px 12px}.ins-disclosure.open{background:var(--baht-color-primary-tint);border-color:var(--baht-color-primary);color:var(--baht-color-primary-hover)}.ins-icon-btn{cursor:pointer;border-radius:var(--baht-radius-xs);color:var(--baht-color-text-muted);background:0 0;border:none;padding:6px 8px;font-size:14px}.ins-icon-btn:hover{background:var(--baht-color-surface-alt)}.ins-icon-btn.danger:hover{background:var(--baht-red-50);color:var(--baht-color-danger)}.inspector-options{border-top:1px solid var(--baht-color-border);background:var(--baht-color-surface-alt);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.ins-option-row{flex-basis:100%;align-items:center;gap:6px;display:flex}.ins-option-row input{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;font-size:var(--baht-text-sm);padding:4px 8px}.ins-drag-glyph{color:var(--baht-color-text-subtle);cursor:default}.ins-add-option{border:1px dashed var(--baht-color-border-strong);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-xs);cursor:pointer;color:var(--baht-color-text-muted);background:0 0;padding:5px 12px}.ins-add-option:hover{border-color:var(--baht-color-primary);color:var(--baht-color-primary)}.ins-more{flex-direction:column;gap:2px;display:flex}.ins-more input[type=number],.ins-more input[type=date],.ins-more input[type=text],.ins-more select{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);width:90px;font:inherit;font-size:var(--baht-text-sm);padding:4px 8px}.ins-more input[type=text],.ins-more select{width:100%;max-width:260px}.ins-weekdays{flex-wrap:wrap;gap:4px 10px;display:flex}.ins-more--check{font-size:var(--baht-text-sm);flex-direction:row;align-items:center;gap:6px}.ins-var-chip{background:var(--baht-color-bg-inverse);color:var(--baht-color-text-inverse);border-radius:var(--baht-radius-pill,999px);font-size:var(--baht-text-xs);margin-left:auto;padding:3px 10px}.flow{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.flow-canvas{border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);cursor:grab;background-color:var(--baht-color-bg);background-image:radial-gradient(circle,#0e1f1712 1px,#0000 1px);flex:1;min-height:480px;position:relative;overflow:hidden}.flow-canvas:active{cursor:grabbing}.flow-inner{transform-origin:0 0;position:absolute;inset:0}.flow-edges{pointer-events:none;position:absolute;top:0;left:0}.edge{fill:none;stroke-width:2px}.edge--chain{stroke:var(--baht-green-600,#5c7a33)}.edge--skip{stroke:#3b5a6e;stroke-dasharray:6 5}.edge--reject{stroke:var(--baht-red-500,#b03a2b);stroke-dasharray:4 4}.edge-label{fill:#3b5a6e;font-size:11px;font-family:var(--baht-font-mono)}.edge-label--reject{fill:var(--baht-red-600,#a33627)}.flow-node--approval .flow-node-icon{background:var(--baht-gold-50,#f7efdb);color:var(--baht-gold-600,#8a6d1f)}.flow-node--approval{border-color:var(--baht-gold-500,#c9a227)}.flow-node{background:var(--baht-color-surface);border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-md);box-shadow:var(--baht-shadow-lift,0 6px 18px #0e1f1714);cursor:grab;user-select:none;padding-bottom:6px;position:absolute}.flow-node.selected{border-color:var(--baht-color-primary);box-shadow:0 0 0 3px #1f7a4e26}.flow-node header{align-items:center;gap:10px;padding:10px 12px 8px;display:flex}.flow-node-icon{border-radius:var(--baht-radius-sm);background:var(--baht-color-primary-tint);width:30px;height:30px;color:var(--baht-color-primary-hover);flex:none;justify-content:center;align-items:center;display:inline-flex}.flow-node-type{text-transform:uppercase;letter-spacing:var(--baht-tracking-widest);color:var(--baht-color-text-subtle);font-size:10px;display:block}.flow-node-label{font-weight:700;font-size:var(--baht-text-sm);display:block}.flow-node-field{font-size:var(--baht-text-xs);border-top:1px dashed var(--baht-color-border);justify-content:space-between;gap:8px;padding:3px 12px;display:flex}.flow-node-field-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-node-field-type{color:var(--baht-color-text-subtle);font-family:var(--baht-font-mono)}.flow-handle{background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translateY(-50%)}.flow-handle--in{border:2px solid var(--baht-color-border-strong);left:-7px}.flow-handle--out{border:2px solid var(--baht-color-primary);right:-7px}.flow-hint{backdrop-filter:blur(8px);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-pill,999px);font-size:var(--baht-text-xs);color:var(--baht-color-text-muted);pointer-events:none;background:#ffffffe6;padding:6px 14px;position:absolute;bottom:12px;left:12px}.flow-actions{gap:8px;display:flex;position:absolute;top:12px;right:12px}.flow-zoom{backdrop-filter:blur(8px);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-sm);background:#ffffffe6;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden}.flow-zoom button{font:inherit;font-size:var(--baht-text-xs);cursor:pointer;background:0 0;border:none;padding:6px 10px}.flow-zoom button+button{border-left:1px solid var(--baht-color-border)}.flow-zoom button:hover{background:var(--baht-color-primary-tint)}.flow-order{font-size:var(--baht-text-sm);align-items:center;gap:6px;display:inline-flex}.flow-order button{border:1px solid var(--baht-color-border-strong);background:var(--baht-color-surface);border-radius:var(--baht-radius-xs);cursor:pointer;padding:1px 7px}.flow-order button:disabled{opacity:.4;cursor:default}.flow-rules{border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);background:var(--baht-color-surface);padding:16px}.flow-rules h3{font-size:var(--baht-text-xs);text-transform:uppercase;letter-spacing:var(--baht-tracking-widest);color:var(--baht-color-text-subtle);margin:0 0 12px}.rule-card{border:1px solid var(--baht-color-border-cool);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-sm);margin-bottom:12px;padding:12px}.rule-card header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rule-card header .rid{font-weight:700}.rule-card header input.prio{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);width:64px;padding:3px 6px}.rule-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.rule-row select,.rule-row input{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;background:var(--baht-color-surface);padding:5px 7px;font-size:12.5px}.rule-section{color:var(--baht-gray-700);margin:10px 0 4px;font-weight:600}.preview-tab{border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);flex-direction:column;flex:1;align-items:center;gap:18px;min-height:0;padding:32px 24px;display:flex;overflow-y:auto}.preview-paper{box-shadow:var(--baht-shadow-float,0 18px 40px #0e1f1724)}.preview-body{padding:20px 24px}.preview-data{width:min(720px,100%)}.preview-data h3{font-size:var(--baht-text-xs);text-transform:uppercase;letter-spacing:var(--baht-tracking-widest);color:var(--baht-color-text-subtle);margin:0 0 8px}.fd-subtabs{margin-top:-6px}.fd-subtabs .tab{font-size:var(--baht-text-xs);padding:3px 10px}.fd-subtabs .tab:disabled{opacity:.5;cursor:not-allowed}.fd-view-bar{border-bottom:1px dashed var(--baht-color-border-strong);flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding-bottom:12px;display:flex}.fd-view-name{font-size:var(--baht-text-sm);border-radius:var(--baht-radius-sm);background:0 0;border:1px solid #0000;min-width:100px;padding:4px 8px;font-weight:600}.fd-view-name:hover{border-color:var(--baht-color-border-strong)}.fd-view-name:focus-visible{border-color:var(--baht-color-primary);background:var(--baht-color-surface);outline:none}.fd-view-pin{font-size:var(--baht-text-sm);color:var(--baht-color-text-muted);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.fd-view-delete{font-size:var(--baht-text-sm);color:var(--baht-color-text-muted);cursor:pointer;background:0 0;border:none}.fd-view-delete:hover{color:var(--baht-color-danger)}.fd-view-pool{border-top:1px dashed var(--baht-color-border-strong);width:100%;margin-top:16px;padding-top:12px}.fd-view-pool-title{font-size:var(--baht-text-sm);margin-bottom:8px;font-weight:600}.fd-view-pool-title .muted{font-weight:400}.fd-view-pool-chips{flex-wrap:wrap;gap:6px;display:flex}.fd-view-chip{border:1px dashed var(--baht-color-border-strong);background:var(--baht-color-surface);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-sm);color:var(--baht-color-text-muted);cursor:pointer;padding:4px 10px}.fd-view-chip:hover{border-color:var(--baht-color-primary);color:var(--baht-color-primary-hover)}.ins-sub-row select{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;font-size:var(--baht-text-sm);background:var(--baht-color-surface);padding:4px 8px}.fc-transition{border-bottom:1px dashed var(--baht-color-border-strong);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.fc-transition select,.fc-transition input{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;font-size:var(--baht-text-sm);background:var(--baht-color-surface);padding:4px 8px}.fc-transition-arrow{color:var(--baht-color-text-muted)}.fc-transition-remove{cursor:pointer;color:var(--baht-color-text-muted);background:0 0;border:none;margin-left:auto}.fc-transition-remove:hover{color:var(--baht-color-danger)}.form-paper-body--approval{flex-flow:column;gap:20px}.ae-intro{color:var(--baht-color-text-muted);font-size:var(--baht-text-sm);max-width:60ch;margin:0}.ae{flex-direction:column;gap:22px;display:flex}.ae-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 18px;display:grid}.ae-field{flex-direction:column;gap:4px;min-width:0;display:flex}.ae input[type=text],.ae input[type=number],.ae select{border:1px solid var(--baht-color-border-strong);border-radius:var(--baht-radius-xs);font:inherit;font-size:var(--baht-text-sm);background:var(--baht-color-surface-alt);color:var(--baht-color-text);min-width:0;padding:6px 9px}.ae input[type=number]{width:5.5rem}.ae input.mono{font-family:var(--baht-font-mono)}.ae-help{font-size:var(--baht-text-xs);color:var(--baht-color-text-subtle);margin:0}.ae-block{border-top:1px solid var(--baht-color-border);padding-top:16px}.ae-block h4{font-size:var(--baht-text-sm);margin:0 0 10px;font-weight:600}.ae-block-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ae-block-head h4{margin:0}.ae-targets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ae-target{grid-template-columns:200px 1fr auto;align-items:center;gap:10px;display:grid}.ae-inline{font-size:var(--baht-text-sm);color:var(--baht-color-text-muted);align-items:center;gap:8px;display:inline-flex}.ae-rule{flex-wrap:wrap;gap:8px 22px;margin-bottom:8px;display:flex}.ae-radio{font-size:var(--baht-text-sm);align-items:center;gap:8px;display:inline-flex}@media (width<=720px){.ae-target{grid-template-columns:1fr auto}.ae-target>:nth-child(2){grid-column:1/-1}}.preview-tabs{border:1px solid var(--baht-color-border-strong);background:var(--baht-color-surface-alt);border-radius:999px;display:inline-flex;overflow:hidden}.preview-tabs button{font:inherit;font-size:var(--baht-text-sm);cursor:pointer;color:var(--baht-color-text-muted);background:0 0;border:none;padding:6px 16px}.preview-tabs button.active{background:var(--baht-color-primary);color:var(--baht-color-primary-contrast)}.preview-panel{background:var(--baht-color-surface);border:1px solid var(--baht-color-border);border-radius:var(--baht-radius-md);text-align:left;width:min(720px,100%);padding:20px 24px}.preview-panel>.muted{font-size:var(--baht-text-sm);margin:0 0 14px}.preview-panel-head{font-size:var(--baht-text-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-panel pre.json{max-height:520px;margin:0}.chain{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chain-step{border:1px solid var(--baht-color-border);border-left:3px solid var(--baht-color-primary);border-radius:var(--baht-radius-sm);font-size:var(--baht-text-sm);padding:12px 16px}.chain-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.chain-index{background:var(--baht-color-primary);width:22px;height:22px;color:var(--baht-color-primary-contrast);border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.chain-label{font-weight:600}.chain-stage{font-family:var(--baht-font-mono);color:var(--baht-color-text-subtle);margin-left:auto;font-size:11px}.chain-rule{color:var(--baht-color-text-muted)}.chain-who{margin:6px 0;padding-left:18px}.chain-foot{color:var(--baht-color-text-subtle);font-size:var(--baht-text-xs)}