.webcontainer-preview[data-v-876ef3f0]{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:8px;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.unsupported[data-v-876ef3f0]{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem}.unsupported-content[data-v-876ef3f0]{max-width:400px;text-align:center}.warning-icon[data-v-876ef3f0]{color:var(--yellow-500);font-size:3rem;margin-bottom:1rem}.open-external-actions[data-v-876ef3f0]{margin-top:1rem}.external-url[data-v-876ef3f0]{background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:4px;cursor:text;font-size:.75rem;padding:.5rem;text-align:center;width:100%}.external-hint[data-v-876ef3f0],.external-url[data-v-876ef3f0]{color:var(--text-color-secondary);margin-bottom:.5rem}.external-hint[data-v-876ef3f0]{font-size:.8rem}.preview-title[data-v-876ef3f0]{align-items:center;font-size:.875rem;font-weight:600;margin:0}.preview-actions[data-v-876ef3f0],.preview-title[data-v-876ef3f0]{display:flex;gap:.5rem}.action-btn[data-v-876ef3f0]{align-items:center;background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.375rem .75rem;transition:all .15s}.action-btn[data-v-876ef3f0]:hover{background:var(--surface-border)}.action-btn.primary[data-v-876ef3f0]{background:var(--primary-color);border-color:var(--primary-color);color:var(--primary-color-text)}.preview-main[data-v-876ef3f0]{flex:1;min-height:0}.preview-main[data-v-876ef3f0],.terminal-wrapper[data-v-876ef3f0]{display:flex;flex-direction:column;overflow:hidden}.terminal-wrapper[data-v-876ef3f0]{flex-shrink:0;height:200px;transition:height .2s ease}.terminal-wrapper.terminal-wrapper--collapsed[data-v-876ef3f0]{height:2.5rem}.terminal-wrapper[data-v-876ef3f0] .webcontainer-terminal{max-height:100%}.status-bar-wrapper[data-v-876ef3f0]{flex-shrink:0}