@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#050505;--bg-surface:#14141499;--bg-surface-hover:#1e1e1ecc;--bg-surface-solid:#111;--border-subtle:#ffffff14;--border-highlight:#ffffff26;--accent-primary:#3b82f6;--accent-primary-glow:#3b82f64d;--accent-purple:#8b5cf6;--accent-success:#10b981;--accent-info:#3b82f6;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-muted:#6b7280;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#4b5563;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f60f 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf60f 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}button{background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s;box-shadow:0 4px 30px #0000001a}.glass-panel:hover{border-color:var(--border-highlight);background:var(--bg-surface-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}.text-muted{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.status-success{background:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.status-dot.status-danger{background:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}.status-dot.status-warning{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.status-dot.status-active{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);animation:2s infinite pulse}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080899;flex-direction:column;width:360px;min-width:360px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem}.scenario-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;background:#ffffff05;align-items:flex-start;gap:12px;width:100%;padding:.85rem 1rem;transition:all .25s;display:flex}.scenario-card:hover:not(:disabled){border-color:var(--border-highlight);background:#ffffff0d;transform:translateY(-1px)}.scenario-card:disabled{opacity:.4;cursor:not-allowed;transform:none}.scenario-card.active{border-color:var(--accent-primary);background:#3b82f614}.scenario-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.scenario-icon.green{color:var(--accent-success);background:#10b98126}.scenario-icon.blue{color:var(--accent-primary);background:#3b82f626}.scenario-icon.amber{color:var(--accent-warning);background:#f59e0b26}.scenario-icon.red{color:var(--accent-danger);background:#ef444426}.trace-panel{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.trace-panel::-webkit-scrollbar{width:4px}.trace-panel::-webkit-scrollbar-track{background:0 0}.trace-panel::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.trace-entry{animation:.4s fadeSlideIn}.trace-time{color:var(--text-dark);margin-bottom:2px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.7rem}.trace-body{border-left:2px solid var(--border-subtle);padding-left:.75rem}.trace-body.status-info{border-left-color:var(--accent-info)}.trace-body.status-success{border-left-color:var(--accent-success)}.trace-body.status-warning{border-left-color:var(--accent-warning)}.trace-body.status-danger{border-left-color:var(--accent-danger)}.trace-body.status-muted{border-left-color:var(--accent-muted)}.trace-title{margin-bottom:2px;font-size:.82rem;font-weight:600}.trace-message{color:var(--text-muted);font-size:.82rem;line-height:1.5}.trace-empty{text-align:center;color:var(--text-dark);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.trace-empty svg{opacity:.3}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.top-nav{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a33;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.content-area{flex-direction:column;flex:1;padding:1.25rem;display:flex}.step-indicator{border-radius:var(--radius-md);background:#3b82f60f;border:1px solid #3b82f626;align-items:center;gap:1rem;margin-bottom:1rem;padding:.65rem 1rem;animation:.3s fadeSlideIn;display:flex}.step-label{color:var(--accent-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.step-progress-track{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.step-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-purple));border-radius:2px;height:100%;transition:width .5s}.inbox-panel{border-left:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080899;flex-direction:column;width:320px;min-width:320px;display:flex}.inbox-header{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem}.inbox-stats{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1.25rem;display:grid}.inbox-stat{text-align:center;border-radius:var(--radius-sm);background:#ffffff05;padding:.65rem}.inbox-stat-value{font-size:1.5rem;font-weight:700}.inbox-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.inbox-emails{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.inbox-emails::-webkit-scrollbar{width:4px}.inbox-emails::-webkit-scrollbar-track{background:0 0}.inbox-emails::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.email-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;padding:.85rem 1rem;animation:.4s fadeSlideIn}.email-card.delivered{border-left:3px solid var(--accent-success)}.email-card.blocked{border-left:3px solid var(--accent-danger);opacity:.7;background:#ef44440a}.email-card.blocked .email-subject{color:var(--text-dark);text-decoration:line-through}.email-card.queued{border-left:3px solid var(--accent-warning);background:#f59e0b0a}.email-from{color:var(--text-dark);margin-bottom:4px;font-size:.75rem}.email-subject{color:var(--text-main);margin-bottom:4px;font-size:.85rem;font-weight:600}.email-preview{color:var(--text-muted);font-size:.78rem;line-height:1.4}.email-badge{border-radius:4px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.email-badge.delivered{color:var(--accent-success);background:#10b98126}.email-badge.blocked,.email-badge.alert{color:var(--accent-danger);background:#ef444426}.email-card.alert{border-left:3px solid var(--accent-danger);background:#ef44440a}.email-badge.queued{color:var(--accent-warning);background:#f59e0b26}.inbox-empty{color:var(--text-dark);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.inbox-empty svg{opacity:.2}.comparison-banner{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:0 1.25rem 1rem;animation:.5s fadeSlideIn;overflow:hidden}.comparison-row{align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.4;display:flex}.comparison-row.without{border-bottom:1px solid var(--border-subtle);background:#ef44440f}.comparison-row.with{background:#10b9810f}.comparison-label{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-top:1px;font-size:.72rem;font-weight:700}.comparison-label.without{color:var(--accent-danger)}.comparison-label.with{color:var(--accent-success)}.react-flow__node{border-radius:var(--radius-md)}.react-flow__pane{background:0 0!important}.react-flow__controls{overflow:hidden;background:var(--bg-surface-solid)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important}.react-flow__controls-button{border-bottom:1px solid var(--border-subtle)!important;fill:var(--text-main)!important;background:0 0!important}.react-flow__edge-text{fill:var(--text-dark)!important}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-primary-glow)}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nodeGlow{0%,to{box-shadow:0 0 10px #3b82f64d}50%{box-shadow:0 0 25px #3b82f680}}.builder-root{flex-direction:column;height:100vh;display:flex}.builder-loading{text-align:center;color:var(--text-muted);padding:2rem}.api-banner{border-bottom:1px solid var(--accent-danger);background:#ef444426;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.api-banner button{border-radius:var(--radius-sm);background:var(--bg-surface-solid);color:var(--text-main);cursor:pointer;margin-left:auto;padding:.25rem .75rem}.builder-topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-solid);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.topbar-left{align-items:center;gap:.75rem;display:flex}.logo-text{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.workflow-name-input{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);background:0 0;min-width:200px;padding:.35rem .6rem}.version-badge,.dirty-badge{color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.dirty-badge{color:var(--accent-warning)}.topbar-actions{align-items:center;gap:.5rem;display:flex}.btn-primary,.btn-accent,.btn-ghost,.btn-sm,.btn-xs{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-accent{background:var(--accent-success);color:#fff}.btn-ghost{border:1px solid var(--border-subtle);background:0 0}.btn-sm{border:1px solid var(--border-subtle);background:var(--bg-surface-solid);padding:.3rem .6rem;font-size:.75rem}.import-label{cursor:pointer;align-items:center;display:inline-flex}.validation-banner{color:var(--accent-danger);background:#ef44441a;padding:.5rem 1rem;font-size:.82rem}.builder-body{flex:1;min-height:0;display:flex}.builder-sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-surface-solid);flex-direction:column;width:260px;display:flex}.sidebar-tabs{border-bottom:1px solid var(--border-subtle);display:flex}.sidebar-tabs button{color:var(--text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;display:flex}.sidebar-tabs button.active{color:var(--text-main);background:#ffffff0a}.sidebar-list{flex:1;padding:.5rem;overflow-y:auto}.sidebar-new{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.5rem;display:flex}.sidebar-item{text-align:left;border-radius:var(--radius-sm);min-width:0;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;flex:1;gap:.15rem;padding:.5rem .6rem;display:flex}.sidebar-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.sidebar-item-meta{color:var(--text-dark);font-size:.65rem;line-height:1.3}.sidebar-workflow-row{align-items:stretch;gap:.2rem;margin-bottom:.25rem;display:flex}.sidebar-item-delete{border-radius:var(--radius-sm);width:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-item-delete:hover{color:#fca5a5;background:#ef444414;border-color:#ef444459}.sidebar-item.active,.sidebar-item:hover{color:var(--text-main);border-color:var(--border-subtle);background:#3b82f61a}.gallery-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);margin-bottom:.5rem;padding:.6rem}.featured-badge{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.gallery-title{margin:.25rem 0;font-size:.85rem;font-weight:600}.gallery-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.node-palette{border-top:1px solid var(--border-subtle);max-height:55%;padding:.5rem;overflow-y:auto}.palette-section{margin-bottom:.75rem}.btn-row{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.cron-presets{margin-top:.45rem}.schedule-active-card{border-radius:var(--radius-sm);background:#10b98114;border:1px solid #10b98159;margin-bottom:.75rem;padding:.6rem .7rem}.schedule-active-head{color:#34d399;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.schedule-next-hint{opacity:.85;margin-top:.2rem;font-size:.68rem}.schedule-run-hint{color:var(--text-muted);border-radius:var(--radius-sm);background:#f59e0b14;border:1px solid #f59e0b33;padding:.5rem .6rem;line-height:1.45}.results-heading-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.results-heading-row .results-heading{margin-top:0}.exec-kind-pill{color:#fbbf24;text-transform:uppercase;letter-spacing:.03em;background:#f59e0b26;border-radius:4px;padding:.1rem .35rem;font-size:.62rem}.btn-xs{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--text-main);cursor:pointer;padding:.2rem .45rem;font-size:.68rem}.palette-title{text-transform:uppercase;color:var(--text-dark);margin-bottom:.35rem;font-size:.7rem;font-weight:600}.palette-intro{color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;line-height:1.4}.palette-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);width:100%;color:var(--text-main);cursor:pointer;text-align:left;gap:.5rem;margin-bottom:.4rem;padding:.5rem;transition:border-color .15s,background .15s;display:flex}.palette-card:hover{border-color:var(--accent-primary);background:#3b82f60f}.palette-card-icon{flex-shrink:0;margin-top:.1rem}.palette-card-name{margin-bottom:.15rem;font-size:.8rem;font-weight:600}.palette-card-desc{color:var(--text-muted);font-size:.68rem;line-height:1.35}.palette-item{border-radius:var(--radius-sm);width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:1px solid;margin-bottom:.35rem;padding:.35rem;font-size:.78rem;display:block}.builder-canvas{flex:1;min-width:0;position:relative}.builder-panel{border-left:1px solid var(--border-subtle);background:var(--bg-surface-solid);flex-direction:column;width:300px;display:flex}.panel-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.panel-tabs button{color:var(--text-muted);cursor:pointer;text-transform:capitalize;flex:1;padding:.45rem;font-size:.72rem}.panel-tabs button.active{color:var(--text-main);background:#ffffff0a}.panel-body{flex:1;padding:.75rem;overflow-y:auto}.field{margin-bottom:.75rem}.field label{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem;font-weight:500;display:block}.field-hint{color:var(--text-muted);margin-top:.35rem;font-size:.68rem;line-height:1.4}.field-hint code{background:#ffffff0f;border-radius:3px;padding:.1rem .25rem;font-size:.65rem}.config-heading{margin:0 0 .35rem;font-size:.9rem;font-weight:600}.config-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.78rem;line-height:1.4}.config-example{margin-bottom:.75rem}.config-steps{color:var(--text-muted);margin:0 0 .75rem;padding-left:1.1rem;font-size:.78rem;line-height:1.5}.node-config-intro{margin-bottom:.5rem}.canvas-hint{z-index:5;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;pointer-events:none;background:#0f172ae6;max-width:90%;padding:.5rem 1rem;font-size:.78rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.field input,.field textarea,.field select{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-base);width:100%;color:var(--text-main);padding:.4rem;font-family:inherit;font-size:.82rem}.mono-block{background:var(--bg-base);border-radius:var(--radius-sm);word-break:break-all;padding:.35rem;font-size:.72rem;display:block}.empty-state{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.82rem}.loom-node{background:var(--bg-surface-solid);border:2px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.5rem;min-width:160px;padding:.5rem .75rem;display:flex;box-shadow:0 4px 20px #0000004d}.loom-node.selected{border-color:var(--accent-primary)}.loom-node-icon{flex-shrink:0}.loom-node-title{font-size:.82rem;font-weight:600}.loom-node-sub{color:var(--text-muted);font-size:.7rem}.loom-handle{background:var(--accent-primary);border:none;width:8px;height:8px}.exec-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;width:100%;color:var(--text-main);background:0 0;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem;display:flex}.exec-row.active{border-color:var(--accent-primary)}.status-pill{text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:.15rem .4rem;font-size:.65rem}.exec-id{color:var(--text-muted);text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.toast-stack{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(360px,90vw);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-main);pointer-events:auto;background:#1a1f2e;padding:.65rem 1rem;font-size:.82rem;line-height:1.4;animation:.2s fadeSlideIn;box-shadow:0 8px 24px #00000073}.toast-success{border-color:var(--accent-success);color:#d1fae5}.toast-error{border-color:var(--accent-danger);color:#fecaca;background:#2a1518}.readiness-panel{border-bottom:1px solid var(--border-subtle);background:#0003;padding:.65rem .75rem}.readiness-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.readiness-title{text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.readiness-count{color:var(--accent-primary);font-size:.72rem;font-weight:600}.readiness-list{margin:0;padding:0;list-style:none}.readiness-list li{align-items:flex-start;gap:.4rem;margin-bottom:.45rem;display:flex}.readiness-list li.ok .readiness-label{color:var(--accent-success)}.readiness-icon{color:var(--text-dark);flex-shrink:0;margin-top:.15rem}.readiness-icon.ok{color:var(--accent-success)}.readiness-item-body{flex:1;min-width:0}.readiness-label{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.78rem}.readiness-label:disabled{cursor:default}.readiness-fix{color:var(--text-muted);margin:.15rem 0 0;font-size:.68rem;line-height:1.35}.readiness-all-done{color:var(--accent-success);align-items:center;gap:.35rem;margin:.5rem 0 0;font-size:.72rem;display:flex}.panel-stepper{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.panel-stepper button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:45%;padding:.4rem .35rem;font-size:.68rem}.panel-stepper button.active{color:var(--text-main);background:#ffffff0a}.configure-actions{margin-bottom:.75rem}.btn-danger-outline{color:#fca5a5;background:0 0;border:1px solid #ef444480;align-items:center;gap:.35rem;display:inline-flex}.btn-danger-outline:hover{background:#ef44441a}.btn-delete-workflow{align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.btn-discard{color:var(--text-muted);font-size:.78rem}.step-list{margin:.75rem 0 0;padding:0;list-style:none}.step-list-item{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);width:100%;color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.45rem .5rem;font-size:.8rem;display:flex}.step-warn{color:var(--accent-danger);font-size:.65rem}.panel-divider{border:none;border-top:1px solid var(--border-subtle);margin:1rem 0}.validation-inline{border-radius:var(--radius-sm);color:#fca5a5;background:#ef444414;margin-top:.75rem;padding:.5rem;font-size:.75rem}.canvas-context-menu{z-index:10001;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#1a1f2e;min-width:140px;padding:.25rem;position:fixed;box-shadow:0 8px 24px #00000080}.canvas-context-menu button{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.45rem .6rem;font-size:.8rem;display:block}.canvas-context-menu button:hover{background:#ffffff0f}kbd{border:1px solid var(--border-subtle);background:#ffffff14;border-radius:3px;padding:.1rem .3rem;font-size:.65rem}.trigger-badge{text-transform:uppercase;letter-spacing:.04em;color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;margin-bottom:.5rem;padding:.2rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.trigger-fixed-notice{border-left:3px solid #f59e0b;padding-left:.65rem}.trigger-select-hint{border-radius:var(--radius-sm);background:#3b82f614;border:1px solid #3b82f633;margin-bottom:.75rem;padding:.5rem}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:min(420px,90vw);padding:1.25rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.loom-node{position:relative}.node-status-badge{z-index:2;border:2px solid var(--bg-surface-solid);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000059}.badge-success{color:#042f1a;background:#10b981}.badge-error{color:#fff;background:#ef4444}.badge-running{color:#fff;background:#3b82f6}.badge-skipped{color:#fff;background:#6b7280}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.canvas-empty{z-index:4;pointer-events:none;text-align:center;background:radial-gradient(#0f172ad9 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.canvas-empty h2{margin-bottom:.5rem;font-size:1.25rem}.canvas-empty p{max-width:28rem;color:var(--text-muted);margin-bottom:1rem;font-size:.88rem}.canvas-empty-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tab-purpose{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.72rem;line-height:1.4}.last-run-footer{border-radius:var(--radius-sm);margin-top:1rem;padding:.5rem .6rem;font-size:.75rem;line-height:1.4}.last-run-footer.ok{color:#a7f3d0;background:#10b9811a;border:1px solid #10b98140}.last-run-footer.failed{color:#fecaca;background:#ef44441a;border:1px solid #ef44444d}.gallery-badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.25rem;display:flex}.try-badge{text-transform:uppercase;letter-spacing:.04em;color:#6ee7b7;background:#10b9811f;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.sg-badge{text-transform:uppercase;letter-spacing:.04em;color:#fcd34d;background:#f59e0b1f;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.gallery-hint{color:var(--text-muted);margin-bottom:.5rem;font-size:.68rem;line-height:1.35}.palette-card{cursor:grab}.palette-card:active{cursor:grabbing}.test-panel .btn-accent{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.results-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.run-results{margin-bottom:.5rem}.result-step{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000040;margin-bottom:.65rem;padding:.5rem}.result-step-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:flex}.result-error{color:#fecaca;margin-bottom:.35rem;font-size:.75rem}.result-json{border-radius:var(--radius-sm);color:#d1fae5;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-subtle);background:#0a0a0a;max-height:220px;margin:0;padding:.5rem;font-size:.68rem;line-height:1.4;overflow:auto}.last-run-footer .result-json{max-height:180px;margin-top:.35rem}.builder-panel{width:340px}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}