.profilePreviewFrame-module__gMYTAa__frame{background:0 0;border:0;width:100%;min-width:0;display:block}.profilePreviewFrame-module__gMYTAa__document,.profilePreviewFrame-module__gMYTAa__body{background:0 0;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.profilePreviewFrame-module__gMYTAa__body,.profilePreviewFrame-module__gMYTAa__content{display:flow-root}
.communityProfileCodePreview-module__9X6YQq__preview{min-width:0;color:var(--phoenix-panel-copy);gap:.85rem;display:grid}.communityProfileCodePreview-module__9X6YQq__header{background:linear-gradient(145deg,#36120df7,#1d0807fa);border:1px solid #ffd27f2b;border-radius:.9rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem 1.25rem;display:flex}.communityProfileCodePreview-module__9X6YQq__header>div{min-width:0}.communityProfileCodePreview-module__9X6YQq__header h2{color:var(--phoenix-panel-title);font-family:"Dimbo", var(--phoenix-fallback-font);align-items:center;gap:.55rem;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;display:flex}.communityProfileCodePreview-module__9X6YQq__header h2 svg{width:1.3rem;height:1.3rem}.communityProfileCodePreview-module__9X6YQq__header p{color:var(--phoenix-panel-muted);overflow-wrap:anywhere;margin-top:.3rem;font-size:.76rem}.communityProfileCodePreview-module__9X6YQq__widthControls{flex-wrap:wrap;gap:.4rem;display:flex}.communityProfileCodePreview-module__9X6YQq__widthControls [data-slot=button]{color:var(--phoenix-panel-copy);background:#f1c98e14;border-color:#ffd27f3d}.communityProfileCodePreview-module__9X6YQq__widthControls [aria-pressed=false]:hover{color:var(--phoenix-panel-title);background:#f1c98e26;border-color:#ffd27f61}.communityProfileCodePreview-module__9X6YQq__widthControls [data-slot=button]:focus-visible{outline:2px solid var(--phoenix-gold-soft);outline-offset:2px}.communityProfileCodePreview-module__9X6YQq__widthControls [aria-pressed=true]{color:var(--phoenix-gold-soft);background:#ffab4a29;border-color:#ffd27f57}.communityProfileCodePreview-module__9X6YQq__widthControls [aria-pressed=true]:hover{background:#ffab4a3b;border-color:#ffd27f80}.communityProfileCodePreview-module__9X6YQq__status{min-width:0;color:var(--phoenix-panel-muted);align-items:center;gap:.45rem;font-size:.75rem;display:flex}.communityProfileCodePreview-module__9X6YQq__status svg{width:.9rem;height:.9rem;color:var(--phoenix-gold-soft);flex:none}.communityProfileCodePreview-module__9X6YQq__notice{color:var(--phoenix-panel-muted);font-size:.76rem}.communityProfileCodePreview-module__9X6YQq__error{color:#ffd0bd;background:#7b211a3d;border:1px solid #f87b6a47;border-radius:.6rem;align-items:start;gap:.55rem;min-width:0;padding:.75rem;display:flex}.communityProfileCodePreview-module__9X6YQq__error svg{flex:none;width:1rem;height:1rem}.communityProfileCodePreview-module__9X6YQq__error p{overflow-wrap:anywhere;font-size:.76rem;line-height:1.5}.communityProfileCodePreview-module__9X6YQq__canvas{width:100%;min-width:0;margin-inline:auto}.communityProfileCodePreview-module__9X6YQq__canvas[data-width=narrow]{max-width:24rem}.communityProfileCodePreview-module__9X6YQq__spinner{animation:1s linear infinite communityProfileCodePreview-module__9X6YQq__spin}@keyframes communityProfileCodePreview-module__9X6YQq__spin{to{transform:rotate(360deg)}}@media not (min-width:1024px){.communityProfileCodePreview-module__9X6YQq__widthControls [data-slot=button]{min-height:2.75rem}}@media (max-width:520px){.communityProfileCodePreview-module__9X6YQq__header{padding:.85rem}.communityProfileCodePreview-module__9X6YQq__widthControls{width:100%}.communityProfileCodePreview-module__9X6YQq__widthControls>*{flex:1}}@media (prefers-reduced-motion:reduce){.communityProfileCodePreview-module__9X6YQq__spinner{animation:none}}