[data-code-kind=html] .tw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
[data-code-kind=html] .tw-grid .tw-panel{min-width:0;margin:0}
[data-code-kind=html] .tw-code{width:100%;box-sizing:border-box;min-height:380px;font-size:14px}
[data-code-kind=html] #cfOutput{color:#f6e7b0}
[data-code-kind=html] #cfStats{font-size:15px;font-weight:600}
[data-code-kind=html] .tw-actions button{min-height:44px}
[data-code-kind=html] label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;min-height:36px}
[data-code-kind=html] input[type=checkbox]{width:18px;height:18px}
[data-code-kind=html] #cfCopy{border:0;background:#f6cd63;color:#231a08;font-weight:700}
[data-code-kind=html] iframe{width:100%;box-sizing:border-box;min-height:220px}
@media(max-width:800px){[data-code-kind=html] .tw-grid{grid-template-columns:minmax(0,1fr)}[data-code-kind=html] .tw-code{min-height:190px;font-size:16px}[data-code-kind=html] .tw-actions button{flex:1 1 40%}}
/* cfTight */[data-code-kind=html] .tw-panel:has(#cfLive){display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}[data-code-kind=html] .tw-panel:has(#cfLive) .tw-actions{flex:1 1 100%}[data-code-kind=html] .tw-panel:has(#cfLive) p{flex:1 1 100%;margin:0;font-size:13px}