:root{--bg-dark:#080a0f;--bg-surface:#0f131d;--card-bg:#141a26bf;--card-bg-hover:#1c2434d9;--card-border:#ffffff14;--card-border-glow:#6366f159;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f166;--secondary:#06b6d4;--secondary-glow:#06b6d466;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b4d;--accent-green:#10b981;--accent-green-bg:#10b98126;--accent-red:#ef4444;--accent-red-bg:#ef444426;--text-main:#f9fafb;--text-muted:#9ca3af;--text-subtle:#6b7280;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Poppins", sans-serif;--font-code:"Fira Code", monospace;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);background-image:radial-gradient(circle at 15% 15%,#6366f126 0%,#0000 45%),radial-gradient(circle at 85% 85%,#06b6d41f 0%,#0000 50%),radial-gradient(circle,#f59e0b0f 0%,#0000 65%);background-attachment:fixed;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f131d99}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f199}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:var(--transition-smooth);box-shadow:0 10px 30px -10px #00000080}.text-gradient{background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 14px #6366f166}.btn-primary:active{transform:scale(.98)}.btn-gold{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);font-weight:700;box-shadow:0 4px 14px #f59e0b66}.btn-gold:active{transform:scale(.98)}.btn-outline{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff26}.btn-outline:active{background:#ffffff1f}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.badge-gold{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-input,.form-textarea,.form-select{border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-main);transition:var(--transition-fast);background:#0f131dd9;border:1px solid #ffffff1f;padding:12px 14px;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);background:#141a26f2;outline:none;box-shadow:0 0 0 3px #6366f140}.form-textarea{resize:vertical;min-height:95px}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-active{animation:2s infinite pulseGlow}.markdown-body{color:#e5e7eb;word-break:break-word;font-size:.92rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-heading);color:#fff;margin-top:1.2em;margin-bottom:.5em}.markdown-body h1{border-bottom:1px solid #ffffff1a;padding-bottom:6px;font-size:1.35rem}.markdown-body h2{color:#a5b4fc;font-size:1.15rem}.markdown-body h3{color:#38bdf8;font-size:1.02rem}.markdown-body ul,.markdown-body ol{margin-bottom:.9rem;padding-left:1.2rem}.markdown-body pre{border-radius:var(--radius-sm);background:#0a0d14f2;border:1px solid #ffffff1a;max-width:100%;margin:.8rem 0;padding:12px;overflow-x:auto}.markdown-body blockquote{border-left:4px solid var(--primary);color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6366f114;margin:.8rem 0;padding:8px 12px;font-style:italic}@media (width<=900px){.app-container{padding:0 14px!important}.runner-grid,.pipeline-grid{grid-template-columns:1fr!important;gap:16px!important}.header-content{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.header-actions{justify-content:space-between!important;width:100%!important}.nav-scroll-container{padding-bottom:8px!important}.output-header-actions{flex-wrap:wrap!important;justify-content:flex-end!important;width:100%!important;margin-top:8px!important}.modal-dialog{max-width:95%!important;padding:16px!important}}@media (width<=480px){.btn{padding:10px 14px!important;font-size:.82rem!important}.header-actions button{padding:6px 10px!important;font-size:.75rem!important}.badge{font-size:.7rem!important}}