.wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:#f0f4f8}.header{margin-bottom:32px;text-align:center}.header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:8px}.header p{font-size:1rem;color:#718096}.iframe-container{width:100%;max-width:860px;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001a;border:1px solid #e2e8f0;background:#fff}.iframe-container iframe{width:100%;height:700px;border:none;display:block}.compiling-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:24px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compiling-text{font-size:1.1rem;color:#718096;font-family:sans-serif}