.htmlviewer-module__Ak4cDq__panel{background:var(--bgColor-default);border:1px solid var(--borderColor-muted);border-radius:14px;flex-direction:column;min-height:480px;transition:border-color .18s;display:flex;overflow:hidden}.htmlviewer-module__Ak4cDq__panel:focus-within{border-color:var(--brand-hover-border);box-shadow:0 0 0 3px rgba(var(--brand-rgb-primary),.06)}.htmlviewer-module__Ak4cDq__textarea{resize:vertical;width:100%;min-height:380px;color:var(--fgColor-default);background:var(--bgColor-default);border:none;outline:none;flex:1;padding:14px 16px;font-family:JetBrains Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.65}.htmlviewer-module__Ak4cDq__textarea::placeholder{color:var(--fgColor-muted);opacity:.7}.htmlviewer-module__Ak4cDq__sandboxBadge{letter-spacing:.08em;text-transform:uppercase;color:var(--fgColor-success);cursor:default;background:#23c55e1a;border:1px solid #23c55e4d;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.htmlviewer-module__Ak4cDq__preview{background:#fff;border:none;flex:1;width:100%;min-height:420px}@media (max-width:820px){.htmlviewer-module__Ak4cDq__preview{min-height:320px}}@media (max-width:480px){.htmlviewer-module__Ak4cDq__textarea{font-size:12px}}