.KsHTMLView{--bg-color-light:#fff;--bg-color-dark:#202020;--font-color-light:#202020;--font-color-dark:#fff;--border-color-light:rgba(32,32,32,.08);--border-color-dark:hsla(0,0%,100%,.08);--hover-bg-color-light:rgba(32,32,32,.04);--hover-bg-color-dark:hsla(0,0%,100%,.04);position:absolute;top:0;left:0;right:0;width:100vw;height:calc(100vh - 40px);display:flex;flex-direction:column;outline:none}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView{color:var(--font-color-dark)}}:where(html.is-dark) .KsHTMLView{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView{color:var(--font-color-light)}}:where(html.is-light) .KsHTMLView{color:var(--font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView{background:var(--bg-color-dark)}}:where(html.is-dark) .KsHTMLView{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView{background:var(--bg-color-light)}}:where(html.is-light) .KsHTMLView{background:var(--bg-color-light)}.project-chat~[role=presentation] .KsHTMLView{height:100vh}.KsHTMLView__header{display:flex;padding:12px 24px;justify-content:space-between;align-items:center;align-self:stretch;flex-shrink:0}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header{border-bottom:1px solid var(--border-color-dark)}}:where(html.is-dark) .KsHTMLView__header{border-bottom:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header{border-bottom:1px solid var(--border-color-light)}}:where(html.is-light) .KsHTMLView__header{border-bottom:1px solid var(--border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header{border-top:1px solid var(--border-color-dark)}}:where(html.is-dark) .KsHTMLView__header{border-top:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header{border-top:1px solid var(--border-color-light)}}:where(html.is-light) .KsHTMLView__header{border-top:1px solid var(--border-color-light)}.KsHTMLView__header-title{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:500;line-height:150%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header-title{color:var(--font-color-dark)}}:where(html.is-dark) .KsHTMLView__header-title{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header-title{color:var(--font-color-light)}}:where(html.is-light) .KsHTMLView__header-title{color:var(--font-color-light)}.KsHTMLView__header-close{display:flex;width:32px;height:32px;justify-content:center;align-items:center;gap:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header-close{color:var(--font-color-dark)}}:where(html.is-dark) .KsHTMLView__header-close{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header-close{color:var(--font-color-light)}}:where(html.is-light) .KsHTMLView__header-close{color:var(--font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header-close{background:var(--bg-color-dark)}}:where(html.is-dark) .KsHTMLView__header-close{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header-close{background:var(--bg-color-light)}}:where(html.is-light) .KsHTMLView__header-close{background:var(--bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header-close{border:1px solid var(--border-color-dark)}}:where(html.is-dark) .KsHTMLView__header-close{border:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header-close{border:1px solid var(--border-color-light)}}:where(html.is-light) .KsHTMLView__header-close{border:1px solid var(--border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__header-close:hover{background:var(--hover-bg-color-dark)}}:where(html.is-dark) .KsHTMLView__header-close:hover{background:var(--hover-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__header-close:hover{background:var(--hover-bg-color-light)}}:where(html.is-light) .KsHTMLView__header-close:hover{background:var(--hover-bg-color-light)}.KsHTMLView__content{position:relative;flex:1;padding:16px 24px;overflow:hidden;transition:all .3s ease}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__content{color:var(--font-color-dark)}}:where(html.is-dark) .KsHTMLView__content{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__content{color:var(--font-color-light)}}:where(html.is-light) .KsHTMLView__content{color:var(--font-color-light)}.KsHTMLView__content--loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.KsHTMLView__undo-stack-size{--font-color-light:rgba(32,32,32,.3);--font-color-dark:hsla(0,0%,100%,.3);overflow:hidden;text-overflow:ellipsis;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:150%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__undo-stack-size{color:var(--font-color-dark)}}:where(html.is-dark) .KsHTMLView__undo-stack-size{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__undo-stack-size{color:var(--font-color-light)}}:where(html.is-light) .KsHTMLView__undo-stack-size{color:var(--font-color-light)}.KsHTMLView__modal{position:absolute;top:0;height:0;width:100%;height:100%;opacity:.02}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__modal{background-color:var(--bg-color-dark)}}:where(html.is-dark) .KsHTMLView__modal{background-color:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__modal{background-color:var(--bg-color-light)}}:where(html.is-light) .KsHTMLView__modal{background-color:var(--bg-color-light)}.html-editor-wrapper{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:8px;overflow:hidden}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-wrapper{box-shadow:0 2px 10px hsla(0,0%,100%,.1)}}.html:where(.is-dark)-editor-wrapper{box-shadow:0 2px 10px hsla(0,0%,100%,.1)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-wrapper{box-shadow:0 2px 10px rgba(0,0,0,.1)}}.html:where(.is-light)-editor-wrapper{box-shadow:0 2px 10px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-wrapper{background:var(--bg-color-dark)}}.html:where(.is-dark)-editor-wrapper{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-wrapper{background:var(--bg-color-light)}}.html:where(.is-light)-editor-wrapper{background:var(--bg-color-light)}.html-editor-toolbar{display:flex;align-items:center;gap:12px;margin-right:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.toolbar-group{gap:6px}.toolbar-button,.toolbar-group{display:flex;align-items:center}.toolbar-button{gap:8px;padding:8px;cursor:pointer;transition:all .15s ease;border-radius:8px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button{background:var(--bg-color-dark)}}:where(html.is-dark) .toolbar-button{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button{background:var(--bg-color-light)}}:where(html.is-light) .toolbar-button{background:var(--bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button{border:1px solid var(--border-color-dark)}}:where(html.is-dark) .toolbar-button{border:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button{border:1px solid var(--border-color-light)}}:where(html.is-light) .toolbar-button{border:1px solid var(--border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button{color:var(--font-color-dark)}}:where(html.is-dark) .toolbar-button{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button{color:var(--font-color-light)}}:where(html.is-light) .toolbar-button{color:var(--font-color-light)}.toolbar-button.redo-button:hover,.toolbar-button.undo-button:hover,.toolbar-button:hover{--hover-light-bg-color:rgba(248,249,250,.08);--hover-dark-bg-color:hsla(0,0%,100%,.04);--hover-light-border-color:rgba(32,32,32,.08);--hover-dark-border-color:hsla(0,0%,100%,.08);--hover-light-font-color:rgba(32,32,32,.6);--hover-dark-font-color:hsla(0,0%,100%,.6)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button.redo-button:hover,:where(html:not(.is-light)) .toolbar-button.undo-button:hover,:where(html:not(.is-light)) .toolbar-button:hover{color:var(--hover-dark-font-color)}}:where(html.is-dark) .toolbar-button.redo-button:hover,:where(html.is-dark) .toolbar-button.undo-button:hover,:where(html.is-dark) .toolbar-button:hover{color:var(--hover-dark-font-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button.redo-button:hover,:where(html:not(.is-dark)) .toolbar-button.undo-button:hover,:where(html:not(.is-dark)) .toolbar-button:hover{color:var(--hover-light-font-color)}}:where(html.is-light) .toolbar-button.redo-button:hover,:where(html.is-light) .toolbar-button.undo-button:hover,:where(html.is-light) .toolbar-button:hover{color:var(--hover-light-font-color)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button.redo-button:hover,:where(html:not(.is-light)) .toolbar-button.undo-button:hover,:where(html:not(.is-light)) .toolbar-button:hover{border-color:var(--hover-dark-border-color)}}:where(html.is-dark) .toolbar-button.redo-button:hover,:where(html.is-dark) .toolbar-button.undo-button:hover,:where(html.is-dark) .toolbar-button:hover{border-color:var(--hover-dark-border-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button.redo-button:hover,:where(html:not(.is-dark)) .toolbar-button.undo-button:hover,:where(html:not(.is-dark)) .toolbar-button:hover{border-color:var(--hover-light-border-color)}}:where(html.is-light) .toolbar-button.redo-button:hover,:where(html.is-light) .toolbar-button.undo-button:hover,:where(html.is-light) .toolbar-button:hover{border-color:var(--hover-light-border-color)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button.redo-button:hover,:where(html:not(.is-light)) .toolbar-button.undo-button:hover,:where(html:not(.is-light)) .toolbar-button:hover{background:var(--hover-dark-bg-color)}}:where(html.is-dark) .toolbar-button.redo-button:hover,:where(html.is-dark) .toolbar-button.undo-button:hover,:where(html.is-dark) .toolbar-button:hover{background:var(--hover-dark-bg-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button.redo-button:hover,:where(html:not(.is-dark)) .toolbar-button.undo-button:hover,:where(html:not(.is-dark)) .toolbar-button:hover{background:var(--hover-light-bg-color)}}:where(html.is-light) .toolbar-button.redo-button:hover,:where(html.is-light) .toolbar-button.undo-button:hover,:where(html.is-light) .toolbar-button:hover{background:var(--hover-light-bg-color)}.toolbar-button:disabled{--light-bg-color:rgba(248,249,250,.08);--dark-bg-color:#303030;opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button:disabled{background:var(--dark-bg-color)}}:where(html.is-dark) .toolbar-button:disabled{background:var(--dark-bg-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button:disabled{background:var(--light-bg-color)}}:where(html.is-light) .toolbar-button:disabled{background:var(--light-bg-color)}.toolbar-button:disabled:hover{--light-bg-color:rgba(248,249,250,.08);--dark-bg-color:rgba(48,48,48,.6);--light-border-color:rgba(32,32,32,.08);--dark-border-color:hsla(0,0%,100%,.08)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button:disabled:hover{border-color:var(--dark-border-color)}}:where(html.is-dark) .toolbar-button:disabled:hover{border-color:var(--dark-border-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button:disabled:hover{border-color:var(--light-border-color)}}:where(html.is-light) .toolbar-button:disabled:hover{border-color:var(--light-border-color)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button:disabled:hover{background:var(--dark-bg-color)}}:where(html.is-dark) .toolbar-button:disabled:hover{background:var(--dark-bg-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button:disabled:hover{background:var(--light-bg-color)}}:where(html.is-light) .toolbar-button:disabled:hover{background:var(--light-bg-color)}.toolbar-button.redo-button,.toolbar-button.undo-button{--light-bg-color:#fff;--dark-bg-color:#202020}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-button.redo-button,:where(html:not(.is-light)) .toolbar-button.undo-button{background:var(--dark-bg-color)}}:where(html.is-dark) .toolbar-button.redo-button,:where(html.is-dark) .toolbar-button.undo-button{background:var(--dark-bg-color)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-button.redo-button,:where(html:not(.is-dark)) .toolbar-button.undo-button{background:var(--light-bg-color)}}:where(html.is-light) .toolbar-button.redo-button,:where(html.is-light) .toolbar-button.undo-button{background:var(--light-bg-color)}.toolbar-button.redo-button svg,.toolbar-button.undo-button svg{width:20px;height:20px}.toolbar-status{display:flex;align-items:center;gap:8px;font-size:11px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-status{color:hsla(0,0%,100%,.5)}}:where(html.is-dark) .toolbar-status{color:hsla(0,0%,100%,.5)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-status{color:rgba(32,32,32,.5)}}:where(html.is-light) .toolbar-status{color:rgba(32,32,32,.5)}.status-indicator{display:flex;align-items:center;font-weight:500}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .status-indicator.ready{color:#4ade80}}:where(html.is-dark) .status-indicator.ready{color:#4ade80}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .status-indicator.ready{color:#28a745}}:where(html.is-light) .status-indicator.ready{color:#28a745}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .status-indicator.loading{color:#facc15}}:where(html.is-dark) .status-indicator.loading{color:#facc15}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .status-indicator.loading{color:#ffc107}}:where(html.is-light) .status-indicator.loading{color:#ffc107}.selection-info,.toolbar-info,.transaction-info{padding:2px 6px;border-radius:2px;font-size:10px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .selection-info,:where(html:not(.is-light)) .toolbar-info,:where(html:not(.is-light)) .transaction-info{background:#374151}}:where(html.is-dark) .selection-info,:where(html.is-dark) .toolbar-info,:where(html.is-dark) .transaction-info{background:#374151}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .selection-info,:where(html:not(.is-dark)) .toolbar-info,:where(html:not(.is-dark)) .transaction-info{background:#e9ecef}}:where(html.is-light) .selection-info,:where(html.is-light) .toolbar-info,:where(html.is-light) .transaction-info{background:#e9ecef}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-info{color:#10b981}}:where(html.is-dark) .toolbar-info{color:#10b981}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-info{color:#155724}}:where(html.is-light) .toolbar-info{color:#155724}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .toolbar-info{background:#065f46}}:where(html.is-dark) .toolbar-info{background:#065f46}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .toolbar-info{background:#d4edda}}:where(html.is-light) .toolbar-info{background:#d4edda}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .transaction-info{color:#fbbf24}}:where(html.is-dark) .transaction-info{color:#fbbf24}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .transaction-info{color:#856404}}:where(html.is-light) .transaction-info{color:#856404}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .transaction-info{background:#92400e}}:where(html.is-dark) .transaction-info{background:#92400e}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .transaction-info{background:#fff3cd}}:where(html.is-light) .transaction-info{background:#fff3cd}.html-editor-debug{position:absolute;bottom:10px;right:10px;max-width:300px;font-size:10px;z-index:1000}.html-editor-debug details{padding:8px;border-radius:4px}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-debug details{color:#f9fafb}}.html:where(.is-dark)-editor-debug details{color:#f9fafb}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-debug details{color:#fff}}.html:where(.is-light)-editor-debug details{color:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-debug details{background:rgba(0,0,0,.9)}}.html:where(.is-dark)-editor-debug details{background:rgba(0,0,0,.9)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-debug details{background:rgba(0,0,0,.8)}}.html:where(.is-light)-editor-debug details{background:rgba(0,0,0,.8)}.html-editor-debug summary{cursor:pointer;font-weight:700;margin-bottom:4px}.html-editor-debug pre{margin:0;font-size:9px;overflow:auto;max-height:200px}.save-exit-button{--light-bg-color:#202020;--dark-bg-color:#fff;--light-font-color:#fff;--dark-font-color:#202020;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:none!important;border-radius:8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:12px;line-height:1.5;cursor:pointer;transition:all .15s ease;height:auto}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .save-exit-button{color:var(--dark-font-color)!important}}:where(html.is-dark) .save-exit-button{color:var(--dark-font-color)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .save-exit-button{color:var(--light-font-color)!important}}:where(html.is-light) .save-exit-button{color:var(--light-font-color)!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .save-exit-button{background:var(--dark-bg-color)!important}}:where(html.is-dark) .save-exit-button{background:var(--dark-bg-color)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .save-exit-button{background:var(--light-bg-color)!important}}:where(html.is-light) .save-exit-button{background:var(--light-bg-color)!important}.save-exit-button:hover{--light-bg-color:#202020;--dark-bg-color:#ffffffee;border:none!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .save-exit-button:hover{background:var(--dark-bg-color)!important}}:where(html.is-dark) .save-exit-button:hover{background:var(--dark-bg-color)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .save-exit-button:hover{background:var(--light-bg-color)!important}}:where(html.is-light) .save-exit-button:hover{background:var(--light-bg-color)!important}.save-exit-button:disabled{--light-color:#202020;--dark-color:#fff;opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .save-exit-button:disabled{background:var(--dark-color)!important}}:where(html.is-dark) .save-exit-button:disabled{background:var(--dark-color)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .save-exit-button:disabled{background:var(--light-color)!important}}:where(html.is-light) .save-exit-button:disabled{background:var(--light-color)!important}.save-exit-button:disabled:hover{--light-color:#202020;--dark-color:#fff}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .save-exit-button:disabled:hover{background:var(--dark-color)!important}}:where(html.is-dark) .save-exit-button:disabled:hover{background:var(--dark-color)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .save-exit-button:disabled:hover{background:var(--light-color)!important}}:where(html.is-light) .save-exit-button:disabled:hover{background:var(--light-color)!important}.save-exit-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;flex-shrink:0}.save-exit-text{flex-shrink:0;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.5}@media (max-width:768px){.html-editor-toolbar{flex-direction:column;gap:6px;align-items:flex-start}.toolbar-group{gap:4px}.toolbar-button{padding:3px 6px;font-size:10px;height:24px}.save-exit-button{padding:6px 8px;font-size:11px;gap:3px}.save-exit-icon{width:14px;height:14px}.save-exit-text{font-size:11px}.toolbar-status{gap:4px;font-size:10px}}.KsHTMLView__header-right{display:flex;align-items:center;gap:8px}.image-toolbar,.text-toolbar,.universal-toolbar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-toolbar button,.image-toolbar input,.image-toolbar select,.text-toolbar button,.text-toolbar input,.text-toolbar select,.universal-toolbar button,.universal-toolbar input,.universal-toolbar select{font-family:inherit;font-size:inherit}.image-toolbar button:hover,.text-toolbar button:hover,.universal-toolbar button:hover{opacity:.8}.image-toolbar input:focus,.image-toolbar select:focus,.text-toolbar input:focus,.text-toolbar select:focus,.universal-toolbar input:focus,.universal-toolbar select:focus{outline-offset:-1px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .image-toolbar input:focus,:where(html:not(.is-light)) .image-toolbar select:focus,:where(html:not(.is-light)) .text-toolbar input:focus,:where(html:not(.is-light)) .text-toolbar select:focus,:where(html:not(.is-light)) .universal-toolbar input:focus,:where(html:not(.is-light)) .universal-toolbar select:focus{outline:2px solid #3b82f6}}:where(html.is-dark) .image-toolbar input:focus,:where(html.is-dark) .image-toolbar select:focus,:where(html.is-dark) .text-toolbar input:focus,:where(html.is-dark) .text-toolbar select:focus,:where(html.is-dark) .universal-toolbar input:focus,:where(html.is-dark) .universal-toolbar select:focus{outline:2px solid #3b82f6}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .image-toolbar input:focus,:where(html:not(.is-dark)) .image-toolbar select:focus,:where(html:not(.is-dark)) .text-toolbar input:focus,:where(html:not(.is-dark)) .text-toolbar select:focus,:where(html:not(.is-dark)) .universal-toolbar input:focus,:where(html:not(.is-dark)) .universal-toolbar select:focus{outline:2px solid #007bff}}:where(html.is-light) .image-toolbar input:focus,:where(html.is-light) .image-toolbar select:focus,:where(html.is-light) .text-toolbar input:focus,:where(html.is-light) .text-toolbar select:focus,:where(html.is-light) .universal-toolbar input:focus,:where(html.is-light) .universal-toolbar select:focus{outline:2px solid #007bff}.html-editor-container{flex:1}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-container{background:var(--bg-color-dark)}}.html:where(.is-dark)-editor-container{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-container{background:var(--bg-color-light)}}.html:where(.is-light)-editor-container{background:var(--bg-color-light)}.html-editor-container iframe{width:100%;height:100%;border:none;display:block}@media (max-width:480px){.html-editor-container{height:400px!important}.toolbar-button{min-width:44px;justify-content:center}.toolbar-status{flex-direction:column;gap:4px}.selection-info,.toolbar-info,.transaction-info{font-size:10px}}@media (prefers-color-scheme:dark){@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-wrapper{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{color:#202020}}.html:where(.is-light):where(:not(.is-light))-editor-wrapper{color:#202020}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-wrapper{background:#1a1a1a}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{background:#fff}}.html:where(.is-light):where(:not(.is-light))-editor-wrapper{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-toolbar{border-bottom-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{border-bottom-color:var(--border-color-light)}}.html:where(.is-light):where(:not(.is-light))-editor-toolbar{border-bottom-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-toolbar{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{background:#fff}}.html:where(.is-light):where(:not(.is-light))-editor-toolbar{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-debug{border-top-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{border-top-color:var(--border-color-light)}}.html:where(.is-light):where(:not(.is-light))-editor-debug{border-top-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-debug{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{background:#fff}}.html:where(.is-light):where(:not(.is-light))-editor-debug{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{color:#202020}}.html:where(.is-light):where(:not(.is-light))-editor-debug pre{color:#202020}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{border-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{border-color:var(--border-color-light)}}.html:where(.is-light):where(:not(.is-light))-editor-debug pre{border-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{background:#1a202c}}@media (prefers-color-scheme:light){.html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{background:#f8f9fa}}.html:where(.is-light):where(:not(.is-light))-editor-debug pre{background:#f8f9fa}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .selection-info{color:#c6f6d5}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .selection-info{color:#155724}}:where(html:where(.is-light):not(.is-light)) .selection-info{color:#155724}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .selection-info{background:#2f855a}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .selection-info{background:#d4edda}}:where(html:where(.is-light):not(.is-light)) .selection-info{background:#d4edda}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .toolbar-info{color:#bee3f8}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .toolbar-info{color:#155724}}:where(html:where(.is-light):not(.is-light)) .toolbar-info{color:#155724}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .toolbar-info{background:#2c5282}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .toolbar-info{background:#d4edda}}:where(html:where(.is-light):not(.is-light)) .toolbar-info{background:#d4edda}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .transaction-info{color:#faf089}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .transaction-info{color:#856404}}:where(html:where(.is-light):not(.is-light)) .transaction-info{color:#856404}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)):where(:not(.is-light)):not(.is-light)) .transaction-info{background:#d69e2e}}@media (prefers-color-scheme:light){:where(html:where(:not(.is-light)):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .transaction-info{background:#fff3cd}}:where(html:where(.is-light):not(.is-light)) .transaction-info{background:#fff3cd}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-wrapper{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{color:#202020}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-wrapper{background:#1a1a1a}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-toolbar{border-bottom-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{border-bottom-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-toolbar{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-debug{border-top-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{border-top-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-debug{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{color:#202020}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{border-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{border-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-light))-editor-debug pre{background:#1a202c}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{background:#f8f9fa}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .selection-info{color:#c6f6d5}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .selection-info{color:#155724}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .selection-info{background:#2f855a}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .selection-info{background:#d4edda}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .toolbar-info{color:#bee3f8}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .toolbar-info{color:#155724}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .toolbar-info{background:#2c5282}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .toolbar-info{background:#d4edda}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .transaction-info{color:#faf089}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .transaction-info{color:#856404}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):where(:not(.is-light)):not(.is-light)) .transaction-info{background:#d69e2e}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-light)):where(:not(.is-dark)):not(.is-light)) .transaction-info{background:#fff3cd}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-wrapper{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{color:#202020}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-wrapper{background:#1a1a1a}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-wrapper{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-toolbar{border-bottom-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{border-bottom-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-toolbar{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-toolbar{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-debug{border-top-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{border-top-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-debug{background:#2d3748}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-debug{background:#fff}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-debug pre{color:#e9ecef}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{color:#202020}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-debug pre{border-color:#4a5568}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{border-color:var(--border-color-light)}}@media (prefers-color-scheme:dark){.html:where(.is-dark):where(:not(.is-light))-editor-debug pre{background:#1a202c}}@media (prefers-color-scheme:light){.html:where(.is-dark):where(:not(.is-dark)):where(:not(.is-light))-editor-debug pre{background:#f8f9fa}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .selection-info{color:#c6f6d5}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .selection-info{color:#155724}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .selection-info{background:#2f855a}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .selection-info{background:#d4edda}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .toolbar-info{color:#bee3f8}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .toolbar-info{color:#155724}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .toolbar-info{background:#2c5282}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .toolbar-info{background:#d4edda}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .transaction-info{color:#faf089}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .transaction-info{color:#856404}}@media (prefers-color-scheme:dark){:where(html:where(.is-dark):not(.is-light)) .transaction-info{background:#d69e2e}}@media (prefers-color-scheme:light){:where(html:where(.is-dark):where(:not(.is-dark)):not(.is-light)) .transaction-info{background:#fff3cd}}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-wrapper{color:#e9ecef}}.html:where(.is-dark):where(.is-dark)-editor-wrapper{color:#e9ecef}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-wrapper{color:#202020}}.html:where(.is-light):where(.is-dark)-editor-wrapper{color:#202020}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-wrapper{background:#1a1a1a}}.html:where(.is-dark):where(.is-dark)-editor-wrapper{background:#1a1a1a}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-wrapper{background:#fff}}.html:where(.is-light):where(.is-dark)-editor-wrapper{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-toolbar{border-bottom-color:#4a5568}}.html:where(.is-dark):where(.is-dark)-editor-toolbar{border-bottom-color:#4a5568}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-toolbar{border-bottom-color:var(--border-color-light)}}.html:where(.is-light):where(.is-dark)-editor-toolbar{border-bottom-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-toolbar{background:#2d3748}}.html:where(.is-dark):where(.is-dark)-editor-toolbar{background:#2d3748}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-toolbar{background:#fff}}.html:where(.is-light):where(.is-dark)-editor-toolbar{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-debug{border-top-color:#4a5568}}.html:where(.is-dark):where(.is-dark)-editor-debug{border-top-color:#4a5568}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-debug{border-top-color:var(--border-color-light)}}.html:where(.is-light):where(.is-dark)-editor-debug{border-top-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-debug{background:#2d3748}}.html:where(.is-dark):where(.is-dark)-editor-debug{background:#2d3748}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-debug{background:#fff}}.html:where(.is-light):where(.is-dark)-editor-debug{background:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-debug pre{color:#e9ecef}}.html:where(.is-dark):where(.is-dark)-editor-debug pre{color:#e9ecef}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-debug pre{color:#202020}}.html:where(.is-light):where(.is-dark)-editor-debug pre{color:#202020}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-debug pre{border-color:#4a5568}}.html:where(.is-dark):where(.is-dark)-editor-debug pre{border-color:#4a5568}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-debug pre{border-color:var(--border-color-light)}}.html:where(.is-light):where(.is-dark)-editor-debug pre{border-color:var(--border-color-light)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light)):where(.is-dark)-editor-debug pre{background:#1a202c}}.html:where(.is-dark):where(.is-dark)-editor-debug pre{background:#1a202c}@media (prefers-color-scheme:light){.html:where(:not(.is-dark)):where(.is-dark)-editor-debug pre{background:#f8f9fa}}.html:where(.is-light):where(.is-dark)-editor-debug pre{background:#f8f9fa}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .selection-info{color:#c6f6d5}}:where(html:where(.is-dark).is-dark) .selection-info{color:#c6f6d5}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .selection-info{color:#155724}}:where(html:where(.is-light).is-dark) .selection-info{color:#155724}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .selection-info{background:#2f855a}}:where(html:where(.is-dark).is-dark) .selection-info{background:#2f855a}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .selection-info{background:#d4edda}}:where(html:where(.is-light).is-dark) .selection-info{background:#d4edda}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .toolbar-info{color:#bee3f8}}:where(html:where(.is-dark).is-dark) .toolbar-info{color:#bee3f8}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .toolbar-info{color:#155724}}:where(html:where(.is-light).is-dark) .toolbar-info{color:#155724}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .toolbar-info{background:#2c5282}}:where(html:where(.is-dark).is-dark) .toolbar-info{background:#2c5282}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .toolbar-info{background:#d4edda}}:where(html:where(.is-light).is-dark) .toolbar-info{background:#d4edda}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .transaction-info{color:#faf089}}:where(html:where(.is-dark).is-dark) .transaction-info{color:#faf089}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .transaction-info{color:#856404}}:where(html:where(.is-light).is-dark) .transaction-info{color:#856404}@media (prefers-color-scheme:dark){:where(html:where(:not(.is-light)).is-dark) .transaction-info{background:#d69e2e}}:where(html:where(.is-dark).is-dark) .transaction-info{background:#d69e2e}@media (prefers-color-scheme:light){:where(html:where(:not(.is-dark)).is-dark) .transaction-info{background:#fff3cd}}:where(html:where(.is-light).is-dark) .transaction-info{background:#fff3cd}.html-editor-container{position:relative;width:100%;height:100%}.KsHTMLView__header-left{display:flex;align-items:center;gap:12px}.KsHTMLView__main{display:flex;flex:1;overflow:hidden}.KsHTMLView__main--with-preview{flex-direction:row}.KsHTMLView__main--with-preview .KsHTMLView__content{flex:1}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__main--with-preview .KsHTMLView__content{border-right:1px solid var(--border-color-dark)}}:where(html.is-dark) .KsHTMLView__main--with-preview .KsHTMLView__content{border-right:1px solid var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__main--with-preview .KsHTMLView__content{border-right:1px solid var(--border-color-light)}}:where(html.is-light) .KsHTMLView__main--with-preview .KsHTMLView__content{border-right:1px solid var(--border-color-light)}.KsHTMLView__pdf-preview{--bg-color-light:#ececec;--bg-color-dark:#303030;width:540px;flex-shrink:0;overflow:hidden;transition:all .3s ease}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsHTMLView__pdf-preview{background:var(--bg-color-dark)}}:where(html.is-dark) .KsHTMLView__pdf-preview{background:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsHTMLView__pdf-preview{background:var(--bg-color-light)}}:where(html.is-light) .KsHTMLView__pdf-preview{background:var(--bg-color-light)}