:root{color-scheme:dark;--bg: #0b0d12;--bg-2: #0d1017;--surface: #14161c;--surface-2: #101218;--surface-3: #1a1d23;--border: #1c2029;--border-2: #30343c;--text: #e6e6e6;--text-muted: #bfc6d1;--text-dim: #8b94a3;--accent-purple: #7c3aed;--accent-blue: #2b5cff;--accent-cyan: #06b6d4;--accent-green: #4ade80;--accent-red: #ff6a6a;--accent-amber: #f59e0b;--gradient: linear-gradient(135deg, #7c3aed, #2b5cff);--gradient-3: linear-gradient(135deg, #7c3aed, #2b5cff, #06b6d4);--gradient-soft: linear-gradient(135deg, rgba(124, 58, 237, .18), rgba(43, 92, 255, .18));--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-pop: 0 20px 60px rgba(0, 0, 0, .5), 0 0 0 1px rgba(124, 58, 237, .1);--shadow-glow: 0 10px 40px rgba(124, 58, 237, .25);--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh;background-image:radial-gradient(1100px 600px at 5% -10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(1000px 500px at 105% 5%,rgba(43,92,255,.1),transparent 60%);background-repeat:no-repeat;background-attachment:fixed}h1,h2,h3,h4{letter-spacing:-.4px;font-weight:800}h2{font-size:28px;margin:0 0 14px}h3{font-size:18px;margin:0 0 10px}a{color:#7ea9ff;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);padding:10px 12px;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #7c3aed38}input[type=file]{padding:8px;cursor:pointer}textarea{min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;resize:vertical}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px;font-weight:500}button{font:inherit;cursor:pointer;padding:10px 16px;border-radius:var(--r-md);border:1px solid transparent;background:var(--gradient);color:#fff;font-weight:600;transition:transform .1s,box-shadow .15s,opacity .15s,background .15s;box-shadow:0 6px 20px #7c3aed40}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #7c3aed52}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface-3);border:1px solid var(--border-2);color:var(--text);box-shadow:none}button.secondary:hover:not(:disabled){background:#22262e;border-color:#3a3f49;box-shadow:none}button.ghost{background:transparent;border:1px solid var(--border-2);color:var(--text);box-shadow:none}button.ghost:hover:not(:disabled){background:#ffffff0a}.container{max-width:1100px;margin:0 auto;padding:28px 24px}.nav{position:sticky;top:0;z-index:20;display:flex;gap:18px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);background:#0b0d12bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav a{text-decoration:none;color:var(--text-muted);font-size:14px;padding:6px 10px;border-radius:var(--r-sm);transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:#ffffff0a}.nav a.active{color:var(--text);background:#7c3aed1f}.spacer{flex:1}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff}.brand-text{font-size:16px;font-weight:800;letter-spacing:-.2px}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;transition:border-color .15s,transform .15s}.card.hoverable:hover{border-color:var(--border-2);transform:translateY(-1px)}.card.highlight{border-color:var(--accent-purple);box-shadow:var(--shadow-glow)}.row{display:flex;gap:12px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.grid2{grid-template-columns:1fr}}.muted{color:var(--text-dim);font-size:13px}.error{color:var(--accent-red);font-size:14px}.ok{color:var(--accent-green);font-size:14px}.gradient-text{background:var(--gradient-3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.eyebrow{display:inline-block;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--border-2);color:var(--text-muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.progress{height:8px;background:#1f242d;border-radius:var(--r-pill);overflow:hidden;position:relative}.progress>div{height:100%;background:var(--gradient);transition:width .3s;box-shadow:0 0 12px #7c3aed99}.tag{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;letter-spacing:.2px;border:1px solid transparent}.tag.queued{background:#bfc6d114;color:var(--text-muted);border-color:#bfc6d12e}.tag.running{background:#2b5cff1f;color:#8bb3ff;border-color:#2b5cff59}.tag.done{background:#4ade801a;color:var(--accent-green);border-color:#4ade804d}.tag.failed{background:#ff6a6a1a;color:var(--accent-red);border-color:#ff6a6a4d}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff0a;border:1px solid var(--border);padding:3px 8px;border-radius:6px;font-size:12.5px;color:var(--text-muted)}video,audio{width:100%;background:#000;border-radius:var(--r-md);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}table thead th{text-align:left;color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.6px;padding:10px 6px;border-bottom:1px solid var(--border)}table tbody td{padding:12px 6px;border-bottom:1px solid var(--border);font-size:14px}table tbody tr:last-child td{border-bottom:none}.auth-shell{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-pop)}.auth-card h2{margin:0 0 18px}.auth-card .muted{text-align:center}.link-btn{color:#7ea9ff;background:none;border:none;box-shadow:none;padding:0;font-weight:500;cursor:pointer}.link-btn:hover{text-decoration:underline;transform:none;box-shadow:none;background:none}::selection{background:#7c3aed59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#22262e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2e3340}.builder{max-width:1280px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}@media (max-width: 980px){.builder-grid{grid-template-columns:1fr}}.builder-left{min-width:0}.builder-right{position:sticky;top:70px}@media (max-width: 980px){.builder-right{position:static}}.drop-zone{display:block;cursor:pointer;border:2px dashed var(--border-2);border-radius:var(--r-lg);padding:22px;text-align:center;background:#ffffff05;transition:background .15s,border-color .15s}.drop-zone.dragging{border-color:var(--accent-purple);background:#7c3aed14}.drop-zone.full{opacity:.55;cursor:not-allowed}.file-chips{display:flex;flex-direction:column;gap:6px;margin-top:14px}.file-chip{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);transition:border-color .15s,background .15s}.file-chip.active{border-color:var(--accent-purple)}.file-chip.used{background:#7c3aed0f}.file-chip-badge{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;background:var(--gradient);color:#fff;border:none;padding:4px 10px;border-radius:var(--r-pill);cursor:pointer;box-shadow:none}.file-chip-badge:hover{transform:none;box-shadow:0 0 0 3px #7c3aed40}.file-chip-name{text-align:left;background:none;border:none;color:var(--text);font:inherit;padding:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-name:hover{color:#7ea9ff;text-decoration:underline}.file-chip-x{background:transparent;border:1px solid var(--border-2);color:var(--text-dim);border-radius:var(--r-pill);width:24px;height:24px;padding:0;font-size:12px;box-shadow:none}.file-chip-x:hover{color:var(--accent-red);border-color:var(--accent-red);background:#ff6a6a14;transform:none;box-shadow:none}.args-preview{margin:8px 0 0;padding:10px 12px;border-radius:var(--r-md);background:#ffffff06;border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word;color:var(--text-muted);min-height:32px}.arg-token{display:inline-block;padding:0 6px;border-radius:6px;font-weight:600}.arg-input{background:#7c3aed2e;color:#c5b4ff;border:1px solid rgba(124,58,237,.45)}.arg-output{background:#06b6d42e;color:#7adfee;border:1px solid rgba(6,182,212,.45)}.accordion+.accordion{margin-top:6px}.accordion-head{display:flex;width:100%;align-items:center;gap:10px;background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--r-md);font-weight:600;font-size:14px;text-align:left;box-shadow:none}.accordion-head:hover{background:#22262e;transform:none;box-shadow:none}.accordion-head>:nth-child(1){flex:1}.accordion-chev{transition:transform .15s;color:var(--text-dim)}.accordion-chev.open{transform:rotate(180deg)}.accordion-body{display:flex;flex-direction:column;gap:4px;padding:8px 4px 4px}.tpl-item{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);border-radius:var(--r-sm);padding:8px 10px;box-shadow:none;font-weight:500}.tpl-item:hover{background:#ffffff0a;border-color:var(--border-2);transform:none;box-shadow:none}.tpl-item.active{background:#7c3aed1f;border-color:#7c3aed73}.tpl-item.warn{opacity:.85}.tpl-name{font-size:13px}.tpl-meta{font-size:12px;margin-top:2px}.inputs-stack{display:flex;flex-direction:column;gap:12px}.input-card{border:1px solid var(--border);border-radius:var(--r-md);padding:8px;background:var(--surface-2)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-anim{opacity:0;animation:fade-up .7s ease-out forwards}.hero-anim-1{animation-delay:.05s}.hero-anim-2{animation-delay:.18s}.hero-anim-3{animation-delay:.32s}.hero-anim-4{animation-delay:.46s}.hero-anim-5{animation-delay:.6s}.hero-anim-6{animation-delay:.78s}.topbar-anim{animation:slide-down .5s ease-out 0s 1 both}.hero-gradient-text{background:linear-gradient(110deg,#7c3aed,#2b5cff,#06b6d4,#2b5cff,#7c3aed);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradient-pan 9s ease-in-out infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out;will-change:opacity,transform}.reveal.reveal-in{opacity:1;transform:translateY(0)}.reveal-stagger>*{transition-delay:0s}.reveal.reveal-in.reveal-stagger>*:nth-child(1){transition-delay:.05s}.reveal.reveal-in.reveal-stagger>*:nth-child(2){transition-delay:.13s}.reveal.reveal-in.reveal-stagger>*:nth-child(3){transition-delay:.21s}.reveal.reveal-in.reveal-stagger>*:nth-child(4){transition-delay:.29s}.reveal.reveal-in.reveal-stagger>*:nth-child(5){transition-delay:.37s}.reveal.reveal-in.reveal-stagger>*:nth-child(6){transition-delay:.45s}.reveal.reveal-in.reveal-stagger>*:nth-child(7){transition-delay:.53s}.reveal.reveal-in.reveal-stagger>*:nth-child(8){transition-delay:.61s}.reveal-stagger>*{opacity:0;transform:translateY(14px);transition:opacity .55s ease-out,transform .55s ease-out}.reveal.reveal-in.reveal-stagger>*{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.hero-anim,.topbar-anim,.reveal,.reveal-stagger>*{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.hero-gradient-text{animation:none!important}}.nav-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px!important;border-radius:var(--r-pill)!important;font-size:13px!important;font-weight:600!important;background:var(--gradient)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 4px 14px #7c3aed4d!important;text-decoration:none!important;transition:transform .12s,box-shadow .15s!important}.nav-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed73!important;text-decoration:none!important;color:#fff!important}.nav-upgrade-btn:before{content:"★";font-size:11px}.export-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.export-btn{font-size:13px;font-weight:600;padding:7px 12px;border-radius:var(--r-md);border:1px solid transparent;color:#fff;box-shadow:none}.export-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.export-curl{background:var(--surface-3);border-color:var(--border-2);color:var(--text)}.export-curl:hover:not(:disabled){background:#22262e}.export-n8n{background:#6c3ff7}.export-make{background:#2a6df4}.toast{position:fixed;bottom:28px;right:28px;z-index:1000;background:var(--surface);color:var(--text);border:1px solid var(--border-2);padding:10px 16px;border-radius:var(--r-md);font-size:14px;font-weight:500;box-shadow:0 12px 32px #0006;animation:toast-in .18s ease-out,toast-out .25s ease-in 1.5s forwards}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(8px);opacity:0}}