/* Blank preview foundation. Authored from the UX tokens and DOM contracts. */
@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'PP Palma';src:url('/fonts/palma.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Caveat;src:url('/fonts/caveat-variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Newsreader;src:url('/fonts/newsreader-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:where(html.ysa-connected-preview){color-scheme:light;font-family:var(--ysa-font-sans);font-size:15px;color:var(--ysa-ink);background:var(--ysa-canvas);--ysa-focus:0 0 0 2px var(--ysa-sheet),0 0 0 4px var(--ysa-sage);--ysa-popup-z:3000;--ysa-motion-ease:cubic-bezier(.2,.8,.2,1)}
:where(html.ysa-connected-preview) *,:where(html.ysa-connected-preview) *::before,:where(html.ysa-connected-preview) *::after{box-sizing:border-box}
:where(html.ysa-connected-preview) body{margin:0;min-width:280px;min-height:100dvh;font:400 15px/1.45 var(--ysa-font-sans);color:var(--ysa-ink);background:var(--ysa-canvas);-webkit-font-smoothing:antialiased}
:where(html.ysa-connected-preview) :where(h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd){margin:0}
:where(html.ysa-connected-preview) :where(h1,h2,h3,h4,h5,h6){font-family:var(--ysa-font-heading);font-weight:400;font-synthesis:none;line-height:1.2;color:var(--ysa-ink)}
:where(html.ysa-connected-preview) h1{font-size:30px;letter-spacing:-.01em}
:where(html.ysa-connected-preview) h2{font-size:20px;letter-spacing:0}
:where(html.ysa-connected-preview) h3{font-size:18px}
:where(html.ysa-connected-preview) h4{font-size:16px}
:where(html.ysa-connected-preview) p{line-height:1.5}
:where(html.ysa-connected-preview) a{color:inherit;text-decoration:none;text-underline-offset:3px}
:where(html.ysa-connected-preview) a:hover{text-decoration:underline}
:where(html.ysa-connected-preview) :where(img,svg,canvas,video){max-width:100%}
:where(html.ysa-connected-preview) img{height:auto;vertical-align:middle}
:where(html.ysa-connected-preview) :where(button,input,textarea,select){font:inherit;color:inherit;letter-spacing:inherit}
:where(html.ysa-connected-preview) button{cursor:pointer}
:where(html.ysa-connected-preview) :where(button,input,textarea,select):disabled{cursor:not-allowed;opacity:.5}
:where(html.ysa-connected-preview) :where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--ysa-sage);outline-offset:3px}
:where(html.ysa-connected-preview) :where(button,.button,.btn,input[type=submit],input[type=button]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;max-width:100%;padding:8px 14px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);color:var(--ysa-ink);font-size:13px;font-weight:600;line-height:1.35;text-align:center;vertical-align:middle}
:where(html.ysa-connected-preview) :where(button,.button,.btn,input[type=submit],input[type=button]):hover{background:var(--ysa-canvas);text-decoration:none}
:where(html.ysa-connected-preview) :where(.button.primary,.btn-primary,.btn-success,.button.submit,.button.save,input[type=submit],button[type=submit],.ysa-primary-action){border-color:var(--ysa-ink);background:var(--ysa-ink);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) :where(.button.primary,.btn-primary,.btn-success,input[type=submit],button[type=submit],.ysa-primary-action):hover{background:#1B3634}
:where(html.ysa-connected-preview) :where(.button.danger,.btn-danger,.is-danger,.ysa-danger-action){color:var(--ysa-danger-text);border-color:var(--ysa-danger-line);background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) :where(.button.ghost,.btn-link){border-color:transparent;background:transparent}
:where(html.ysa-connected-preview) :where(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],input[type=time],select,textarea){width:100%;min-width:0;min-height:38px;padding:9px 12px;border:1px solid var(--ysa-line-strong);border-radius:10px;outline:none;background:var(--ysa-sheet);color:var(--ysa-ink);font-size:13.5px;line-height:1.4}
:where(html.ysa-connected-preview) :where(input,select,textarea):focus{border-color:var(--ysa-ink)}
:where(html.ysa-connected-preview) :where(input,textarea)::placeholder{color:var(--ysa-text-faint);opacity:1}
:where(html.ysa-connected-preview) textarea{min-height:94px;resize:vertical}
:where(html.ysa-connected-preview) select{padding-right:28px}
:where(html.ysa-connected-preview) input:is([type=checkbox],[type=radio]){width:16px;height:16px;min-height:0;margin:0;accent-color:var(--ysa-ink);vertical-align:middle;flex-shrink:0}
:where(html.ysa-connected-preview) input[type=range]{width:100%;accent-color:var(--ysa-ink)}
:where(html.ysa-connected-preview) input[type=color]{width:44px;height:38px;padding:4px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) input[type=file]{font-size:13px}
:where(html.ysa-connected-preview) input[type=file]::file-selector-button{margin-right:12px;padding:9px 12px;border:1px solid var(--ysa-line);border-radius:9px;background:var(--ysa-canvas);color:var(--ysa-ink);cursor:pointer}
:where(html.ysa-connected-preview) label{font-size:13px;line-height:1.4}
:where(html.ysa-connected-preview) fieldset{min-width:0;margin:0;padding:20px;border:1px solid var(--ysa-line);border-radius:18px}
:where(html.ysa-connected-preview) legend{padding:0 8px;font-family:var(--ysa-font-heading);font-size:18px}
:where(html.ysa-connected-preview) small{font-size:12px;line-height:1.5;color:var(--ysa-text-muted)}
:where(html.ysa-connected-preview) :where(code,pre,kbd){font-family:var(--ysa-font-mono);font-size:12px}
:where(html.ysa-connected-preview) code{overflow-wrap:anywhere}
:where(html.ysa-connected-preview) pre{max-width:100%;margin:0;padding:16px;overflow:auto;border:1px solid var(--ysa-line);border-radius:12px;background:var(--ysa-canvas-tint-2);white-space:pre-wrap;overflow-wrap:anywhere}
:where(html.ysa-connected-preview) kbd{padding:2px 4px;border:1px solid currentColor;border-radius:4px;font-size:10px}
:where(html.ysa-connected-preview) hr{margin:20px 0;border:0;border-top:1px solid var(--ysa-line)}
:where(html.ysa-connected-preview) :where(table){width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}
:where(html.ysa-connected-preview) :where(th,td){padding:14px 16px;border-bottom:1px solid var(--ysa-line-soft);vertical-align:middle;text-align:left}
:where(html.ysa-connected-preview) th{padding-top:10px;padding-bottom:10px;background:var(--ysa-canvas-tint);color:var(--ysa-text-muted);font-size:11.5px;font-weight:600}
:where(html.ysa-connected-preview) :where(td,th):is(.number,.numeric,.amount){text-align:right;font-variant-numeric:tabular-nums}
:where(html.ysa-connected-preview) tbody tr:is([onclick],[role=button],:has(>td[onclick])):hover{background:var(--ysa-canvas-tint)}
:where(html.ysa-connected-preview) table[role=presentation] :is(th,td){padding:0;border:0;background:transparent}
:where(html.ysa-connected-preview) :where(.sr-only,.visually-hidden,.ysa-sr-only,.ysa-auth-sr-only,.ui-helper-hidden-accessible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(html.ysa-connected-preview) dialog:not([open]){display:none!important}
:where(html.ysa-connected-preview) [hidden],:where(html.ysa-connected-preview) :where(.hidden,.is-hidden,.ui-helper-hidden){display:none!important}
:where(html.ysa-connected-preview) :where(.error,.error_message,.field-error,[role=alert]){color:var(--ysa-danger-text)}
:where(html.ysa-connected-preview) :where(.success,.success_message){color:var(--ysa-ok)}
:where(html.ysa-connected-preview) :where(.label,.badge,.status-pill,.tag){display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 9px;border-radius:999px;background:var(--ysa-canvas);color:var(--ysa-text-3);font-size:12px;line-height:1.3}
:where(html.ysa-connected-preview) :where(.status-active,.status-pill.is-live,.badge.is-live,.status-success,.status-completed){color:var(--ysa-ink);background:var(--ysa-sage-soft)}
:where(html.ysa-connected-preview) :where(.status-failed,.status-error){color:var(--ysa-danger-text);background:var(--ysa-danger-soft)}
:where(html.ysa-connected-preview) [data-ysa-preview-icon]{font-family:inherit;font-size:inherit;font-style:normal;vertical-align:middle}
:where(html.ysa-connected-preview) [data-ysa-preview-icon]>svg{display:inline-block;width:1em;height:1em;vertical-align:-.12em}
html.ysa-connected-preview [data-ysa-preview-icon]::before{content:none}
:where(html.ysa-connected-preview) .ysa-preview-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:where(html.ysa-connected-preview) .fa-spin{animation:ysa-blank-spin 1s linear infinite}
@keyframes ysa-blank-spin{to{transform:rotate(360deg)}}
/* Third-party controls retain their actual class/state API, with new presentation. */
:where(html.ysa-connected-preview) :where(.ui-menu,.es-list,.tagify__dropdown){max-height:320px;overflow:auto;margin:0;padding:6px;border:1px solid var(--ysa-line);border-radius:12px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu);list-style:none;z-index:2400}
:where(html.ysa-connected-preview) :where(.ui-menu-item,.es-list li,.tagify__dropdown__item){display:block;margin:0;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px}
:where(html.ysa-connected-preview) :where(.ui-menu-item-wrapper.ui-state-active,.es-list li.selected,.es-list li:hover,.tagify__dropdown__item--active){background:var(--ysa-canvas);color:var(--ysa-ink)}
:where(html.ysa-connected-preview) :where(.ui-selectmenu-menu,.ui-autocomplete,.es-list){display:none;position:absolute}
:where(html.ysa-connected-preview) .ui-selectmenu-open{display:block}
:where(html.ysa-connected-preview) .ui-selectmenu-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:8px 12px;border:1px solid var(--ysa-line-strong);border-radius:10px;background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) :where(.ui-datepicker,.daterangepicker){display:none;position:absolute;width:310px;max-width:calc(100vw - 24px);padding:14px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu);z-index:2400}
:where(html.ysa-connected-preview) .ui-datepicker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px}
:where(html.ysa-connected-preview) .ui-datepicker-title{flex:1;text-align:center;font-size:13px;font-weight:600}
:where(html.ysa-connected-preview) :where(.ui-datepicker-prev,.ui-datepicker-next){display:grid;place-items:center;width:30px;height:30px;border-radius:8px;cursor:pointer}
:where(html.ysa-connected-preview) .ui-datepicker-calendar :is(td,th){padding:3px;border:0;text-align:center;background:transparent;font-size:12px}
:where(html.ysa-connected-preview) .ui-datepicker-calendar td a{display:grid;place-items:center;min-height:30px;border-radius:8px}
:where(html.ysa-connected-preview) :where(.ui-datepicker-current-day a,.ui-datepicker-calendar td a:hover){background:var(--ysa-ink);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .daterangepicker .drp-calendar{padding:4px;min-width:240px}
:where(html.ysa-connected-preview) .daterangepicker .calendar-table :is(td,th){padding:4px;border:0;text-align:center;font-size:12px;background:transparent}
:where(html.ysa-connected-preview) .daterangepicker .calendar-table td{border-radius:6px;cursor:pointer}
:where(html.ysa-connected-preview) .daterangepicker :is(td.active,td.start-date,td.end-date){background:var(--ysa-ink);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .daterangepicker td.in-range{background:var(--ysa-sage-soft)}
:where(html.ysa-connected-preview) .daterangepicker :is(td.off,td.disabled){color:var(--ysa-text-disabled)}
:where(html.ysa-connected-preview) .daterangepicker .ranges ul{list-style:none;padding:0;margin:0}
:where(html.ysa-connected-preview) .daterangepicker .ranges li{padding:8px;border-radius:8px;font-size:12px;cursor:pointer}
:where(html.ysa-connected-preview) .daterangepicker .ranges li.active{background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) .daterangepicker .drp-buttons{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--ysa-line)}
:where(html.ysa-connected-preview) .tagify{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:40px;padding:6px;border:1px solid var(--ysa-line-strong);border-radius:10px;background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) .tagify__input{min-width:100px;flex:1;outline:none;padding:4px;font-size:13px}
:where(html.ysa-connected-preview) .tagify__input:empty::before{content:attr(data-placeholder);color:var(--ysa-text-faint)}
:where(html.ysa-connected-preview) .tagify__tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--ysa-sage-soft);font-size:12px}
:where(html.ysa-connected-preview) .tagify__tag__removeBtn{width:18px;height:18px;min-height:0;padding:0;border:0;border-radius:50%;font-size:12px;background:transparent}
:where(html.ysa-connected-preview) :where(.richText,.CodeMirror){border:1px solid var(--ysa-line-strong);border-radius:12px;background:var(--ysa-sheet);overflow:hidden}
:where(html.ysa-connected-preview) :where(.richText-toolbar,.editor-toolbar){display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:7px;border-bottom:1px solid var(--ysa-line);background:var(--ysa-canvas-tint)}
:where(html.ysa-connected-preview) .richText-toolbar ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
:where(html.ysa-connected-preview) :where(.richText-toolbar a,.editor-toolbar a){display:grid;place-items:center;min-width:30px;height:30px;padding:5px;border-radius:6px;text-decoration:none}
:where(html.ysa-connected-preview) :where(.richText-toolbar a:hover,.editor-toolbar a:hover){background:var(--ysa-sage-soft)}
:where(html.ysa-connected-preview) .richText-editor{min-height:180px;padding:14px;outline:none;font-size:14px;line-height:1.6}
:where(html.ysa-connected-preview) .richText-dropdown-outer{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:10px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-popover);z-index:2400}
:where(html.ysa-connected-preview) .CodeMirror{position:relative;min-height:180px;padding:12px;font:13px/1.6 var(--ysa-font-mono)}
:where(html.ysa-connected-preview) .CodeMirror-scroll{overflow:auto;min-height:160px;outline:none}
:where(html.ysa-connected-preview) .CodeMirror-lines{padding:0}
:where(html.ysa-connected-preview) .CodeMirror pre{padding:0;border:0;border-radius:0;background:transparent;font:inherit;white-space:pre}
:where(html.ysa-connected-preview) .CodeMirror-cursor{border-left:1px solid var(--ysa-ink)}
:where(html.ysa-connected-preview) .CodeMirror-selected{background:var(--ysa-sage-soft)}
:where(html.ysa-connected-preview) :where(.editor-preview,.editor-preview-side){padding:20px;background:var(--ysa-sheet);font-size:14px;line-height:1.6}
:where(html.ysa-connected-preview) .editor-preview:not(.editor-preview-active),:where(html.ysa-connected-preview) .editor-preview-side:not(.editor-preview-active-side){display:none}
:where(html.ysa-connected-preview) :where(.CodeMirror-fullscreen,.editor-toolbar.fullscreen,.editor-preview-side){position:fixed;z-index:2600;left:16px;right:16px;background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) .editor-toolbar.fullscreen{top:16px}
:where(html.ysa-connected-preview) .CodeMirror-fullscreen{top:64px;bottom:16px}
:where(html.ysa-connected-preview) .font-select{display:inline-block;position:relative;max-width:100%;min-width:180px}
:where(html.ysa-connected-preview) .font-select>a{display:flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--ysa-line-strong);border-radius:10px;background:var(--ysa-sheet)}
:where(html.ysa-connected-preview) .font-select .fs-drop{position:absolute;left:0;right:0;max-height:280px;overflow:auto;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu);z-index:2400}
:where(html.ysa-connected-preview) .font-select .fs-results{margin:0;padding:6px;list-style:none}
:where(html.ysa-connected-preview) .font-select .fs-results li{padding:7px;border-radius:6px;cursor:pointer}
:where(html.ysa-connected-preview) .font-select .fs-results li:hover{background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) :where(.hljs,.highlight){display:block;padding:14px;border-radius:12px;background:var(--ysa-canvas-tint-2);font:12px/1.6 var(--ysa-font-mono);overflow:auto}
:where(html.ysa-connected-preview) :where(.hljs-string,.hljs-attr){color:var(--ysa-ok)}
:where(html.ysa-connected-preview) :where(.hljs-keyword,.hljs-title){color:var(--ysa-purple)}
:where(html.ysa-connected-preview) :where(.hljs-number,.hljs-literal){color:var(--ysa-brown)}
/* Editor geometry is an interaction contract, independent of its new visual frame. */
:where(html.ysa-connected-preview) .CodeMirror{padding:0}
:where(html.ysa-connected-preview) .CodeMirror-scroll{position:relative;height:100%;max-height:500px;overflow:auto;outline:none}
:where(html.ysa-connected-preview) .CodeMirror-sizer{position:relative;min-height:180px}
:where(html.ysa-connected-preview) .CodeMirror-lines{padding:12px;cursor:text}
:where(html.ysa-connected-preview) .CodeMirror-code{position:relative;z-index:2}
:where(html.ysa-connected-preview) .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}
:where(html.ysa-connected-preview) .CodeMirror-measure pre{position:static}
:where(html.ysa-connected-preview) .CodeMirror-gutters{position:absolute;top:0;left:0;bottom:0;z-index:3;border-right:1px solid var(--ysa-line);background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) .CodeMirror-gutter{display:inline-block;height:100%;vertical-align:top}
:where(html.ysa-connected-preview) .CodeMirror-gutter-wrapper{position:absolute;z-index:4}
:where(html.ysa-connected-preview) .CodeMirror-linenumber{padding:0 8px;color:var(--ysa-text-faint);font-size:10px;text-align:right}
:where(html.ysa-connected-preview) .CodeMirror-cursors{position:absolute;z-index:3;visibility:hidden}
:where(html.ysa-connected-preview) .CodeMirror-focused .CodeMirror-cursors{visibility:visible}
:where(html.ysa-connected-preview) .CodeMirror-cursor{position:absolute;width:0;border-left:1px solid var(--ysa-ink);pointer-events:none}
:where(html.ysa-connected-preview) .CodeMirror-selection-layer{position:absolute;z-index:1;pointer-events:none}
:where(html.ysa-connected-preview) .CodeMirror-selected{position:absolute;background:var(--ysa-sage-soft)}
:where(html.ysa-connected-preview) .CodeMirror-wrap pre{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}
:where(html.ysa-connected-preview) :where(.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler){position:absolute;display:none}
:where(html.ysa-connected-preview) .CodeMirror-vscrollbar{right:0;top:0;overflow-y:scroll}
:where(html.ysa-connected-preview) .CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll}
:where(html.ysa-connected-preview) .cm-header{font-size:1.1em;font-weight:600}
:where(html.ysa-connected-preview) .cm-strong{font-weight:600}
:where(html.ysa-connected-preview) .cm-em{font-style:italic}
:where(html.ysa-connected-preview) .cm-link{color:var(--ysa-ok)}
:where(html.ysa-connected-preview) .cm-url{color:var(--ysa-text-muted)}
:where(html.ysa-connected-preview) .editor-statusbar{display:flex;justify-content:flex-end;gap:12px;padding:8px 12px;color:var(--ysa-text-muted);font-size:10px}
:where(html.ysa-connected-preview) .tagify+input,:where(html.ysa-connected-preview) .tagify+textarea{display:none}
:where(html.ysa-connected-preview) .tagify__tag>div{display:flex;align-items:center}
:where(html.ysa-connected-preview) .tagify__tag__removeBtn::after{content:'×';font-size:16px;line-height:1}
:where(html.ysa-connected-preview) .richText-toolbar>ul>li{position:relative}
:where(html.ysa-connected-preview) .richText .richText-help{display:none}
:where(html.ysa-connected-preview) .richText-toolbar [data-disable=true]{opacity:.35;pointer-events:none}
:where(html.ysa-connected-preview) .richText{overflow:visible}
:where(html.ysa-connected-preview) .richText-toolbar li.is-selected>.richText-btn>.richText-dropdown-outer{display:block}
:where(html.ysa-connected-preview) .richText-dropdown{display:flex;flex-direction:column;gap:3px;min-width:170px}
:where(html.ysa-connected-preview) .richText-dropdown li>a{display:flex;justify-content:flex-start;min-height:32px;padding:7px 10px;font-size:12px}
:where(html.ysa-connected-preview) .richText-dropdown :is(h1,h2,h3,h4,h5,h6){font-size:14px;line-height:1.4}
:where(html.ysa-connected-preview) .richText-dropdown-close{display:block;text-align:right;font-size:12px;cursor:pointer}
:where(html.ysa-connected-preview) .CodeMirror textarea{width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;border-radius:0;opacity:0;resize:none;background:transparent}
:where(html.ysa-connected-preview) :is(.richText-toolbar,.editor-toolbar) :is(.fa-bold,.fa-italic,.fa-underline,.fa-header,.fa-heading,.fa-font,.fa-text-height):not([data-ysa-preview-icon])::before{font-family:var(--ysa-font-sans);font-size:14px;line-height:1}
:where(html.ysa-connected-preview) :is(.richText-toolbar,.editor-toolbar) .fa-bold:not([data-ysa-preview-icon])::before{content:'B';font-weight:700}
:where(html.ysa-connected-preview) :is(.richText-toolbar,.editor-toolbar) .fa-italic:not([data-ysa-preview-icon])::before{content:'I';font-family:var(--ysa-font-serif);font-style:italic}
:where(html.ysa-connected-preview) .richText-toolbar .fa-underline:not([data-ysa-preview-icon])::before{content:'U';text-decoration:underline}
:where(html.ysa-connected-preview) :is(.richText-toolbar,.editor-toolbar) :is(.fa-header,.fa-heading):not([data-ysa-preview-icon])::before{content:'H';font-weight:600}
:where(html.ysa-connected-preview) .richText-toolbar .fa-font:not([data-ysa-preview-icon])::before{content:'A'}
:where(html.ysa-connected-preview) .richText-toolbar .fa-text-height:not([data-ysa-preview-icon])::before{content:'T↕';font-size:11px}
:where(html.ysa-connected-preview) .richText-toolbar :is(.fa-align-left,.fa-align-center,.fa-align-right,.fa-align-justify):not([data-ysa-preview-icon])::before{font-family:var(--ysa-font-sans);font-size:11px;font-weight:500}
:where(html.ysa-connected-preview) .richText-toolbar .fa-align-left:not([data-ysa-preview-icon])::before{content:'L'}
:where(html.ysa-connected-preview) .richText-toolbar .fa-align-center:not([data-ysa-preview-icon])::before{content:'C'}
:where(html.ysa-connected-preview) .richText-toolbar .fa-align-right:not([data-ysa-preview-icon])::before{content:'R'}
:where(html.ysa-connected-preview) .richText-toolbar .fa-align-justify:not([data-ysa-preview-icon])::before{content:'J'}
/* Existing native toggle controls: keep the checkbox keyboard target. */
:where(html.ysa-connected-preview) input.toggle{position:absolute;width:34px;height:20px;min-height:0;margin:0;opacity:0;cursor:pointer}
:where(html.ysa-connected-preview) label.toggle{position:relative;display:inline-block;vertical-align:middle;width:34px;height:20px;margin:0;border-radius:999px;background:var(--ysa-text-disabled);font-size:0;cursor:pointer;pointer-events:none}
:where(html.ysa-connected-preview) label.toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ysa-sheet);transition:transform .15s ease}
:where(html.ysa-connected-preview) input.toggle:checked+label.toggle{background:var(--ysa-ink)}
:where(html.ysa-connected-preview) input.toggle:checked+label.toggle::after{transform:translateX(14px)}
:where(html.ysa-connected-preview) input.toggle:focus-visible+label.toggle{outline:2px solid var(--ysa-sage);outline-offset:3px}
@media(max-width:720px){:where(html.ysa-connected-preview) :where(button,.button,.btn,input[type=submit]){min-height:40px}:where(html.ysa-connected-preview) :where(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],input[type=tel],select,textarea){font-size:16px}:where(html.ysa-connected-preview) :where(td,th){padding:12px}:where(html.ysa-connected-preview) h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){:where(html.ysa-connected-preview) *,:where(html.ysa-connected-preview) *::before,:where(html.ysa-connected-preview) *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}

/* Requested preview focus style: retain borders and keyboard cues without rings.
   Customer-configured previews keep their own focus styling. */
html.ysa-connected-preview :is(:focus,:focus-within,input:focus-visible+label,input:focus-visible+span,.ysa-user-identity:has(.ysa-user-avatar-input:focus-visible) .ysa-user-avatar-button):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){outline:0!important;outline-offset:0!important}
html.ysa-connected-preview :is(input,textarea,select,button,[contenteditable=true]):focus:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){box-shadow:none!important}
html.ysa-connected-preview :is(.ysa-home-connected-prompt,.ysa-training-search,.ysa-content-search,.ysa-datasets-search-control,.ysa-contacts-search,.ysa-automations-search,.ysa-connectors-calm-search):focus-within:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){box-shadow:none!important}
html.ysa-connected-preview :is(a,button,summary,[role=button],[role=tab],[tabindex]):focus-visible:not(:where(input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only],[data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){background-image:linear-gradient(rgba(165,196,195,.16),rgba(165,196,195,.16))!important;text-decoration:underline!important;text-decoration-thickness:1.5px;text-underline-offset:3px}
html.ysa-connected-preview :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable=true]):focus-visible:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){background-color:color-mix(in srgb,var(--ysa-sage) 14%,var(--ysa-sheet))!important}
html.ysa-connected-preview input:focus-visible+:is(label,span):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){background-image:linear-gradient(rgba(165,196,195,.16),rgba(165,196,195,.16))!important;text-decoration:underline!important;text-underline-offset:3px}
/* The existing once-only welcome message is a compact, nonblocking toast. */
html.ysa-connected-preview #loggedin_welcome:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){position:fixed!important;z-index:6000!important;top:max(16px,calc(env(safe-area-inset-top,0px) + 12px))!important;right:auto!important;bottom:auto!important;left:50%!important;width:max-content!important;max-width:min(560px,calc(100vw - 32px));margin:0!important;padding:12px 18px!important;transform:translateX(-50%)!important;border:1px solid rgba(255,255,255,.16);border-radius:14px!important;background:var(--ysa-ink)!important;color:var(--ysa-on-ink)!important;box-shadow:var(--ysa-shadow-menu)!important;font:400 13px/1.5 var(--ysa-font-sans)!important;text-align:center!important;overflow-wrap:anywhere;pointer-events:none!important;animation:ysa-preview-welcome 4.8s linear both!important}
html.ysa-connected-preview #loggedin_welcome:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe))>i{color:var(--ysa-sage)!important}
@keyframes ysa-preview-welcome{0%{opacity:0;visibility:visible}4%,96%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes ysa-preview-welcome-still{0%,99%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){html.ysa-connected-preview #loggedin_welcome:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,iframe)){animation-name:ysa-preview-welcome-still!important;animation-timing-function:steps(1,end)!important}}

/* Native richText interactions shared by channel, Flow and Experiment editors.
   Original plugin selection controls visibility; configured customer islands are excluded. */
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *){position:relative;width:100%;min-width:0;max-width:100%}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-editor{overflow-wrap:anywhere}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-editor img{max-width:100%;height:auto}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-toolbar .richText-btn :is(.fa,.far,.fas,svg,[data-ysa-preview-icon]){pointer-events:none}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown-outer{position:fixed;inset:0;min-width:0;padding:24px;background:var(--ysa-on-ink-overlay);cursor:default;overflow:auto;text-align:left}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown{position:relative;display:block;width:min(400px,100%);max-width:100%;margin:48px auto 0;padding:20px;border:1px solid var(--ysa-line);border-radius:var(--ysa-radius-card,20px);background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-popover);font-weight:400;white-space:normal}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid var(--ysa-line);border-radius:8px;background:var(--ysa-canvas);cursor:pointer}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item+.richText-form-item{margin-top:16px}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item label{display:block;margin:0 40px 8px 0;font-size:13px;font-weight:600}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item :is(input,select){width:100%;min-width:0;max-width:100%}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item button{min-height:40px;margin:0}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-toolbar li[data-disable=true]{opacity:.35}
@media(max-width:600px){
 html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown-outer{padding:16px}
 html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown{margin-top:24px;padding:16px}
}

html.ysa-connected-preview #framework_main:has(.richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-toolbar li.is-selected .richText-dropdown-outer){z-index:var(--ysa-popup-z,3000)}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown-close>span{display:grid;place-items:center;width:100%;height:100%}

html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item button{border-color:var(--ysa-ink);background:var(--ysa-ink);color:var(--ysa-on-ink)}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item button:hover{background:var(--ysa-action-hover)}
html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-toolbar .richText-btn>[data-ysa-preview-icon]>svg{display:block;width:16px;height:16px}
@media(max-width:600px){html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item button{min-height:44px}}

/* Native Tagify uses its own measured left/top; absolute positioning is structural. */
html.ysa-connected-preview .tagify__dropdown:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *){position:absolute}

@media(max-width:600px){
 html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-dropdown-close{top:8px;right:8px;width:44px;height:44px}
 html.ysa-connected-preview .richText:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card) *) .richText-form-item:first-child>label{min-height:40px;margin-right:52px}
}

/* Only mounted content targets are staged; layout, print and reduced motion stay readable. */
@media screen and (prefers-reduced-motion:no-preference){html.ysa-connected-preview #framework_main [data-ysa-reveal-pending]{opacity:0}}