.app-shell{max-width:1400px}.highlighter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.code-editor{min-height:28rem;resize:vertical;white-space:pre;overflow:auto;font-size:.875rem;line-height:1.55;tab-size:2}.controls-panel{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:.75rem}.preview-shell{min-width:0;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.75rem;background:#fff}.preview{min-height:28rem;max-width:100%;overflow:auto}.preview>pre{min-height:28rem}.html-output{min-height:12rem;resize:vertical;font-size:.8rem}.privacy-note{background:#eaf7f2;border:1px solid #b9e4d3;border-radius:.75rem}.supporting-content{max-width:none}.supporting-section{position:relative;z-index:0;max-width:960px;padding:4.5rem 0;margin:0 auto}.supporting-section::before{position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;background:var(--ojt-page);content:"";transform:translateX(-50%)}.supporting-section:nth-child(odd)::before{background:#fff;border-top:1px solid var(--ojt-border);border-bottom:1px solid var(--ojt-border)}@media(max-width:991.98px){.highlighter-grid{grid-template-columns:1fr}.code-editor,.preview,.preview>pre{min-height:20rem}}@media(max-width:767.98px){.supporting-section{padding:3.5rem 0}.card-body{padding:1.25rem!important}}