.wf-panel{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;border-radius:.75rem;background:var(--wf-panel-bg);color:var(--wf-panel-text)}@media (min-width:1024px){.wf-panel{flex-direction:row;overflow:visible}}.wf-header{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--wf-header-border);background:var(--wf-header-bg);padding:.75rem;backdrop-filter:blur(8px)}[data-appearance=light] .wf-header{background:var(--wf-panel-bg);backdrop-filter:none}@media (min-width:640px){.wf-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem}}.wf-badge{border-radius:.25rem;background:var(--grid-accent-bg);padding:.25rem .5rem;font-weight:600;color:var(--grid-accent-text);box-shadow:0 0 0 1px var(--grid-accent-border)}.wf-badge,.wf-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.wf-meta{color:var(--wf-meta)}.wf-separator{color:var(--wf-separator)}.wf-role-badge{border-radius:.25rem;background:var(--grid-badge-bg);padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--grid-badge-text);box-shadow:0 0 0 1px var(--grid-chip-border)}.wf-input,.wf-select{width:100%;min-height:44px;border-radius:.25rem;border:1px solid var(--grid-control-border);background:var(--grid-control-bg);padding:.5rem .75rem;font-size:.875rem;color:var(--grid-control-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}@media (min-width:640px){.wf-input,.wf-select{min-height:0}}.wf-select{font-weight:600}.wf-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;padding-right:2.25rem}.wf-input::placeholder{color:var(--grid-control-placeholder)}.wf-input:focus,.wf-select:focus{border-color:var(--grid-control-focus-border);box-shadow:0 0 0 1px var(--grid-control-focus-ring)}.wf-select-header{max-width:20rem}.wf-input-icon{position:absolute;right:.75rem;top:50%;height:1rem;width:1rem;transform:translateY(-50%);color:var(--grid-control-muted)}.wf-primary-btn{min-height:44px;border-radius:.25rem;background:var(--wf-primary-solid);padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:var(--wf-primary-btn-text);transition:background-color .15s ease,transform .1s ease,opacity .15s ease}@media (min-width:640px){.wf-primary-btn{min-height:0}}.wf-primary-btn:hover:not(:disabled){background:var(--wf-primary-solid-hover)}.wf-primary-btn:active:not(:disabled){transform:scale(.98)}.wf-primary-btn:disabled{cursor:not-allowed;opacity:.5}.wf-side-panel-toggle{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border-radius:.25rem;border:1px solid var(--grid-control-border);background:var(--grid-control-bg);padding:.5rem .875rem;font-size:.875rem;font-weight:600;color:var(--grid-control-text);white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}@media (min-width:640px){.wf-side-panel-toggle{min-height:0}}.wf-side-panel-toggle:hover{border-color:var(--grid-control-focus-border);background:color-mix(in srgb,var(--grid-control-bg) 85%,var(--grid-accent-bg))}.wf-side-panel-toggle-active,.wf-side-panel-toggle[aria-pressed=true]{border-color:var(--grid-accent-border);background:var(--grid-accent-bg);color:var(--grid-accent-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--grid-accent-border) 65%,transparent)}.wf-side-panel-toggle-active:hover,.wf-side-panel-toggle[aria-pressed=true]:hover{background:color-mix(in srgb,var(--grid-accent-bg) 88%,var(--grid-control-bg))}.wf-error-banner{border-bottom:1px solid var(--stitch-error-container);background:color-mix(in srgb,var(--stitch-error-container) 35%,transparent);padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--stitch-error)}.wf-empty-card{max-width:28rem;border:1px dashed var(--grid-chip-border);background:var(--grid-control-bg);padding:2rem;box-shadow:var(--grid-surface-shadow)}.wf-empty-icon{margin-left:auto;margin-right:auto;height:2.5rem;width:2.5rem;color:var(--wf-accent-icon,var(--stitch-primary))}.wf-empty-title{margin-top:1rem;font-size:1.25rem;font-weight:700;color:var(--wf-title,var(--stitch-on-surface))}.wf-body-text{color:var(--wf-body)}.wf-canvas-bg{background-image:radial-gradient(var(--wf-canvas-dot) 1.2px,transparent 1.2px);background-size:28px 28px}.wf-canvas-toolbar{position:sticky;left:1rem;top:1rem;z-index:30;display:flex;width:fit-content;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--grid-control-bg) 92%,transparent);padding:.5rem .75rem;box-shadow:var(--grid-popover-shadow);backdrop-filter:blur(8px)}.wf-canvas-tool-btn,.wf-canvas-toolbar{border-radius:9999px;border:1px solid var(--grid-control-border)}.wf-canvas-tool-btn{background:var(--grid-ghost-bg);padding:.375rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;color:var(--grid-control-text);transition:border-color .15s ease,color .15s ease}.wf-canvas-tool-btn:hover:not(:disabled){border-color:var(--grid-accent-border);color:var(--grid-accent-text)}.wf-canvas-tool-btn:disabled{cursor:not-allowed;opacity:.4}.wf-canvas-zoom-label{min-width:3.5rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;color:var(--wf-heading)}.wf-node-port{position:absolute;top:50%;height:.75rem;width:.75rem;transform:translateY(-50%);border-radius:9999px;border:2px solid var(--wf-node-port-ring);background:currentColor;opacity:.7}.wf-node-icon-box{display:flex;align-items:center;justify-content:center;border-radius:.25rem;background:var(--wf-node-icon-bg);color:currentColor;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent)}.wf-node-icon-box--ring{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);outline:1px solid var(--wf-node-icon-ring)}.wf-mobile-stepper{display:flex;flex-shrink:0;flex-direction:column;border-bottom:1px solid var(--wf-header-border);background:var(--wf-canvas-bg);padding:.75rem 0 .5rem}@media (min-width:1024px){.wf-mobile-stepper{display:none}}.wf-mobile-stepper-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:0 1rem .5rem}.wf-mobile-stepper-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--wf-panel-text)}.wf-mobile-stepper-count{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--wf-meta)}.wf-mobile-stepper-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 .75rem .75rem;scrollbar-width:none}.wf-mobile-stepper-scroll::-webkit-scrollbar{display:none}.wf-mobile-step-track{display:flex;align-items:flex-start;min-width:min-content;list-style:none;margin:0;padding:0}.wf-mobile-step-item{display:flex;align-items:flex-start;flex-shrink:0}.wf-mobile-step-card{display:flex;width:5.75rem;flex-direction:column;align-items:center;gap:.375rem;padding:.25rem;border:none;background:transparent;cursor:pointer;text-align:center;color:inherit}.wf-mobile-step-card:disabled{cursor:default}.wf-mobile-step-card:not(:disabled):active .wf-mobile-step-node{transform:scale(.97)}.wf-mobile-step-node{display:flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border-width:2px;border-style:solid;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.wf-mobile-step-node.wf-step-node--done{border-color:color-mix(in srgb,#34d399 70%,transparent);background:color-mix(in srgb,#34d399 10%,transparent);color:#6ee7b7;box-shadow:0 0 16px color-mix(in srgb,#34d399 14%,transparent)}.wf-mobile-step-node.wf-step-node--active{border-color:var(--grid-accent-solid);background:var(--grid-accent-bg);color:var(--grid-accent-text);box-shadow:0 0 18px var(--accent-glow-soft)}.wf-mobile-step-node.wf-step-node--active.wf-step-node--wip{animation:wf-step-wip-border-dim 2.8s ease-in-out infinite}.wf-mobile-step-node.wf-step-node--waiting{border-color:color-mix(in srgb,#fbbf24 55%,transparent);background:color-mix(in srgb,#fbbf24 8%,transparent);color:#fcd34d}.wf-mobile-step-node.wf-step-node--review{border-color:color-mix(in srgb,#a78bfa 65%,transparent);background:color-mix(in srgb,#a78bfa 10%,transparent);color:#c4b5fd}.wf-mobile-step-node.wf-step-node--queue{border-color:var(--grid-chip-border);background:color-mix(in srgb,var(--grid-control-bg) 80%,transparent);color:var(--wf-meta)}.wf-mobile-step-position{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--wf-meta)}.wf-mobile-step-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;font-size:.6875rem;font-weight:600;line-height:1.25;color:var(--wf-panel-text)}.wf-mobile-step-state{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--wf-meta)}.wf-mobile-step-connector{flex-shrink:0;width:1.25rem;height:2px;margin-top:1.375rem;border-radius:9999px}.wf-step-node{position:relative;display:flex;height:5rem;width:5rem;cursor:grab;touch-action:none;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;border-width:2px;border-style:solid;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.wf-step-node:hover{transform:scale(1.05);border-color:var(--wf-node-hover-border)}.wf-step-node:active{cursor:grabbing}.wf-step-node--done{border-color:color-mix(in srgb,#34d399 70%,transparent);background:color-mix(in srgb,#34d399 10%,transparent);color:#6ee7b7;box-shadow:0 0 28px color-mix(in srgb,#34d399 18%,transparent)}.wf-step-node--active{border-color:var(--grid-accent-solid);background:var(--grid-accent-bg);color:var(--grid-accent-text);box-shadow:0 0 30px var(--accent-glow-soft)}.wf-step-node--active.wf-step-node--wip{animation:wf-step-wip-border-dim 2.8s ease-in-out infinite;transition:transform .15s ease}.wf-step-node--active.wf-step-node--wip:hover{animation-play-state:paused}@keyframes wf-step-wip-border-dim{0%,to{border-color:var(--grid-accent-solid)}50%{border-color:color-mix(in srgb,var(--grid-accent-solid) 22%,transparent)}}@media (prefers-reduced-motion:reduce){.wf-step-node--active.wf-step-node--wip,.wf-step-rail-dot--active.wf-step-rail-dot--wip{animation:none}}.wf-step-node--waiting{border-color:color-mix(in srgb,#fbbf24 55%,transparent);background:color-mix(in srgb,#fbbf24 10%,transparent);color:#fcd34d;box-shadow:0 0 18px color-mix(in srgb,#fbbf24 12%,transparent)}.wf-step-node--review{border-color:color-mix(in srgb,#a78bfa 70%,transparent);background:color-mix(in srgb,#8b5cf6 14%,transparent);color:#c4b5fd;box-shadow:0 0 24px color-mix(in srgb,#8b5cf6 20%,transparent)}.wf-step-node--queue{border-color:var(--grid-chip-border);background:var(--grid-control-bg);color:var(--wf-body)}.wf-node-title{font-size:.75rem;font-weight:600;line-height:1.25rem;color:var(--wf-node-title)}.wf-node-title--active{color:var(--wf-node-title-active)}.wf-divider{height:1px;flex:1;background:var(--wf-separator)}.wf-completed-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:var(--wf-heading)}.wf-completed-card{display:flex;align-items:center;gap:.75rem;border-radius:.25rem;border:1px solid color-mix(in srgb,#34d399 35%,transparent);background:var(--grid-control-bg);padding:.75rem 1rem;text-align:left;opacity:.8;transition:opacity .15s ease}.wf-completed-card:hover{opacity:1}.wf-done-icon{height:1.25rem;width:1.25rem;flex-shrink:0;color:#34d399}.wf-done-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6ee7b7}.wf-done-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--wf-body)}.wf-side-panel-shell{position:relative;display:flex;width:100%;min-width:0;min-height:0;flex:1;flex-direction:column}@media (min-width:1024px){.wf-side-panel-shell{flex:none;width:340px;overflow:visible}}.wf-side-panel-flap{position:absolute;left:0;top:50%;z-index:3;display:none;align-items:center;justify-content:center;width:1.125rem;height:3.75rem;padding:0;transform:translate(-100%,-50%);border:1px solid var(--wf-side-panel-border);border-right:none;border-radius:.75rem 0 0 .75rem;background:color-mix(in srgb,var(--wf-side-section-bg) 88%,var(--wf-side-panel-bg));color:var(--wf-heading);cursor:pointer;box-shadow:-6px 0 18px color-mix(in srgb,var(--stitch-on-surface,#0f172a) 10%,transparent);transition:width .15s ease,color .15s ease,background-color .15s ease,border-color .15s ease}@media (min-width:1024px){.wf-side-panel-flap{display:inline-flex}}.wf-side-panel-flap:hover{width:1.25rem;color:var(--grid-accent-text);border-color:color-mix(in srgb,var(--grid-accent-border) 45%,var(--wf-side-panel-border));background:color-mix(in srgb,var(--grid-accent-bg) 22%,var(--wf-side-section-bg))}.wf-side-panel-flap:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.wf-side-panel{display:flex;width:100%;min-height:0;flex:1;flex-direction:column;flex-shrink:0;overflow:hidden;border-top:1px solid var(--wf-side-panel-border);background:var(--wf-side-panel-bg)}@media (min-width:1024px){.wf-side-panel{width:340px;flex:none;border-top:none;border-left:1px solid var(--wf-side-panel-border);border-radius:0 .75rem .75rem 0;box-shadow:var(--wf-side-panel-shadow)}}@media (max-width:1023px){.wf-side-panel{border-radius:0 0 .75rem .75rem}}.wf-side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--wf-side-section-border);flex-shrink:0}.wf-side-panel-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.6rem;border:1px solid transparent;background:transparent;color:var(--wf-heading);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.wf-side-panel-close:hover{background:color-mix(in srgb,var(--wf-side-section-bg) 80%,transparent);border-color:var(--wf-side-section-border);color:var(--wf-body)}.wf-side-panel-rail{display:none}@media (min-width:1024px){.wf-side-panel-rail{display:flex;width:3rem;flex:none;flex-direction:column;align-items:stretch;border-top:none;border-left:1px solid var(--wf-side-panel-border);border-radius:0 .75rem .75rem 0;background:var(--wf-side-panel-bg);box-shadow:var(--wf-side-panel-shadow)}}.wf-side-panel-rail-btn{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem .375rem;border:none;background:transparent;color:var(--wf-heading);cursor:pointer;transition:background-color .15s ease,color .15s ease}.wf-side-panel-rail-btn:hover{background:color-mix(in srgb,var(--wf-side-section-bg) 72%,transparent);color:var(--grid-accent-text)}.wf-side-panel-rail-label{font-size:.6875rem;font-weight:600;line-height:1.25;letter-spacing:.02em;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.84}.wf-side-section{border-bottom:1px solid var(--wf-side-section-border);background:var(--wf-side-section-bg);padding:1rem}.wf-side-heading{font-size:11px;font-weight:600;letter-spacing:.24em;color:var(--wf-heading)}.wf-side-heading,.wf-side-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase}.wf-side-label{font-size:10px;letter-spacing:.2em;color:var(--wf-label)}.wf-add-step-btn{width:100%;min-height:44px;border-radius:.25rem;background:var(--wf-primary-solid);padding:.75rem;font-size:.875rem;font-weight:700;color:var(--wf-primary-btn-text);transition:background-color .15s ease}.wf-add-step-btn:hover:not(:disabled){background:var(--wf-primary-solid-hover)}.wf-add-step-btn:disabled{cursor:not-allowed;background:var(--grid-chip-bg);color:var(--grid-control-muted)}.wf-gear-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.375rem;color:var(--wf-label);transition:background-color .15s ease,color .15s ease}.wf-gear-btn:hover:not(:disabled){background:var(--grid-control-bg-hover);color:var(--grid-control-text)}.wf-gear-btn:disabled{cursor:not-allowed;opacity:.5}.wf-menu{position:absolute;right:0;top:100%;z-index:40;margin-top:.25rem;min-width:14rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--grid-popover-border);background:var(--grid-popover-bg);padding:.25rem 0;box-shadow:var(--grid-popover-shadow)}.wf-menu-item{display:flex;width:100%;align-items:center;gap:.5rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--grid-control-text);transition:background-color .15s ease}.wf-menu-item:hover:not(:disabled){background:var(--grid-control-bg-hover)}.wf-menu-item:disabled{cursor:not-allowed;opacity:.5}.wf-menu-item--danger{color:var(--stitch-error)}.wf-menu-item--danger:hover:not(:disabled){background:color-mix(in srgb,var(--stitch-error-container) 35%,transparent)}.wf-menu-divider{margin:.25rem 0;border-top:1px solid var(--grid-chip-border)}.wf-menu-toggle{display:flex;width:100%;align-items:center;gap:.5rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--grid-control-text);transition:background-color .15s ease}.wf-menu-toggle:hover{background:var(--grid-control-bg-hover)}.wf-menu-toggle-indicator{margin-left:auto;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:.25rem;border:1px solid var(--grid-control-border);background:var(--grid-control-bg);color:var(--grid-accent-text)}.wf-archived-badge{border-radius:.25rem;border:1px solid var(--grid-chip-border);background:var(--grid-badge-bg);padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--grid-badge-text)}.wf-tooltip{border-radius:.5rem;border:1px solid var(--grid-popover-border);background:var(--grid-popover-bg);color:var(--grid-control-text);box-shadow:var(--grid-popover-shadow)}.wf-tooltip-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--grid-accent-text)}.wf-tooltip-meta{color:var(--wf-label)}.wf-tooltip-warn{color:#fbbf24}.wf-step-rail-dot{margin-top:.375rem;height:.5rem;width:.5rem;flex-shrink:0;border-radius:9999px;background:var(--wf-separator)}.wf-step-rail-dot--done{background:#34d399}.wf-step-rail-dot--active{background:var(--grid-accent-solid)}.wf-step-rail-dot--active.wf-step-rail-dot--wip{animation:wf-step-wip-dot-dim 2.8s ease-in-out infinite}@keyframes wf-step-wip-dot-dim{0%,to{opacity:1}50%{opacity:.28}}.wf-step-rail-dot--waiting{background:#fbbf24}.wf-step-rail-dot--review{background:#a78bfa}.wf-step-position{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--grid-control-muted)}.wf-step-link{margin-top:.25rem;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:.875rem;font-weight:700;color:var(--wf-node-title-active);transition:color .15s ease}.wf-step-link:hover{color:var(--grid-accent-text)}.wf-step-action-btn{border-radius:.25rem;border:1px solid var(--grid-control-border);padding:.25rem;color:var(--grid-control-muted);transition:color .15s ease,border-color .15s ease}.wf-step-action-btn:hover:not(:disabled){color:var(--grid-control-text)}.wf-step-action-btn:disabled{opacity:.3}.wf-step-action-btn--danger{color:var(--stitch-error)}.wf-step-action-btn--danger:hover{border-color:color-mix(in srgb,var(--stitch-error) 45%,transparent)}.wf-task-badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:2.25rem;border-radius:9999px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.2;border:1px solid transparent;box-shadow:var(--wf-task-badge-shadow)}.wf-task-badge--slate{background:var(--wf-task-badge-slate-bg);color:var(--wf-task-badge-slate-text);border-color:var(--wf-task-badge-slate-border)}.wf-task-badge--blue{background:var(--wf-task-badge-blue-bg);color:var(--wf-task-badge-blue-text);border-color:var(--wf-task-badge-blue-border)}.wf-task-badge--emerald{background:var(--wf-task-badge-emerald-bg);color:var(--wf-task-badge-emerald-text);border-color:var(--wf-task-badge-emerald-border)}.wf-task-badge--amber{background:var(--wf-task-badge-amber-bg);color:var(--wf-task-badge-amber-text);border-color:var(--wf-task-badge-amber-border)}.wf-task-badge--violet{background:var(--wf-task-badge-violet-bg);color:var(--wf-task-badge-violet-text);border-color:var(--wf-task-badge-violet-border)}.dir-panel{border-radius:1rem;border:1px solid var(--dir-panel-border);background:var(--dir-panel-bg);box-shadow:var(--dir-panel-shadow);padding:1rem}@media (min-width:640px){.dir-panel{padding:1.25rem}}.dir-input,.dir-select{width:100%;min-height:44px;border-radius:.75rem;border:1px solid var(--dir-field-border);background:var(--dir-field-bg);padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--dir-field-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}@media (min-width:640px){.dir-input,.dir-select{min-height:0}}.dir-input::placeholder{color:var(--dir-field-placeholder)}.dir-input:focus,.dir-select:focus,.dir-textarea:focus{border-color:var(--dir-field-focus-border);box-shadow:0 0 0 1px var(--dir-field-focus-ring)}.dir-textarea{width:100%;min-height:8rem;resize:vertical;border-radius:.75rem;border:1px solid var(--dir-field-border);background:var(--dir-field-bg);padding:.75rem 1rem;font-size:.875rem;line-height:1.5;color:var(--dir-field-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.dir-textarea::placeholder{color:var(--dir-field-placeholder)}.dir-field-row{border-radius:.75rem;border:1px solid var(--dir-field-border);padding:.75rem 1rem;cursor:pointer}.dir-field-row,.dir-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--dir-field-bg)}.dir-list-item{border-radius:.75rem;border:1px solid var(--dir-card-border);padding:.625rem .75rem}.dir-checkbox{height:1rem;width:1rem;flex-shrink:0;border-radius:.25rem;accent-color:var(--grid-cta-bg)}.dir-checkbox:disabled{cursor:not-allowed;opacity:.5}.dir-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;min-height:44px;border-radius:9999px;border:1px solid var(--dir-field-border);background:var(--dir-field-bg);padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--dir-field-text);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}@media (min-width:640px){.dir-secondary-btn{min-height:0}}.dir-secondary-btn:hover:not(:disabled){background:var(--grid-control-bg-hover);border-color:var(--grid-control-border-hover)}.dir-secondary-btn:disabled{cursor:not-allowed;opacity:.5}.dir-danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;flex-shrink:0;min-height:44px;border-radius:9999px;border:1px solid var(--dir-danger-border);background:var(--dir-danger-bg);padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--dir-danger-text);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}@media (min-width:640px){.dir-danger-btn{min-height:0}}.dir-danger-btn--compact{padding:.375rem .75rem;font-size:.875rem;min-height:0}.dir-danger-btn:hover:not(:disabled){background:var(--dir-danger-bg-hover)}.dir-danger-btn:disabled{cursor:not-allowed;opacity:.5}.dir-warning-banner{display:flex;flex-direction:column;gap:.5rem;border-radius:.75rem;border:1px solid var(--dir-warning-border);background:var(--dir-warning-bg);padding:.75rem}.dir-warning-title{font-size:.875rem;font-weight:600;color:var(--dir-warning-text)}.dir-code-block{overflow-wrap:anywhere;border-radius:.5rem;padding:.5rem;font-size:.75rem;color:var(--dir-field-text)}.dir-code-block,.dir-inline-code{background:color-mix(in srgb,var(--dir-field-bg) 72%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dir-inline-code{font-size:.85em;border-radius:.25rem;padding:.125rem .375rem}@media (min-width:640px){.dir-code-block{font-size:.875rem}}.dir-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;min-height:44px;border-radius:9999px;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;background:var(--grid-cta-bg);color:var(--grid-cta-text);box-shadow:var(--dir-primary-btn-shadow);transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .1s ease}@media (min-width:640px){.dir-primary-btn{min-height:0}}.dir-primary-btn:hover:not(:disabled){background:var(--grid-cta-bg-hover);box-shadow:var(--dir-primary-btn-shadow-hover)}.dir-primary-btn:active:not(:disabled){transform:scale(.98)}.dir-primary-btn:disabled{cursor:not-allowed;opacity:.5}.dir-filter-bar{margin-bottom:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--dir-divider)}.dir-clear-btn{margin-left:auto;display:inline-flex;align-items:center;gap:.25rem;border-radius:.5rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;color:var(--grid-control-muted);transition:background-color .15s ease,color .15s ease}.dir-clear-btn:hover{background:var(--grid-control-bg-hover);color:var(--grid-control-text)}.dir-card{display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;border:1px solid var(--dir-card-border);background:var(--dir-card-bg);padding:1rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.dir-card:hover{border-color:var(--dir-card-hover-border);box-shadow:var(--dir-card-hover-shadow)}.dir-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--dir-footer-divider)}.dir-id-badge{display:inline-flex;align-items:center;border-radius:.375rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--grid-badge-bg);color:var(--grid-badge-text);box-shadow:0 0 0 1px var(--grid-chip-border)}.dir-manage-link{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--grid-accent-text)}.dir-stat-card{border-radius:1rem;border:1px solid var(--dir-stat-border);background:var(--dir-stat-bg);box-shadow:var(--dir-stat-shadow);padding:.875rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.dir-list-count{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;background:var(--grid-badge-bg);color:var(--grid-badge-text)}.dir-empty{border-radius:.75rem;border:1px dashed var(--dir-empty-border);background:var(--dir-empty-bg);padding:2.5rem 1.5rem;text-align:center}.dir-status-badge{flex-shrink:0;border-radius:.375rem;padding:.125rem .5rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dir-status-active{background:color-mix(in srgb,#10b981 18%,var(--grid-control-bg));color:color-mix(in srgb,#10b981 70%,var(--grid-control-text))}.dir-status-paused{background:color-mix(in srgb,#f59e0b 18%,var(--grid-control-bg));color:color-mix(in srgb,#f59e0b 75%,var(--grid-control-text))}.dir-status-neutral{background:var(--grid-badge-bg);color:var(--grid-badge-text)}.dir-role-owner{background:var(--grid-accent-bg);color:var(--grid-accent-text);box-shadow:0 0 0 1px var(--grid-accent-border)}.dir-role-manager{background:color-mix(in srgb,#6366f1 20%,var(--grid-control-bg));color:color-mix(in srgb,#a5b4fc 85%,var(--grid-control-text));box-shadow:0 0 0 1px color-mix(in srgb,#6366f1 35%,transparent)}.dir-role-readonly{background:var(--grid-badge-bg);color:var(--grid-control-muted)}.dir-role-member,.dir-role-readonly{box-shadow:0 0 0 1px var(--grid-chip-border)}.dir-role-member{background:var(--grid-chip-bg);color:var(--grid-control-text)}.dir-success-text{color:var(--dir-success-text)}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-section__header{display:flex;align-items:center;gap:.75rem}.settings-section__title-wrap{display:flex;align-items:center;gap:.375rem;min-width:0}.settings-section__title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.settings-section__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.75rem}.settings-section__icon--blue{background:color-mix(in srgb,var(--grid-accent-text) 14%,var(--dir-field-bg));color:var(--grid-accent-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--grid-accent-text) 22%,transparent)}.settings-section__icon--amber{background:color-mix(in srgb,#f59e0b 14%,var(--dir-field-bg));color:color-mix(in srgb,#f59e0b 82%,var(--dir-field-text));box-shadow:0 0 0 1px color-mix(in srgb,#f59e0b 24%,transparent)}.settings-section__icon--violet{background:color-mix(in srgb,#8b5cf6 14%,var(--dir-field-bg));color:color-mix(in srgb,#a78bfa 88%,var(--dir-field-text));box-shadow:0 0 0 1px color-mix(in srgb,#8b5cf6 24%,transparent)}.settings-section__icon--emerald{background:color-mix(in srgb,#10b981 14%,var(--dir-field-bg));color:color-mix(in srgb,#34d399 88%,var(--dir-field-text));box-shadow:0 0 0 1px color-mix(in srgb,#10b981 24%,transparent)}.settings-section__icon--slate{background:color-mix(in srgb,var(--grid-control-muted) 16%,var(--dir-field-bg));color:var(--grid-control-text);box-shadow:0 0 0 1px var(--dir-field-border)}.settings-section__body{display:flex;flex-direction:column;gap:.75rem}.settings-row{display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.settings-row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.settings-row__label{font-size:.875rem;font-weight:500;flex-shrink:0}.settings-row__control{width:100%}@media (min-width:640px){.settings-row__control{width:auto;min-width:14rem;max-width:18rem}}.settings-toggle-row{display:flex;align-items:center;gap:.75rem;border-radius:.875rem;border:1px solid var(--dir-field-border);background:var(--dir-field-bg);padding:.625rem .875rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.settings-toggle-row:hover:not(.settings-toggle-row--disabled){border-color:var(--grid-control-border-hover);background:var(--grid-control-bg-hover)}.settings-toggle-row--disabled{cursor:not-allowed;opacity:.55}.settings-brand-icon,.settings-toggle-row__icon{width:2rem;height:2rem;border-radius:.625rem}.settings-brand-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.settings-brand-icon--email{padding:0;box-shadow:0 0 0 1px color-mix(in srgb,#ea4335 35%,var(--dir-field-border))}.settings-brand-icon--email svg{width:100%;height:100%}.settings-brand-icon--slack{padding:.25rem;background:color-mix(in srgb,#ffffff 90%,var(--dir-field-bg));box-shadow:0 0 0 1px var(--dir-field-border)}.settings-brand-icon--slack svg{display:block;width:1.125rem;height:1.125rem}.settings-brand-icon--sound{padding:0;box-shadow:0 0 0 1px color-mix(in srgb,#7c3aed 35%,var(--dir-field-border))}.settings-brand-icon--sound svg{width:100%;height:100%}.settings-toggle-row__label{flex:1;min-width:0;font-size:.875rem;font-weight:500}.settings-toggle{position:relative;display:inline-flex;flex-shrink:0}.settings-toggle__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.settings-toggle__input:disabled{cursor:not-allowed}.settings-toggle__track{position:relative;display:block;width:2.75rem;height:1.5rem;border-radius:9999px;background:color-mix(in srgb,var(--grid-control-muted) 42%,var(--dir-field-bg));box-shadow:inset 0 0 0 1px var(--dir-field-border);transition:background-color .2s ease}.settings-toggle__track:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:9999px;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.22);transition:transform .2s ease}.settings-toggle__input:checked+.settings-toggle__track{background:var(--grid-cta-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grid-cta-bg) 80%,transparent)}.settings-toggle__input:checked+.settings-toggle__track:after{transform:translateX(1.25rem)}.settings-toggle__input:focus-visible+.settings-toggle__track{box-shadow:inset 0 0 0 1px var(--dir-field-border),0 0 0 2px var(--dir-field-focus-ring)}.settings-info-tip{position:relative;display:inline-flex;align-items:center}.settings-info-tip__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;border:none;background:transparent;padding:0;cursor:help;transition:color .15s ease,background-color .15s ease}.settings-info-tip:focus-within .settings-info-tip__trigger,.settings-info-tip__trigger:hover{color:var(--grid-accent-text);background:color-mix(in srgb,var(--grid-accent-text) 10%,transparent)}.settings-info-tip__popup{position:absolute;z-index:40;left:50%;bottom:calc(100% + .5rem);width:max-content;max-width:min(18rem,calc(100vw - 2rem));transform:translateX(-50%);border-radius:.75rem;border:1px solid var(--grid-popover-border);background:var(--grid-popover-bg);color:var(--grid-control-text);box-shadow:var(--grid-popover-shadow);padding:.625rem .75rem;font-size:.75rem;line-height:1.45;font-weight:500;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.settings-info-tip:focus-within .settings-info-tip__popup,.settings-info-tip:hover .settings-info-tip__popup{opacity:1;visibility:visible}.settings-divider{height:1px;background:var(--dir-divider);margin:.125rem 0}.settings-feedback{display:flex;flex-direction:column;gap:.25rem}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.settings-meta{font-size:.75rem;color:var(--grid-control-muted)}.settings-tab-nav{display:flex;gap:.5rem;padding:.25rem;border-radius:12px;border:1px solid var(--dir-panel-border);background:color-mix(in srgb,var(--stitch-surface-container-high) 55%,transparent)}.settings-tab-nav__btn{flex:1;padding:.5rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--stitch-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.settings-tab-nav__btn:hover{color:var(--stitch-on-surface);background:color-mix(in srgb,var(--stitch-surface-container-high) 70%,transparent)}.settings-tab-nav__btn--active{color:var(--stitch-on-surface);background:var(--stitch-surface-container);box-shadow:0 1px 2px color-mix(in srgb,var(--stitch-shadow) 12%,transparent)}.settings-advanced-intro{margin:0;font-size:.8125rem;line-height:1.5}