@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--brand-h: 217;--brand-s: 89%;--brand-l: 48%;--primary: hsl(var(--brand-h), var(--brand-s), var(--brand-l));--primary-glow: hsla(var(--brand-h), var(--brand-s), var(--brand-l), .08);--primary-deep: hsl(var(--brand-h), var(--brand-s), 35%);--success: #10b981;--success-glow: rgba(16, 185, 129, .08);--error: #ef4444;--error-glow: rgba(239, 68, 68, .08);--bg-studio: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--surface-border: #e2e8f0;--surface-divider: #f1f5f9;--studio-font-main: "Outfit", "Inter", -apple-system, sans-serif;--studio-font-mono: "JetBrains Mono", monospace;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 12px;--shadow-premium: 0 20px 50px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .02);--glass-bg: rgba(255, 255, 255, .7);--glass-blur: blur(12px) saturate(180%);--glass-border: 1px solid rgba(255, 255, 255, .3)}.animate-in{animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.fade-up{opacity:0;transform:translateY(12px);animation-name:studioFadeUp}.fade-down{opacity:0;transform:translateY(-12px);animation-name:studioFadeDown}.zoom-in{opacity:0;transform:scale(.95);animation-name:studioZoomIn}@keyframes studioFadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes studioZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body{margin:0;padding:0;background-color:var(--bg-studio);color:var(--text-main);font-family:var(--studio-font-main);-webkit-font-smoothing:antialiased;letter-spacing:-.011em}h1,h2,h3,h4,h5,h6{letter-spacing:-.035em;font-weight:800}.studio-header{position:sticky;top:0;z-index:2000;background:#ffffff03;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-bottom:1px solid transparent;padding:.85rem 0;transition:all .5s cubic-bezier(.16,1,.3,1)}.studio-header.scrolled{background:#ffffffbf;-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border-bottom:1px solid rgba(226,232,240,.6);padding:.65rem 0;box-shadow:0 4px 30px #00000008}.nav-container{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.25rem;background:#0f172a0a;padding:4px;border-radius:12px;border:1px solid rgba(226,232,240,.4)}@media (max-width: 1280px){.nav-container{padding:3px}}.nav-container{display:flex;align-items:center;background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;border-radius:14px;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #00000005;gap:4px}@media (max-width: 1200px){.nav-container{padding:4px;border-radius:12px}}.studio-grid-stable{display:grid;width:100%;min-width:0;overflow:hidden}.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes studioFadeIn{0%{opacity:0}to{opacity:1}}.hero-canvas{padding:1.5rem 0;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-glow);color:var(--primary);border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.hero-title{font-size:2.75rem;line-height:1.1;margin-bottom:1rem}.studio-card{background:#fff!important;border-radius:var(--radius-lg);border:1px solid var(--surface-border);box-shadow:var(--shadow-premium);transition:all .3s ease;overflow:hidden;position:relative}.studio-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,var(--primary-glow),transparent 40%);pointer-events:none;opacity:0;transition:opacity .5s ease}.studio-card:hover:before{opacity:1}.process-stepper{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.step-indicator{width:48px;height:6px;border-radius:999px;background:var(--surface-border);transition:all .4s ease}.step-indicator.active{background:var(--primary);width:80px}.btn-studio{background:var(--text-main)!important;color:#fff!important;padding:.9rem 2rem!important;border-radius:999px!important;font-weight:500!important;letter-spacing:-.01em!important;text-transform:none!important;transition:all .2s ease!important;box-shadow:0 4px 20px #0000001a!important}.btn-studio:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026!important}.btn-studio-outline{background:transparent!important;border:1px solid var(--surface-border)!important;color:var(--text-main)!important}@keyframes studioFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes studioFloatGlow{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes studioPulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:.95}}@keyframes studioFloatCardA{0%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(10deg) translateY(-8px)}to{transform:rotate(8deg) translateY(0)}}@keyframes studioFloatCardB{0%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-8deg) translateY(7px)}to{transform:rotate(-10deg) translateY(0)}}.animate-up{animation:studioFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.mesh-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#f8fafc}.mesh-gradient-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,hsla(var(--brand-h),80%,60%,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,hsla(250,80%,60%,.04) 0%,transparent 40%),radial-gradient(circle at 40% 80%,hsla(190,80%,60%,.05) 0%,transparent 40%);animation:mesh-rotate 40s linear infinite;filter:blur(80px)}@keyframes mesh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hover-lift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes studioGlowPulse{0%{opacity:.8;box-shadow:0 0 5px #1666d333}50%{opacity:1;box-shadow:0 0 15px #1666d380}to{opacity:.8;box-shadow:0 0 5px #1666d333}}.dropzone{border:2px dashed var(--surface-border);border-radius:var(--radius-xl);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--primary);background:var(--primary-glow);transform:translateY(-2px)}.dropzone.active{border-color:var(--primary);background:var(--primary-glow);animation:dropzonePulse 2s infinite}@keyframes dropzonePulse{0%{box-shadow:0 0 #1666d366}70%{box-shadow:0 0 0 20px #1666d300}to{box-shadow:0 0 #1666d300}}.dropzone-icon{transition:transform .3s ease}.dropzone:hover .dropzone-icon{transform:translateY(-5px)}.studio-badge{background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);color:#fff;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 4px var(--primary-glow);margin-left:8px;display:inline-flex;align-items:center;position:relative;overflow:hidden}.studio-badge:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:badgeShimmer 3s infinite}@keyframes badgeShimmer{to{transform:translate(100%)}}.status-pulse{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success-glow);animation:pulse 2.5s infinite}.pulse-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 #0006;animation:pulse-dot-key 2s infinite}.studio-viewport{height:100vh;width:100%;max-width:100%;display:flex!important;flex-direction:column!important;overflow:hidden!important;background-color:var(--bg-studio)}.studio-canvas{flex:1;display:flex;flex-direction:column;min-height:0}.studio-adaptive-layout{display:flex;flex-direction:column;min-height:100vh}.studio-card,.studio-pane,.studio-canvas Paper{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-studio:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1666d340!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-height: 900px){.studio-viewport{height:auto!important;min-height:100vh;overflow-y:auto!important;padding-bottom:80px!important}.studio-canvas{overflow-y:visible!important;min-height:600px;padding-bottom:32px}.studio-split-pane{max-height:none!important;min-height:500px!important;overflow-y:visible!important}.studio-pane{max-height:none!important;overflow-y:visible!important}}@media (max-height: 750px){.hero-eyebrow{margin-bottom:8px!important}h2{font-size:1.8rem!important}h3{font-size:1.5rem!important}.studio-card{padding:16px!important;margin-bottom:16px!important;border-radius:16px!important}.studio-viewport{padding:8px!important}.studio-canvas{min-height:500px!important}.studio-split-pane{min-height:400px!important;gap:16px!important}.studio-pane{padding:16px!important;border-radius:16px!important}.btn-studio{padding-top:12px!important;padding-bottom:12px!important}}.studio-split-pane{display:flex;flex:1;overflow:hidden;gap:24px}.studio-pane{flex:1;display:flex;flex-direction:column;overflow:hidden}.studio-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px}@media (max-width: 960px){.studio-split-pane{flex-direction:column!important;overflow-y:visible!important;height:auto!important}.studio-pane{height:auto!important;overflow-y:visible!important;min-height:450px;margin-bottom:24px}.studio-canvas{padding-left:12px!important;padding-right:12px!important}}.studio-scroll-content::-webkit-scrollbar{width:6px}.studio-scroll-content::-webkit-scrollbar-track{background:transparent}.studio-scroll-content::-webkit-scrollbar-thumb{background:var(--surface-divider);border-radius:10px}.status-tile{transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--surface-border)}.status-tile:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.status-tile.success{border-color:#10b9814d}.status-tile.error{border-color:#ef44444d}.progress-pulse{position:relative;overflow:hidden}.progress-pulse:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-slide 2s infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-dot-key{0%{transform:scale(.95);box-shadow:0 0 #64748bb3}70%{transform:scale(1);box-shadow:0 0 0 10px #64748b00}to{transform:scale(.95);box-shadow:0 0 #64748b00}}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@keyframes pulseStatus{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--success-glow)}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.smart-loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.loading-bar-outer{width:200px;height:4px;background:var(--surface-divider);border-radius:999px;overflow:hidden;position:relative}.loading-bar-inner{width:40%;height:100%;background:var(--primary);border-radius:999px;animation:loadingShimmer 2s infinite ease-in-out}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading-text-cycle{font-size:.9rem;font-weight:500;color:var(--text-muted);text-align:center;min-height:1.5rem}.MuiPaper-root{background-image:none!important}.swal2-container{z-index:20000!important}.swal2-popup{border-radius:12px!important}.studio-contact-pod{background:#1666d314;border:1px solid rgba(22,102,211,.15);color:#1666d3;padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;white-space:nowrap;font-family:Inter,Outfit,sans-serif;transition:all .2s ease}.studio-contact-pod:hover{background:#1666d31f;transform:translateY(-1px)}