.preview-code-container{background:#1a1a1a;border-radius:8px;width:100%;height:100%;margin-bottom:2rem;padding:10px 10px 0;overflow:hidden;box-shadow:0 2px 10px #0000001a}.preview-code-html-container iframe{border:none;width:100%;height:100%}.attention.preview-code-tab{color:#fff;border:.8px dashed #888;margin-left:auto;font-size:16px}.preview-code-tabs{background:#1a1a1a;gap:4px;padding:8px;display:flex}.preview-code-tab{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.preview-code-tab.active{color:#fff;background:#333}.preview-code-content{background:#fff;height:50rem;position:relative}.preview-code-iframe-container,.preview-code-code-container{width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}iframe{background:#fff;border:none;width:100%;height:100%}.preview-code-code-container{color:#d4d4d4;background:#1e1e1e;padding:20px;font-family:Consolas,monospace;overflow:auto}.hidden{opacity:0;pointer-events:none}.visible{opacity:1;pointer-events:auto}pre{white-space:pre-wrap;margin:0}.preview-code-header{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;gap:8px;padding:8px;display:flex}.preview-code-action-button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.preview-code-action-button:hover{color:#fff;background:#333}.preview-code-action-button.copied{color:#40cdb5}.preview-code-divider{background:#333;width:1px;margin:0 4px}.loading{justify-content:center;align-items:center;height:100%;display:flex}@media (max-width:768px){.preview-code-container{width:90%}.preview-code-content{height:500px!important}}.version-navigation{align-items:center;margin-right:auto;padding:0 12px;display:flex}.version-nav-button{cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.version-nav-button:disabled{color:#666;cursor:not-allowed}.version-indicator{color:#666;margin:0 8px;font-size:12px}