:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0b0f19;--panel-bg:#ffffff08;--border-color:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--sidebar-bg:#111827;--step-active:#3b82f6;--step-done:#10b981;--step-idle:#ffffff1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-main);background-image:radial-gradient(circle at 50% 0,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 0 100%,#10b9810d 0%,#0000 40%);margin:0}#root,.dashboard-layout{width:100%;height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:2rem 0;display:flex}.sidebar-brand{color:#fff;letter-spacing:.05em;align-items:center;gap:.75rem;margin-bottom:3rem;padding:0 2rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:var(--primary);border-left:4px solid var(--primary);background:#3b82f626;border-radius:0 .75rem .75rem 0}.main-content{flex-direction:column;flex:1;padding:3rem;display:flex;overflow-y:auto}.page-header{margin-bottom:3rem}.page-header h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.5rem}.page-header p{color:var(--text-muted);margin:0;font-size:1.125rem}.input-section{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;padding:2.5rem;transition:transform .3s,opacity .3s;display:flex;box-shadow:0 25px 50px -12px #00000080}.input-group{flex-direction:column;gap:.75rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.input-group input,.input-group textarea{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:.75rem;outline:none;padding:1rem 1.25rem;font-family:inherit;font-size:1.125rem;transition:border-color .2s,box-shadow .2s}.input-group textarea{resize:vertical;min-height:120px}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640}.generate-btn{background:linear-gradient(135deg, var(--primary) 0%, #1d4ed8 100%);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f680}.generate-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale()}.flow-container{flex-direction:column;gap:1.5rem;width:100%;margin-top:1rem;display:flex}.flow-step{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:1rem;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.flow-step:before{content:"";background:var(--step-idle);width:4px;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.flow-step.active{background:#3b82f60d;border-color:#3b82f64d;transform:scale(1.02);box-shadow:0 10px 30px -10px #3b82f633}.flow-step.active:before{background:var(--step-active);box-shadow:0 0 10px var(--step-active)}.flow-step.done{border-color:#10b98133}.flow-step.done:before{background:var(--step-done)}.step-icon-wrapper{width:48px;height:48px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.flow-step.active .step-icon-wrapper{color:var(--primary);background:#3b82f633}.flow-step.done .step-icon-wrapper{color:var(--success);background:#10b98133}.step-content{flex-grow:1}.step-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.step-desc{color:var(--text-muted);font-size:.875rem}.step-status{font-size:.875rem;font-weight:500}.flow-step.active .step-status{color:var(--primary);animation:2s infinite pulse}.flow-step.done .step-status{color:var(--success)}.result-card{text-align:center;background:linear-gradient(135deg,#10b9811a 0%,#0596690d 100%);border:1px solid #10b9814d;border-radius:1.5rem;width:100%;padding:2.5rem;animation:.5s slideUp}.result-card h2{color:var(--success);margin-top:0;font-size:2rem}.result-url{color:var(--text-main);background:#0000004d;border:1px solid #ffffff1a;border-radius:.75rem;margin-top:1rem;padding:1rem 1.5rem;font-family:monospace;font-size:1.25rem;display:inline-block}.spin-anim{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.loading-dots:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}