.code-loader{padding:var(--spacing-md);justify-content:center;align-items:center;display:inline-flex}.code-loader__container{-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 20px 60px #00000080,0 0 0 1px rgba(var(--primary-rgb),.2),inset 0 1px 0 #ffffff08,0 0 100px rgba(var(--primary-rgb),.1);background:linear-gradient(135deg,#05050ad9 0%,#0a0a0fe6 100%);border-radius:12px;position:relative;overflow:hidden}.code-loader__container:after{content:"";pointer-events:none;z-index:10;opacity:.3;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.code-loader__container:before{content:"";background:radial-gradient(circle at center,transparent 0%,rgba(var(--primary-rgb),.05)50%,transparent 100%);pointer-events:none;width:200%;height:200%;animation:8s ease-in-out infinite codeLoaderGlow;position:absolute;top:-50%;left:-50%}@keyframes codeLoaderGlow{0%,to{opacity:.3;transform:translate(0)rotate(0)}50%{opacity:.6;transform:translate(10%,10%)rotate(180deg)}}.code-loader__container:before{animation:4s ease-in-out infinite codeLoaderGlow}.code-loader__header{align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:linear-gradient(180deg,rgba(var(--primary-rgb),.05)0%,transparent 100%);border-bottom:1px solid rgba(var(--primary-rgb),.1);z-index:11;display:flex;position:relative}.code-loader__dots{gap:7px;display:flex}.code-loader__dot{border-radius:50%;width:10px;height:10px;transition:all .3s;position:relative}.code-loader__dot:after{content:"";opacity:.6;filter:blur(3px);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.code-loader__dot--red{background:#ff5f57;box-shadow:0 0 8px #ff5f5766}.code-loader__dot--red:after{background:#ff5f57}.code-loader__dot--yellow{background:#ffbd2e;box-shadow:0 0 8px #ffbd2e66}.code-loader__dot--yellow:after{background:#ffbd2e}.code-loader__dot--green{background:#28ca42;box-shadow:0 0 8px #28ca4266}.code-loader__dot--green:after{background:#28ca42}.code-loader__title{font-family:var(--font-mono);color:rgba(var(--primary-rgb),.8);letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:.7rem;font-weight:500}.code-loader__code{padding:var(--spacing-md);font-family:var(--font-mono);min-height:200px;max-height:400px;font-size:.85rem;line-height:1.6;position:relative;overflow:hidden}.code-loader__line{gap:var(--spacing-md);margin-bottom:4px;animation:.15s ease-out codeLineFadeIn;display:flex}@keyframes codeLineFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.code-loader__line-number{color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;opacity:.5;min-width:20px}.code-loader__line-content{color:var(--text-primary);flex:1}.code-loader__keyword{color:var(--accent-primary);font-weight:600}.code-loader__string{color:#a5d6ff}.code-loader__comment{color:var(--text-muted);font-style:italic}.code-loader__cursor{background:var(--accent-primary);width:8px;height:1.2em;box-shadow:0 0 8px rgba(var(--primary-rgb),.5);margin-left:2px;animation:.6s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.code-loader__footer{padding:var(--spacing-md);background:linear-gradient(#ffffff03 0%,#ffffff08 100%);border-top:1px solid #ffffff0d}.code-loader__message{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.875rem;display:flex}.code-loader__spinner{border:2px solid rgba(var(--primary-rgb),.2);border-top-color:var(--accent-primary);border-radius:50%;width:14px;height:14px;animation:.5s linear infinite spinnerRotate}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.code-loader__progress{align-items:center;gap:var(--spacing-sm);display:flex}.code-loader__progress-bar{background:#ffffff0d;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.code-loader__progress-fill{background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-secondary)100%);height:100%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5);border-radius:2px;transition:width .3s;position:relative;overflow:hidden}.code-loader__progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:1s infinite progressShimmer;position:absolute;top:0;left:-100%}@keyframes progressShimmer{to{left:200%}}.code-loader__progress-text{font-family:var(--font-mono);color:var(--accent-primary);text-align:right;min-width:35px;font-size:.75rem;font-weight:600}.code-loader--sm .code-loader__container{max-width:400px}.code-loader--sm .code-loader__code{min-height:150px;font-size:.75rem}.code-loader--md .code-loader__container{max-width:600px}.code-loader--lg .code-loader__container{max-width:800px}.code-loader--lg .code-loader__code{min-height:250px;font-size:.9rem}.code-loader__fullscreen{z-index:9999;-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#0a0a0afa 0%,#050505fc 100%);justify-content:center;align-items:center;animation:.3s ease-out fullscreenFadeIn;display:flex;position:fixed;inset:0}@keyframes fullscreenFadeIn{0%{opacity:0}to{opacity:1}}.code-loader__fullscreen .code-loader{padding:0}[data-color-theme=dark] .code-loader__keyword{color:var(--theme-dark-primary)}[data-color-theme=dark] .code-loader__cursor{background:var(--theme-dark-primary);box-shadow:0 0 8px var(--theme-dark-glow)}[data-color-theme=dark] .code-loader__spinner{border-top-color:var(--theme-dark-primary)}[data-color-theme=dark] .code-loader__progress-fill{background:linear-gradient(90deg,var(--theme-dark-primary)0%,var(--theme-dark-secondary)100%);box-shadow:0 0 10px var(--theme-dark-glow)}[data-color-theme=dark] .code-loader__progress-text{color:var(--theme-dark-primary)}@media (max-width:768px){.code-loader__container{max-width:95vw}.code-loader__code{padding:var(--spacing-sm);min-height:150px;font-size:.75rem}.code-loader__line{gap:var(--spacing-sm)}.code-loader__header,.code-loader__footer{padding:var(--spacing-sm)}.code-loader__dot{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.code-loader__container:before,.code-loader__cursor,.code-loader__spinner,.code-loader__progress-fill:after{animation:none}.code-loader__cursor{opacity:1}.code-loader__line{animation:none}}