/*! @license
(c) 2025 c-render.net. All rights reserved.

This file is licensed solely for use in delivering c-render.net's
online services. Use is governed by the following source code policy:

The code supporting the project-sharing system, online IDE, editor, and
related platform features is proprietary and not distributed under any
Creative Commons license. You may not copy, modify, distribute, adapt,
reverse-engineer, or decompile any portion of this codebase.

Rehosting, scraping, or duplicating the online IDE or project-sharing
environment is strictly prohibited. To reference C-Render content,
please use the official project player or editor through provided links
or embeds.
*/
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .8s ease-out;overflow:hidden}.loading-overlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0,transparent 50%);animation:8s ease-in-out infinite gradientShift;pointer-events:none}@keyframes gradientShift{0%,100%{opacity:.8;transform:scale(1) translate(0,0)}50%{opacity:1;transform:scale(1.1) translate(5%,5%)}}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;max-width:550px;padding:3rem;background:rgba(15,23,42,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05) inset;position:relative;z-index:1;animation:.8s ease-out contentFadeIn}@keyframes contentFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{width:80px;height:80px;margin:0 auto 2rem;border:5px solid rgba(255,255,255,.08);border-top:5px solid #3b82f6;border-right:5px solid #a855f7;border-radius:50%;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:relative;box-shadow:0 0 30px rgba(59,130,246,.4),0 0 60px rgba(168,85,247,.2)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:1px;text-shadow:0 0 20px rgba(59,130,246,.5);background:linear-gradient(135deg,#fff 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:2s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}.loading-progress-container{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-bottom:1rem}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6 0,#a855f7 50%,#00d4ff 100%);border-radius:3px;width:0%;transition:width .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 20px rgba(59,130,246,.6),0 0 40px rgba(168,85,247,.4);position:relative;overflow:hidden}.loading-progress-bar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.loading-status{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:2rem;min-height:1.5rem;font-weight:500;letter-spacing:.5px}.loading-details{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;max-width:300px;margin:0 auto}.loading-step{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.5);font-size:.95rem;transition:.4s cubic-bezier(.4, 0, .2, 1);padding:.5rem .75rem;border-radius:8px;background:rgba(255,255,255,.02)}.loading-step .step-icon{font-size:1.2rem;min-width:24px;text-align:center}.loading-step .step-text{text-align:left}.loading-step.active{color:#3b82f6;transform:translateX(8px) scale(1.02);background:rgba(59,130,246,.1);box-shadow:0 0 15px rgba(59,130,246,.3)}.loading-step.active .step-icon{animation:1.5s ease-in-out infinite pulse}.loading-step.completed{color:#10b981;background:rgba(16,185,129,.08);box-shadow:0 0 10px rgba(16,185,129,.2)}.loading-step.completed .step-icon{color:#0f8}.loading-step.completed .step-icon i::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900}.loading-step.error{color:#f44}.loading-step.error .step-icon i::before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width:768px){.loading-content{padding:1.5rem}.loading-title{font-size:1.5rem}.loading-spinner{width:50px;height:50px}.loading-details{max-width:250px}.loading-step{font-size:.85rem}}@media (prefers-color-scheme:light){.loading-overlay{background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.loading-title{color:#1a1a2e}.loading-status{color:rgba(26,26,46,.8)}.loading-step{color:rgba(26,26,46,.6)}.loading-spinner{border-color:rgba(26,26,46,.1);border-top-color:#09c}}