:root{--bg-main:#070a10;--bg-sidebar:rgba(8,11,18,0.75);--bg-elevated:rgba(14,20,36,0.68);--bg-glass:rgba(255,255,255,0.050);--bg-glass-hover:rgba(255,255,255,0.085);--bg-glass-strong:rgba(255,255,255,0.095);--bg-input:rgba(6,10,18,0.65);--border-color:rgba(255,255,255,0.09);--border-hover:rgba(255,255,255,0.17);--border-active:rgba(255,255,255,0.28);--border-highlight:rgba(156,92,255,0.35);--primary:#9c5cff;--primary-hover:#b182ff;--primary-glow:rgba(156,92,255,0.22);--primary-glow-strong:rgba(156,92,255,0.42);--accent-warm:#f97316;--accent-warm-bg:rgba(249,115,22,0.10);--accent-warm-glow:rgba(249,115,22,0.18);--accent-sage:#86efac;--accent-sage-bg:rgba(134,239,172,0.07);--accent-ice:#bae6fd;--accent-secondary:#38bdf8;--text-main:#eef0f4;--text-muted:#8d9099;--text-dark:#52555f;--success:#10b981;--success-glow:rgba(16,185,129,0.12);--warning:#f59e0b;--warning-glow:rgba(245,158,11,0.12);--error:#ef4444;--error-glow:rgba(239,68,68,0.12);--glass-blur-sm:8px;--glass-blur-md:16px;--glass-blur-lg:24px;--glass-blur-xl:36px;--font-family-headings:var(--font-outfit,"Outfit"),Inter,ui-sans-serif,system-ui,sans-serif;--font-family-body:var(--font-inter,"Inter"),ui-sans-serif,system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.28s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.55s cubic-bezier(0.16,1,0.3,1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--radius-pill:9999px;--shadow-soft:0 8px 32px rgba(0,0,0,0.50);--shadow-card:0 16px 48px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.07);--shadow-panel:0 24px 72px rgba(0,0,0,0.65),inset 0 1px 0 rgba(255,255,255,0.09);--shadow-glow-violet:0 0 40px rgba(156,92,255,0.18);--shadow-glow-warm:0 0 60px rgba(249,115,22,0.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background-color:#060914;min-height:100%}body{position:relative;min-height:100vh;color:var(--text-main);font-family:var(--font-family-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden;background:transparent}.aurora-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;background:#060914;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(140px);-webkit-filter:blur(140px);mix-blend-mode:screen;will-change:transform;opacity:.58}.blob-1{width:70vw;height:70vw;background:radial-gradient(circle,rgba(20,184,166,.62) 0,rgba(14,165,233,.08) 70%,transparent 100%);top:-20vh;left:-10vw;animation:floatBlob1 38s ease-in-out infinite alternate}.blob-2{width:75vw;height:75vw;background:radial-gradient(circle,rgba(139,92,246,.5) 0,rgba(167,139,250,.08) 70%,transparent 100%);bottom:-25vh;right:-10vw;animation:floatBlob2 45s ease-in-out infinite alternate-reverse}.blob-3{width:60vw;height:60vw;background:radial-gradient(circle,rgba(56,189,248,.48) 0,rgba(186,230,253,.06) 70%,transparent 100%);top:15vh;right:-15vw;animation:floatBlob3 32s ease-in-out infinite alternate}.blob-4{width:65vw;height:65vw;background:radial-gradient(circle,rgba(52,211,153,.42) 0,rgba(134,239,172,.05) 70%,transparent 100%);bottom:-15vh;left:-15vw;animation:floatBlob4 40s ease-in-out infinite alternate-reverse}.blob-5{width:55vw;height:55vw;background:radial-gradient(circle,rgba(249,115,22,.32) 0,rgba(251,191,36,.04) 70%,transparent 100%);top:-10vh;left:40vw;animation:floatBlob5 50s ease-in-out infinite alternate}@keyframes floatBlob1{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(8vw,12vh,0) scale(1.1)}to{transform:translate3d(-5vw,6vh,0) scale(.95)}}@keyframes floatBlob2{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10vw,-8vh,0) scale(.9)}to{transform:translate3d(4vw,-15vh,0) scale(1.1)}}@keyframes floatBlob3{0%{transform:translateZ(0) scale(.95)}50%{transform:translate3d(-6vw,10vh,0) scale(1.05)}to{transform:translate3d(3vw,-5vh,0) scale(1)}}@keyframes floatBlob4{0%{transform:translateZ(0) scale(1.1)}50%{transform:translate3d(12vw,-5vh,0) scale(.95)}to{transform:translate3d(5vw,8vh,0) scale(1.05)}}@keyframes floatBlob5{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8vw,15vh,0) scale(1.15)}to{transform:translate3d(6vw,-10vh,0) scale(.9)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:500;letter-spacing:-.02em;line-height:1.2}p{line-height:1.6;color:var(--text-muted)}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-main)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.2);border-radius:var(--radius-md);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{border-color:rgba(255,255,255,.22)}.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.2);border-radius:18px;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.glass-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border-color:rgba(255,255,255,.35) rgba(255,255,255,.24) rgba(255,255,255,.24);box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);transform:translateY(-3px)}.glass-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.005));border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 40px rgba(0,0,0,.15),inset -1px 0 0 rgba(255,255,255,.03)}.glass-header,.glass-sidebar{backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%)}.glass-header{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 32px rgba(0,0,0,.1)}.glass-step-panel{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}.glass-input{width:100%;background:rgba(6,10,18,.62);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-main);padding:11px 14px;font-size:var(--text-sm);font-family:var(--font-family-body);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);outline:none;appearance:none;-webkit-appearance:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-input:focus{background:rgba(8,14,26,.75);border-color:rgba(255,255,255,.26);box-shadow:0 0 0 3px rgba(156,92,255,.14),inset 0 1px 0 rgba(255,255,255,.05)}.glass-input::placeholder{color:var(--text-dark)}.glass-input:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family-headings);font-size:var(--text-sm);font-weight:500;padding:10px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);user-select:none;outline:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 18px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 28px var(--primary-glow-strong);transform:translateY(-1px)}.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(156,92,255,.5)}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text-main);border-color:var(--border-color);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.09);border-color:var(--border-hover)}.btn-secondary:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px rgba(156,92,255,.3)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;white-space:nowrap}.status-badge-draft{background:var(--warning-glow);color:var(--warning);border-color:rgba(245,158,11,.2)}.status-badge-ready{background:var(--success-glow);color:var(--success);border-color:rgba(16,185,129,.2)}.status-badge-processing{background:rgba(56,189,248,.1);color:var(--accent-secondary);border-color:rgba(56,189,248,.2)}.ambient-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.55}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.step-item{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);width:100%}.step-item:hover{background:rgba(255,255,255,.038);border-color:rgba(255,255,255,.06)}.step-item.active{background:linear-gradient(135deg,rgba(156,92,255,.14),rgba(255,255,255,.05));border-color:rgba(156,92,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.step-item.active .step-num{color:var(--primary-hover)}.step-item.active .step-name{color:var(--text-main);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-custom{animation:spin 1s linear infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(249,115,22,.6)}50%{opacity:.55;transform:scale(.75);box-shadow:0 0 18px rgba(249,115,22,.2)}}.live-dot{animation:liveDotPulse 2.6s ease-in-out infinite}@keyframes chipIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.chip-in{animation:chipIn .4s cubic-bezier(.16,1,.3,1) both}.glass-card:hover .arrow-icon{transform:translateX(5px);color:var(--primary-hover)!important}@media (prefers-reduced-motion:reduce){body:after,body:before{animation:none!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}