.preview-modal{z-index:200;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.preview-modal[hidden]{display:none}.preview-backdrop{background:#000000b8;position:absolute;inset:0}.preview-dialog{z-index:1;background:#181818;border:1px solid #2c2c2c;border-radius:.75rem;flex-direction:column;width:min(92rem,100%);height:min(54rem,100vh - 2.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.preview-toolbar{color:#fff;background:#181818;border-bottom:1px solid #2c2c2c;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.25rem;padding:.55rem .85rem;display:grid}.preview-title{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:500;overflow:hidden}.preview-viewports{align-items:center;gap:.2rem;display:flex}.preview-viewport{color:#a3a3a3;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.4rem;padding:.38rem .65rem;font-family:inherit;font-size:.7rem;font-weight:500;display:inline-flex}.preview-viewport svg{width:1.1rem;height:1.1rem}.preview-viewport[aria-pressed=true]{color:#fff;background:#2c2c2c}.preview-actions{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.preview-download,.preview-copy{letter-spacing:.04em;text-transform:uppercase;border:0;align-items:center;gap:.4rem;padding:.38rem .55rem;font-family:inherit;font-size:.7rem;font-weight:500;display:inline-flex}.preview-download:disabled{cursor:progress}.preview-copy{color:#0c0c0c;cursor:pointer;white-space:nowrap;background:#fff;border-radius:.4rem;flex-shrink:0;gap:.45rem}.preview-label{justify-items:center;display:inline-grid}.preview-label>span{white-space:nowrap;grid-area:1/1}.preview-label-sizer{visibility:hidden;pointer-events:none;height:0;overflow:hidden}.preview-copy svg{flex-shrink:0;width:.85rem;height:.85rem}.preview-copy:hover{color:#0c0c0c;background:#e9e9e9}.preview-copy-code{color:#fff;background:#2c2c2c}.preview-copy-code:hover{color:#fff;background:#383838}.preview-copy-code:disabled{cursor:progress;opacity:.65}.preview-copy:disabled,.preview-copy[data-locked]{cursor:not-allowed;opacity:.65}.preview-icon{display:inline-flex}.preview-icon[hidden]{display:none}.preview-pricing{text-decoration:none}.preview-copy-code:focus-visible{outline-offset:2px;outline:2px solid #fff}.preview-download[hidden],.preview-copy[hidden]{display:none}.preview-download svg{width:.85rem;height:.85rem}.preview-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.35rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.preview-close svg{width:1.05rem;height:1.05rem}.preview-stage{overscroll-behavior:none;background:#0c0c0c;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.preview-scaler{background:#0c0c0c;margin:0;position:relative;overflow:hidden}.preview-frame{transform-origin:0 0;background:#0c0c0c;position:absolute;top:0;left:0;overflow:hidden}.preview-frame iframe{vertical-align:top;color-scheme:dark;background:#0c0c0c;border:0;margin:0;display:block}.preview-skeleton{z-index:2;color:#a3a3a3;background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;font-size:.875rem;display:flex;position:absolute;inset:0}.preview-skeleton[hidden]{display:none}.preview-spinner{border:2px solid #2c2c2c;border-top-color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite preview-spin}.preview-skeleton-label{letter-spacing:-.01em}.preview-fallback-link{color:#fff;text-underline-offset:.2em;font-size:.8rem;text-decoration:underline}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (width>=1024px){.preview-modal{justify-content:stretch;align-items:stretch;padding:1rem 3rem}.preview-dialog{flex:1;width:100%;height:auto}}@media (width>=768px) and (width<=1023px){.preview-modal-component .preview-toolbar{grid-template-columns:minmax(0,1fr) auto auto}}@media (width<=767px){.preview-modal{padding:0}.preview-dialog{border-radius:0;width:100%;height:100%}.preview-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.preview-viewports{order:3;grid-column:1/-1;justify-content:center}.preview-viewports[hidden]{display:none}.preview-actions{flex-wrap:nowrap;justify-content:flex-end;gap:.2rem;min-width:0}.preview-copy{gap:.25rem;padding:.3rem .35rem;font-size:.6rem}.preview-stage{justify-content:stretch;align-items:stretch}.preview-scaler,.preview-frame{width:100%;height:100%;inset:0;overflow:hidden;transform:none}.preview-frame iframe{width:100%;min-width:0;max-width:100%;height:100%;position:absolute;inset:0}}