/* Funnel workspace: compact stages, contextual inspector and persistent library. */
.builder[data-mode="funnel"]{--inspector-library:280px;--inspector-width:380px}
.builder[data-mode="funnel"] .builder-body{position:relative;grid-template-columns:minmax(0,1fr) 0 var(--inspector-library)!important}
.builder[data-mode="funnel"].inspector-open .builder-body{grid-template-columns:minmax(0,1fr) var(--inspector-width) var(--inspector-library)!important}
.builder[data-mode="funnel"] .builder-body>.canvas{grid-column:1!important}
.builder[data-mode="funnel"] .builder-body>.block-library{grid-column:3!important;grid-row:1!important;position:relative;top:auto;right:auto;bottom:auto;width:auto;z-index:2}
.builder[data-mode="funnel"] .builder-body>.properties{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;width:auto!important;min-width:0;min-height:0;padding:0!important;box-shadow:none;overflow:hidden;display:none!important;transform:none!important;transition:none;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff}
.builder[data-mode="funnel"].inspector-open .builder-body>.properties.open{display:flex!important;flex-direction:column;visibility:visible;opacity:1;pointer-events:auto}
.content-inspector .inspector-header{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid #e6ebe8;flex:none;min-height:84px;background:#fbfcfb}
.content-inspector .inspector-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:22px;background:#dcf8e9;color:#06956b}
.content-inspector .inspector-header>div:first-of-type{min-width:0;flex:1}
.content-inspector h2{font:700 16px 'DM Sans';margin:0;color:#203a30}
.content-inspector .inspector-header p{font-size:11px;color:#7a8981;margin:3px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.content-inspector .inspector-actions{display:flex;gap:3px;flex:none}
.content-inspector .inspector-actions button,.content-inspector .inspector-close{display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:#73837a;width:28px;height:30px;padding:0;cursor:pointer;font-size:19px}
.content-inspector .inspector-actions [data-remove-step]{color:#db4a55}
.content-inspector .inspector-actions button:hover,.content-inspector .inspector-close:hover{background:#eaf1ec}
.content-inspector .inspector-body{flex:1;overflow:auto;padding:23px 20px;min-height:0;overscroll-behavior:contain}
.content-inspector .inspector-step{padding:0!important;min-height:0;border:0;display:block!important;user-select:text}
.content-inspector .inspector-fields{display:grid!important;gap:18px;padding:0}
.content-inspector .node-field{margin:0!important;font-size:12px;gap:7px;letter-spacing:0;font-weight:500}
.content-inspector .node-field>span{font-size:11px;font-weight:600;color:#687e72;letter-spacing:.04em}
.content-inspector input:not([type="checkbox"]):not([type="file"]),.content-inspector textarea,.content-inspector select{width:100%;border:1px solid #dfe6e1;border-radius:10px;background:#f5f7f5;padding:11px 12px;margin:0;color:#1b3327;font:14px/1.5 'DM Sans';outline:0;min-width:0}
.content-inspector textarea{min-height:170px;resize:vertical}
.content-inspector input:focus,.content-inspector textarea:focus,.content-inspector select:focus{border-color:#72b698;box-shadow:0 0 0 3px #e8f4ed}
.content-inspector .field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.content-inspector .upload-button{min-height:42px;padding:0 16px;border-radius:10px;font-size:13px}
.content-inspector .upload-button input[type="file"]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.content-inspector .media-config{gap:10px}
.content-inspector .file-name{font-size:11px;max-width:100%;overflow-wrap:anywhere}
.content-inspector .asset-slot{min-height:140px;padding:12px;font-size:12px;background:#f7f9f7;border-radius:12px}
.content-inspector .uploaded-image,.content-inspector .uploaded-video{max-height:280px}
.content-inspector .uploaded-audio{height:44px}
.content-inspector .block-hint,.inspector-note{font-size:12px;line-height:1.65;color:#809086;margin:4px 0}
.content-inspector .option-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
.content-inspector .option-editor{gap:9px}
.content-inspector .add-option{padding:9px 13px;font-size:12px}
.content-inspector .required-config{font-size:12px;gap:9px}
.content-inspector .inspector-footer{flex:none;border-top:1px solid #e7ece8;padding:14px 20px;text-align:center;font-size:11px;color:#7c8e81;background:#fff}
.content-inspector .inspector-chat-preview{margin-top:22px}
.content-inspector .inspector-chat-preview>span{font-size:11px;color:#829084}
.content-inspector .inspector-chat-preview>div{margin-top:8px;padding:14px;border-radius:16px;background:#edf2ed}
.content-inspector .inspector-chat-preview p{display:inline-block;max-width:100%;margin:0;background:#fff;border-radius:11px;padding:10px 13px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#263c30;box-shadow:0 1px 3px #254a2c10}
.builder[data-mode="funnel"] .flow-card{width:270px}
.builder[data-mode="funnel"] .start-card{width:80px}
.builder[data-mode="funnel"] .flow-card [data-edit-step]{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:8px!important;margin:3px 0;transition:background .12s,border-color .12s;outline:none}
.builder[data-mode="funnel"] .flow-card [data-edit-step]:hover{background:#f6f9f6}
.builder[data-mode="funnel"] .flow-card [data-edit-step].step-active,.builder[data-mode="funnel"] .flow-card [data-edit-step]:focus-visible{background:#eff1ff;border-color:#9596ff;box-shadow:0 0 0 1px #a7a5ff}
.builder[data-mode="funnel"] .flow-card .step-heading{margin:0;align-items:center}
.builder[data-mode="funnel"] .flow-card .step-heading strong{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7c8990}
.builder[data-mode="funnel"] .flow-card .step-icon{width:24px;height:24px;font-size:12px;flex:none}
.builder[data-mode="funnel"] .flow-card .step-edit{opacity:0;background:transparent;flex:none}
.builder[data-mode="funnel"] .flow-card [data-edit-step]:hover .step-edit,.builder[data-mode="funnel"] .flow-card .step-active .step-edit{opacity:1}
.builder[data-mode="funnel"] .flow-card .step-summary{margin:1px 0 0 31px;font-size:11px;color:#4b5d53;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;white-space:pre-wrap}
.builder[data-mode="funnel"] .flow-card .empty-node{font-size:11px;color:#85958a;padding:12px;line-height:1.5}
.builder[data-mode="funnel"] .new-group-button{width:100%;margin:10px 0 2px;background:#eff5f1;border:1px dashed #bfd5c7;border-radius:10px;color:#176449;font:600 12px 'DM Sans';padding:10px;cursor:pointer}
.builder[data-mode="funnel"] .new-group-button:hover{background:#e3efe7}
.builder[data-mode="funnel"] .library-group-note{font-size:10px;color:#8a9b90;line-height:1.4;margin:6px 3px 12px}
@media(min-width:1500px){.builder[data-mode="funnel"]{--inspector-width:420px;--inspector-library:290px}}
@media(max-width:1150px){.builder[data-mode="funnel"]{--inspector-width:320px;--inspector-library:220px}.content-inspector .inspector-header{padding:16px 12px;gap:8px}.content-inspector .inspector-body{padding:20px 15px}}
 .builder-menu{display:none;border:0;background:#eff4f0;color:#26523c;border-radius:8px;width:34px;height:34px;flex:none;cursor:pointer}
@media(max-width:1150px){.builder[data-mode="funnel"]{left:0}.builder[data-mode="funnel"] .builder-menu{display:inline-block}.builder[data-mode="funnel"] .builder-crumb,.builder[data-mode="funnel"] .crumb-sep,.builder[data-mode="funnel"] .builder-topbar .builder-actions>span{display:none}.builder[data-mode="funnel"] #builderTitle{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sidebar.open{position:fixed!important;inset:0 auto 0 0!important;width:248px;z-index:100;box-shadow:10px 0 32px #183b3420}}
@media(max-width:900px){.builder[data-mode="funnel"].inspector-open .builder-body{grid-template-columns:minmax(0,1fr) 0 var(--inspector-library)!important}.builder[data-mode="funnel"].inspector-open .builder-body>.properties.open{position:absolute!important;grid-column:1 / -1!important;inset:0 var(--inspector-library) 0 auto!important;width:min(360px,calc(100% - var(--inspector-library)))!important;z-index:15;box-shadow:-10px 0 28px #20483212}}
@media(max-width:700px){.builder[data-mode="funnel"]{--inspector-library:188px}.builder[data-mode="funnel"].inspector-open .builder-body>.properties.open{inset:0 0 0 auto!important;width:min(420px,100%)!important;z-index:20}.content-inspector .field-pair{grid-template-columns:1fr}}
