.html-editor-page{--he-shell: #141313;--he-surface: #1b1919;--he-line: rgba(255, 255, 255, .11);--he-muted: rgba(255, 255, 255, .7);--he-faint: rgba(255, 255, 255, .58);--he-success: #76d19a;--he-warning: #f3c969;--he-error: #ff8f8f;--he-accent: #fe9615;--he-focus: #ffb15a}.html-editor-page ::selection{background:#fe961547;color:#fff}.html-editor-hero.tools-hero{padding:1.25rem 0 1rem}.html-editor-hero .tools-hero-title{margin:0 auto .5rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}.html-editor-hero .tools-hero-subtitle{max-width:80ch;margin:0 auto .75rem;font-size:1rem;line-height:1.5}.html-editor-hero .privacy-badge{padding:.375rem .75rem;font-size:.8125rem}.tool-workspace.html-editor-workspace{padding:0 0 4rem}.container.html-editor-container{width:min(100% - 2rem,1480px);max-width:none;padding:0}.tool-panel.html-editor-panel{position:relative;overflow:clip;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;background:var(--he-shell);box-shadow:0 18px 54px #00000061}.html-editor-command-bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border-bottom:1px solid var(--he-line);background:#1d1b1b}.html-editor-command-context,.html-editor-command-actions,.html-editor-status,.html-editor-file-tabs,.html-editor-pane-actions{display:flex;align-items:center}.html-editor-command-context{min-width:0;gap:.8rem}.html-editor-command-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.html-editor-runtime-mark{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(254,150,21,.26);border-radius:10px;background:#fe96151a;color:#ffb15a;font-size:1.1rem}.html-editor-runtime-copy{min-width:0;display:grid;gap:.15rem}.html-editor-runtime-copy strong{color:#ffffffeb;font-family:var(--font-montserrat-semi-bold);font-size:var(--font-size-s)}.html-editor-runtime-copy span{overflow:hidden;color:var(--he-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.html-editor-status{min-height:34px;gap:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.35rem .65rem;background:#ffffff0b;color:#fffc;font-family:var(--font-montserrat-semi-bold);font-size:.74rem;white-space:nowrap;min-width:10.5rem}.html-editor-status:before{content:"";width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:#ffffff52}.html-editor-status[data-state=running]:before{border:1px solid rgba(254,150,21,.35);border-top-color:var(--he-accent);background:transparent;animation:html-editor-spin .75s linear infinite}.html-editor-status[data-state=ready]:before,.html-editor-status[data-state=success]:before{background:var(--he-success)}.html-editor-status[data-state=dirty]:before,.html-editor-status[data-state=paused]:before{background:var(--he-warning)}.html-editor-status[data-state=error]:before{background:var(--he-error)}.html-editor-auto-run{min-height:44px;display:inline-flex;align-items:center;gap:.55rem;margin:0;padding:0 .35rem;color:#fffc;font-family:var(--font-montserrat-semi-bold);font-size:.78rem;cursor:pointer}.html-editor-auto-run input{width:1rem;height:1rem;accent-color:var(--he-accent)}.html-editor-secondary{min-height:44px;gap:.45rem;white-space:nowrap}.tool-btn.html-editor-run{min-width:100px;min-height:44px;gap:.5rem;border:1px solid transparent;background:var(--he-accent);color:#17100a}.tool-btn.html-editor-run:hover{background:#ffb15a}.html-editor-run[hidden]{display:none}.html-editor-panel :is(button,select,input,a):focus-visible,.html-editor-splitter:focus-visible{outline:2px solid var(--he-focus);outline-offset:2px}.html-editor-mobile-tabs{display:none}.html-editor-grid{--html-editor-width: 48%;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);grid-template-areas:"code preview";height:clamp(400px,calc(100svh - 330px),620px)}.html-editor-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--he-surface)}.html-editor-code-pane{grid-area:code;border-inline-end:1px solid var(--he-line)}.html-editor-preview-pane{grid-area:preview;background:#171616}.html-editor-splitter{display:none}.html-editor-pane-header{min-height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem;border-bottom:1px solid var(--he-line);background:#211f1f}.html-editor-pane-title{color:#ffffffdb;font-family:var(--font-montserrat-semi-bold);font-size:.78rem}.html-editor-file-tabs{align-self:stretch;gap:.2rem}.html-editor-file-tab{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:7px 7px 0 0;padding:.4rem .7rem;background:transparent;color:#ffffff9e;font-family:var(--font-monospace);font-size:.78rem;cursor:pointer}.html-editor-file-tab:after{content:"";position:absolute;inset-inline:.6rem;bottom:-.45rem;height:2px;border-radius:2px;background:transparent}.html-editor-file-tab:hover{color:#ffffffe6;background:#ffffff0d}.html-editor-file-tab.is-active{color:#fff;background:#fff1}.html-editor-file-tab.is-active:after{background:var(--he-accent)}.html-editor-file-tab .fa-html5{color:#ff9a6b}.html-editor-file-tab .fa-css3-alt{color:#8ab8ff}.html-editor-file-tab .fa-js{color:#f3d86b}.html-editor-editor-meta{min-width:0;margin:0;overflow:hidden;color:var(--he-faint);font-size:.7rem;text-align:end;text-overflow:ellipsis;white-space:nowrap}.html-editor-escape-hint{display:none;color:#ffc27e}.html-editor-code-pane:focus-within .html-editor-meta-note{display:none}.html-editor-code-pane:focus-within .html-editor-escape-hint{display:inline}.html-editor-editor-shell{min-height:0;flex:1;position:relative;overflow:hidden;background:#111010;direction:ltr}.html-editor-editor-host,.html-editor-editor-host>.cm-editor{width:100%;height:100%}.html-editor-editor-host>.cm-editor{position:absolute;top:0;right:0;bottom:0;left:0;text-align:start}.html-editor-editor-host .cm-scroller{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}.html-editor-editor-fallback{width:100%;height:100%;resize:none;border:0;border-radius:0;padding:1rem;background:#111010;color:#f6f3f0;font-family:var(--font-monospace);font-size:.875rem;line-height:1.65;caret-color:var(--he-focus);-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.html-editor-editor-fallback:focus-visible{outline:2px solid var(--he-focus);outline-offset:-3px}.html-editor-editor-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px transparent}.html-editor-editor-shell:focus-within:after{box-shadow:inset 0 0 0 1px #ffb15a8c}.html-editor-pane-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.html-editor-viewport{min-height:44px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:.35rem 2rem .35rem .7rem;background:#171616;color:#ffffffe6;font-family:var(--font-montserrat-semi-bold);font-size:.74rem;cursor:pointer}.html-editor-console-toggle{min-height:44px;display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:.35rem .65rem;background:#ffffff0b;color:#ffffffc2;font-family:var(--font-montserrat-semi-bold);font-size:.72rem;cursor:pointer}.html-editor-console-toggle:hover,.html-editor-console-toggle[aria-expanded=true]{border-color:#fe961552;background:#fe961517;color:#fff}.html-editor-console-toggle output{min-width:1.25rem;height:1.25rem;display:inline-grid;place-items:center;border-radius:999px;padding:0 .3rem;background:#ffffff1a;font-family:var(--font-monospace);font-size:.66rem}.html-editor-console-toggle.has-errors{border-color:#ff8f8f66;color:#ffd2d2}.html-editor-console-toggle.has-errors output{background:#ff8f8f38;color:#fff}.html-editor-preview-shell{box-sizing:border-box;min-height:0;flex:1;position:relative;overflow:hidden;padding:1rem;background:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%),#0e0d0d;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.html-editor-preview-canvas{position:relative;min-width:0;min-height:0;margin-inline:auto;overflow-x:auto;overflow-y:hidden;direction:ltr;scrollbar-color:rgba(254,150,21,.65) #171616;scrollbar-width:thin;border-radius:10px;background:#fff;box-shadow:0 12px 38px #00000057}.html-editor-preview-canvas:focus-visible{outline:2px solid var(--he-focus);outline-offset:2px}@supports selector(::-webkit-scrollbar){.html-editor-preview-canvas{scrollbar-width:auto;scrollbar-color:auto}.html-editor-preview-canvas::-webkit-scrollbar{height:10px}.html-editor-preview-canvas::-webkit-scrollbar-track{background:#171616}.html-editor-preview-canvas::-webkit-scrollbar-thumb{border:2px solid #171616;border-radius:8px;background:#d99849}}.html-editor-preview-scale-canvas{position:relative;overflow:hidden;background:#fff}.html-editor-preview-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.html-editor-preview-frame.is-staging{visibility:hidden;pointer-events:none}.html-editor-preview-frame.is-visible{visibility:visible}.html-editor-preview-frame.is-visible.is-promoting{animation:html-editor-resolve .2s ease-out}@keyframes html-editor-resolve{0%{opacity:.8}to{opacity:1}}.html-editor-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:2rem;background:#f5f2ed;color:#3d3835;text-align:center}.html-editor-preview-placeholder[hidden]{display:none}.html-editor-preview-placeholder div{max-width:28rem}.html-editor-preview-placeholder i{display:block;margin-bottom:1rem;color:#c2560c;font-size:1.75rem}.html-editor-preview-placeholder strong{display:block;margin-bottom:.45rem;color:#1b1817;font-family:var(--font-montserrat-semi-bold);font-size:1rem}.html-editor-preview-placeholder p{margin:0;font-size:.84rem;line-height:1.6}.html-editor-notice,.html-editor-dialog{position:absolute;z-index:6;inset-inline:1rem;display:grid;gap:.6rem;border-radius:12px;box-shadow:0 16px 38px #00000061}.html-editor-notice[hidden],.html-editor-dialog[hidden]{display:none}.html-editor-notice{bottom:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border:1px solid rgba(243,201,105,.38);padding:.55rem .55rem .55rem .85rem;background:#282012f5;color:#fff5e3}.html-editor-notice>i{color:var(--he-warning)}.html-editor-notice p{margin:0;font-size:.8rem;line-height:1.5}.html-editor-notice button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:#ffffff12;color:#fffc;cursor:pointer}.html-editor-notice button:hover{background:#ffffff21;color:#fff}.html-editor-dialog{top:1rem;border:1px solid rgba(254,150,21,.35);padding:.75rem .9rem;background:#1e1a18f7;color:#fff;gap:.25rem}.html-editor-dialog strong{color:#ffc27e;font-family:var(--font-monospace);font-size:.74rem}.html-editor-dialog span{overflow-wrap:anywhere;font-size:.84rem;line-height:1.5;white-space:pre-wrap}.html-editor-console{border-top:1px solid var(--he-line);background:#181616}.html-editor-console[hidden]{display:none}.html-editor-console-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .5rem .25rem .9rem;border-bottom:1px solid var(--he-line)}.html-editor-console-header h3{margin:0;color:#ffffffe6;font-family:var(--font-montserrat-semi-bold);font-size:.8rem}.html-editor-console-actions{display:flex;align-items:center;gap:.25rem}.html-editor-console-button,.html-editor-console-close{min-height:44px;border:0;border-radius:7px;background:transparent;color:#ffffffb3;cursor:pointer}.html-editor-console-button{padding:.3rem .65rem;font-family:var(--font-montserrat-semi-bold);font-size:.72rem}.html-editor-console-close{width:44px}.html-editor-console-button:hover,.html-editor-console-close:hover{background:#ffffff12;color:#fff}.html-editor-console-list{max-height:240px;overflow:auto;scrollbar-color:rgba(254,150,21,.44) #171616}.html-editor-console-list ol{margin:0;padding:0;list-style:none}.html-editor-console-list li{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:start;gap:.65rem;padding:.5rem .9rem}.html-editor-console-list li+li{border-top:1px solid rgba(255,255,255,.07)}.html-editor-console-list li[data-level=error]{background:#ff8f8f0f}.html-editor-console-list li[data-level=warn]{background:#f3c9690d}.html-editor-console-level{padding-top:.1rem;color:#9fd9ff;font-family:var(--font-monospace);font-size:.75rem;text-transform:uppercase}.html-editor-console-list li[data-level=warn] .html-editor-console-level{color:var(--he-warning)}.html-editor-console-list li[data-level=error] .html-editor-console-level{color:var(--he-error)}.html-editor-console-list pre{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;color:#ffffffdb;font-family:var(--font-monospace);font-size:.8125rem;line-height:1.55}.html-editor-console-location{min-height:28px;border:0;border-radius:6px;padding:.1rem .45rem;background:#ffffff0f;color:#ffc27e;font-family:var(--font-monospace);font-size:.75rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.html-editor-console-location:hover{background:#fe961526}.html-editor-console-empty{margin:0;padding:1.1rem;color:var(--he-faint);font-size:.78rem;text-align:center}.html-editor-toast{position:fixed;z-index:1100;inset-inline:1rem;bottom:1rem;max-width:34rem;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;border:1px solid rgba(254,150,21,.35);border-radius:10px;padding:.4rem .6rem .4rem .9rem;background:#2a2320;color:#ffffffeb;box-shadow:0 16px 40px #00000073;font-size:.84rem}.html-editor-toast[hidden]{display:none}.html-editor-toast button{min-height:44px;border:0;border-radius:7px;padding:.3rem .7rem;background:transparent;color:#ffc477;font-family:var(--font-montserrat-semi-bold);cursor:pointer}.html-editor-toast button[hidden]{display:none}.html-editor-toast button:hover{background:#fe96151a}.html-editor-handoff{margin-top:1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.1rem 1.25rem;background:#1a1818}.html-editor-handoff[data-state=cta]{border-color:#fe961547;background:linear-gradient(120deg,#ff8c4224,#ffc14b0a),#1a1818}.html-editor-handoff{display:grid}.html-editor-handoff-tip,.html-editor-handoff-cta{grid-area:1 / 1;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem}.html-editor-handoff[data-state=tip] .html-editor-handoff-cta,.html-editor-handoff[data-state=cta] .html-editor-handoff-tip{visibility:hidden}.html-editor-handoff-tip{flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem}.html-editor-handoff-copy h2{margin:0 0 .35rem;color:#fff;font-family:var(--font-montserrat-semi-bold);font-size:1.05rem;line-height:1.4}.html-editor-handoff-copy p{max-width:72ch;margin:0;color:#ffeeded1;font-size:.86rem;line-height:1.6}.html-editor-handoff-copy .html-editor-handoff-desktop-note{margin-top:.45rem;color:#ffeedec2;font-size:.8rem}.html-editor-handoff-copy .html-editor-handoff-feedback{min-height:2.8em;margin-top:.45rem;color:#ffd0a0;font-size:.8rem;line-height:1.4}.html-editor-handoff-feedback[data-state=error]{color:var(--he-error)}.html-editor-handoff-feedback[hidden]{display:block;visibility:hidden}.html-editor-handoff-actions{flex:0 0 auto;display:flex;align-items:center;gap:.5rem 1.25rem}.html-editor-handoff-primary{min-height:46px;display:inline-flex;align-items:center;gap:.55rem;border:0;border-radius:9px;padding:.55rem 1.1rem;background:#ffb15a;color:#211507;font-family:var(--font-montserrat-semi-bold);font-size:.86rem;text-decoration:none;white-space:nowrap;cursor:pointer}.html-editor-handoff-primary:hover,.html-editor-handoff-primary:focus-visible{background:#ffc17e;color:#211507;text-decoration:none}.html-editor-quiet-link{min-height:44px;display:inline-flex;align-items:center;color:#ffd0a0;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.html-editor-quiet-link:hover{color:#fff}.html-editor-handoff :is(a):focus-visible{outline:2px solid var(--he-focus);outline-offset:3px}.tool-seo-content.html-editor-guide{padding-top:1rem}.html-editor-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem}.html-editor-guide article{max-width:66ch}.html-editor-guide h2,.html-editor-faq h2,.html-editor-compare h2{margin:0 0 .75rem;font-family:var(--font-montserrat-semi-bold);font-size:1.15rem}.html-editor-guide p,.html-editor-faq p,.html-editor-steps li{color:#ffffffbd;line-height:1.75}.html-editor-steps{margin:0;padding-inline-start:1.25rem}.html-editor-steps li+li{margin-top:.4rem}.html-editor-compare{max-width:960px;margin-top:3rem}.html-editor-compare>p{max-width:72ch;color:#ffffffbd;line-height:1.75}.html-editor-compare-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px}.html-editor-compare-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.88rem}.html-editor-compare-table th,.html-editor-compare-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffc7;line-height:1.55;text-align:start;vertical-align:top}.html-editor-compare-table thead th{background:#ffffff0a;color:#fff;font-family:var(--font-montserrat-semi-bold)}.html-editor-compare-table tbody th{color:#ffffffeb;font-family:var(--font-montserrat-semi-bold);font-weight:400;white-space:nowrap}.html-editor-compare-table tbody tr:last-child th,.html-editor-compare-table tbody tr:last-child td{border-bottom:0}.html-editor-faq{max-width:860px;margin-top:3rem}.html-editor-faq h2{margin-bottom:1.25rem;font-size:1.4rem}.html-editor-faq h3{margin:1.5rem 0 .5rem;color:#fffffff0;font-family:var(--font-montserrat-semi-bold);font-size:1rem}.html-editor-guide .html-editor-faq p{max-width:72ch}.html-editor-cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}.html-editor-cta-secondary{color:#ffd0a0;text-decoration:underline;text-underline-offset:4px}.html-editor-cta-secondary:hover{color:#fff}.html-editor-phoenix-cta .primary-button{background:#ffb15a;color:#211507}.html-editor-phoenix-cta .primary-button:hover,.html-editor-phoenix-cta .primary-button:focus-visible{background:#ffc17e;color:#211507}.html-editor-phoenix-cta a:focus-visible{outline:2px solid var(--he-focus);outline-offset:3px}@media (min-width: 1100px){.html-editor-grid{grid-template-columns:minmax(0,var(--html-editor-width)) 1.25rem minmax(0,1fr);grid-template-areas:"code splitter preview"}.html-editor-code-pane{border-inline-end:0}.html-editor-splitter{grid-area:splitter;position:relative;display:grid;place-items:center;background:#181616;cursor:col-resize;touch-action:none}.html-editor-splitter span{width:2px;height:3.25rem;border-radius:2px;background:#fff3;transition:transform .15s ease,background-color .15s ease}.html-editor-splitter:hover span,.html-editor-splitter:focus-visible span,.html-editor-grid.is-resizing .html-editor-splitter span{background:var(--he-accent);transform:scaleY(1.38)}.html-editor-grid.is-resizing,.html-editor-grid.is-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.html-editor-grid.is-resizing iframe{pointer-events:none}}@media (max-width: 1199px){.html-editor-runtime-copy{display:none}}@media (max-width: 1099px){.html-editor-command-bar{align-items:flex-start;flex-wrap:wrap}.html-editor-command-actions{flex:1 1 auto}.html-editor-editor-meta{display:none}}@media (max-width: 900px){.tool-workspace.html-editor-workspace{padding-bottom:3rem}.container.html-editor-container{width:min(100% - 1rem,100%)}.tool-panel.html-editor-panel{border-radius:12px}.html-editor-command-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem}.html-editor-command-context{flex:0 0 auto}.html-editor-runtime-mark,.html-editor-runtime-copy{display:none}.html-editor-command-actions{flex:1 1 18rem;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.html-editor-auto-run{margin-inline-end:auto}.tool-btn.html-editor-run{min-width:0;flex-shrink:0;padding-inline:1rem}.html-editor-secondary{width:44px;flex-shrink:0;padding-inline:0;justify-content:center}.html-editor-secondary span{display:none}.html-editor-mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--he-line);background:#181616}.html-editor-mobile-tab{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-bottom:2px solid transparent;background:transparent;color:#ffffff9e;font-family:var(--font-montserrat-semi-bold);font-size:.78rem;cursor:pointer}.html-editor-mobile-tab.is-active{border-bottom-color:var(--he-accent);background:#fe96150d;color:#fff}.html-editor-mobile-tab output{min-width:1.25rem;height:1.25rem;display:inline-grid;place-items:center;border-radius:999px;padding:0 .3rem;background:#ffffff1a;font-family:var(--font-monospace);font-size:.66rem}.html-editor-mobile-tab.has-errors output{background:#ff8f8f47;color:#fff}.html-editor-panel[data-mobile-pane=console] .html-editor-grid{position:absolute;inset-inline:0;visibility:hidden}.html-editor-panel[data-mobile-pane=console] .html-editor-console-list{min-height:320px;max-height:60vh}.html-editor-console-toggle{display:none}.html-editor-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"panel";height:clamp(240px,calc(100svh - 320px),560px);min-height:0}.html-editor-pane{grid-area:panel;visibility:hidden;pointer-events:none;height:100%;min-height:0}.html-editor-pane.is-mobile-active{visibility:visible;pointer-events:auto}.html-editor-pane:not(.is-mobile-active) .html-editor-preview-frame{visibility:hidden}.html-editor-code-pane{border-inline-end:0}.html-editor-file-tabs{width:100%;overflow-x:auto}.html-editor-file-tab{flex:1 0 auto;justify-content:center;padding-inline:.55rem}.html-editor-editor-host,.html-editor-editor-host>.cm-editor,.html-editor-editor-fallback{min-height:0}.html-editor-editor-host>.cm-editor,.html-editor-editor-fallback{font-size:16px}.html-editor-preview-shell{min-height:0;padding:.6rem}.html-editor-pane-header{flex-wrap:wrap}.html-editor-notice,.html-editor-dialog{inset-inline:.6rem}.html-editor-handoff{padding:1rem}.html-editor-handoff-feedback[hidden],.html-editor-handoff[data-state=tip] .html-editor-handoff-cta,.html-editor-handoff[data-state=cta] .html-editor-handoff-tip{display:none}.html-editor-handoff-tip,.html-editor-handoff-cta{flex-direction:column;align-items:stretch}.html-editor-handoff-tip{align-items:flex-start;gap:.25rem}.html-editor-handoff-actions{flex-direction:column;align-items:stretch}.html-editor-handoff-primary{justify-content:center;white-space:normal;text-align:center}.html-editor-quiet-link{justify-content:center}.html-editor-guide-grid{grid-template-columns:minmax(0,1fr)}.html-editor-console-list li{grid-template-columns:minmax(0,1fr);gap:.25rem}.html-editor-console-location{justify-self:start}}@media (max-width: 600px){.html-editor-hero .tools-hero-title{font-size:1.5rem}.html-editor-hero .tools-hero-subtitle{font-size:.95rem}}@media (max-width: 380px){.html-editor-command-actions{display:contents}.html-editor-command-actions:before{content:"";order:2;flex-basis:100%}.html-editor-auto-run{order:1;margin-inline-start:auto;margin-inline-end:0}.html-editor-secondary{order:3}.html-editor-run{order:4;flex:1 1 auto}.html-editor-status{min-width:0}.html-editor-file-tab{gap:.3rem;padding-inline:.4rem;font-size:.72rem}.html-editor-mobile-tab{gap:.3rem}.html-editor-mobile-tab>i{display:none}.html-editor-hero .tools-hero-subtitle{margin-bottom:.75rem;font-size:.95rem}}@media (prefers-reduced-motion: reduce){.html-editor-preview-frame.is-visible.is-promoting{animation:none}.html-editor-panel :is(.tool-btn,.tool-btn-secondary),.html-editor-panel :is(.tool-btn,.tool-btn-secondary):hover,.html-editor-panel :is(.tool-btn,.tool-btn-secondary):active{transition:none;transform:none}.html-editor-status[data-state=running]:before{animation:none;border-color:var(--he-accent)}.html-editor-splitter span{transition:none}}@media (forced-colors: active){.html-editor-status:before,.html-editor-file-tab:after{forced-color-adjust:none}.tool-panel.html-editor-panel,.html-editor-pane,.html-editor-notice,.html-editor-dialog,.html-editor-handoff{border:1px solid CanvasText}}@keyframes html-editor-spin{to{transform:rotate(360deg)}}