.rapid-code,.rapid-html-preview{min-width:0;margin:0;display:grid;gap:var(--rapid-space-2)}
.rapid-code figcaption,.rapid-html-preview figcaption{font:600 var(--rapid-text-sm)/1.5 var(--rapid-font-body);color:var(--rapid-ink)}
.rapid-code pre{margin:0;padding:var(--rapid-space-4);max-height:32rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--rapid-line);border-radius:var(--rapid-radius-control);background:var(--rapid-canvas-sunk);color:var(--rapid-ink);font:400 var(--rapid-text-sm)/1.6 var(--rapid-font-technical)}
.rapid-code pre:focus-visible{outline:2px solid var(--rapid-focus);outline-offset:2px}
.rapid-code code{font:inherit;color:inherit;background:inherit}
.rapid-html-preview iframe{width:100%;height:30rem;border:1px solid var(--rapid-line);border-radius:var(--rapid-radius-control);background:var(--rapid-paper)}
.rapid-file-input{width:100%;min-width:0;min-height:44px;color:var(--rapid-ink);font:400 var(--rapid-text-base)/1.5 var(--rapid-font-body)}
.rapid-file-input::file-selector-button{margin-inline-end:var(--rapid-space-3);min-height:44px;padding:var(--rapid-space-2) var(--rapid-space-4);border:1px solid var(--rapid-control-line);border-radius:var(--rapid-radius-control);background:var(--rapid-paper);color:var(--rapid-ink);font:600 var(--rapid-text-sm)/1.5 var(--rapid-font-body);cursor:pointer}
.rapid-file-input:focus-visible{outline:2px solid var(--rapid-focus);outline-offset:2px}
.rapid-file-input:disabled{opacity:.6}
.rapid-document-preview{min-width:0;display:grid;gap:var(--rapid-space-3)}
.rapid-document-preview iframe{width:100%;height:clamp(24rem,60vh,50rem);border:1px solid var(--rapid-line);border-radius:var(--rapid-radius-control);background:var(--rapid-paper)}
.rapid-document-preview--compact iframe{height:clamp(220px,calc(100dvh - 440px),560px)}
.rapid-document-preview .rapid-image{width:100%;max-height:60vh;object-fit:contain}
.rapid-text--preserve{white-space:pre-wrap;overflow-wrap:anywhere}