:root{--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--accent-50: #eef2ff;--accent-100: #e0e7ff;--accent-200: #c7d2fe;--accent-500: #6366f1;--accent-600: #4f46e5;--accent-700: #4338ca;--success-50: #ecfdf5;--success-200: #a7f3d0;--success-500: #10b981;--success-700: #047857;--warn-50: #fffbeb;--warn-200: #fde68a;--warn-500: #f59e0b;--warn-700: #b45309;--attention-50: #fff7ed;--attention-200: #fed7aa;--attention-500: #f97316;--attention-700: #c2410c;--danger-50: #fef2f2;--danger-200: #fecaca;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #eff6ff;--info-200: #bfdbfe;--info-500: #3b82f6;--info-700: #1d4ed8;--bg: var(--gray-50);--surface: #ffffff;--surface-sunken: var(--gray-100);--border: var(--gray-200);--border-strong: var(--gray-300);--text: var(--gray-900);--text-muted: var(--gray-500);--text-subtle: var(--gray-400);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--ring: 0 0 0 3px var(--accent-100);--transition: .15s cubic-bezier(.4, 0, .2, 1);--header-height: 3.5rem;--content-max: 78rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-weight:600;line-height:1.3;letter-spacing:-.011em}.mono{font-family:var(--font-mono);font-size:.9em;font-variant-ligatures:none}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--gray-300);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}.boot{padding:var(--space-10);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.topbar{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-2);flex:none}.brand .mark{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--accent-600)}.brand .mark svg{width:100%;height:100%}.brand .name{font-size:var(--text-md);font-weight:650;letter-spacing:-.015em}.brand .sub{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.live{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;padding:.3125rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-xs);font-weight:500;color:var(--gray-600)}.live .dot{width:6px;height:6px;border-radius:50%;background:var(--success-500);flex:none;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.shell{max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10)}.page-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.page-sub{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.dash-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);width:fit-content}.dash-tab{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.4;cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.dash-tab:hover:not(.dash-tab--active){background:#fff9;color:var(--text)}.dash-tab--active{background:var(--surface);color:var(--accent-700);box-shadow:var(--shadow-xs)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}.kpi .label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.kpi .value{font-size:var(--text-2xl);font-weight:650;letter-spacing:-.02em;margin-top:var(--space-1)}.kpi .hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);margin-top:2px}.kpi.danger .value{color:var(--danger-600)}.kpi.accent .value{color:var(--accent-600)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-xs)}.panel h2{font-size:var(--text-md);margin-bottom:var(--space-4)}.panel .panel-note{font-size:var(--text-xs);color:var(--text-subtle);margin-top:var(--space-3)}.usage-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.grid .panel{margin-bottom:0}@media(max-width:820px){.grid{grid-template-columns:1fr}.grid .panel{margin-bottom:var(--space-6)}}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);align-items:end}.field{display:grid;gap:var(--space-2)}.field .lbl{font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.input,.select{width:100%;padding:.4375rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--text-sm);line-height:1.5;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.select:focus{outline:none;border-color:var(--accent-500);box-shadow:var(--ring)}.select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.4375rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--gray-700);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn:active:not(:disabled){background:var(--gray-100);box-shadow:none}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--gray-100);border-color:transparent;color:var(--text)}.filter-summary{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-4)}.filter-summary strong{color:var(--accent-700);font-weight:600}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}tbody tr:hover{background:var(--gray-50)}tr:last-child td{border-bottom:none}.bars{display:flex;flex-direction:column;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:160px 1fr 48px;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.bar-row .k{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--gray-100);border-radius:var(--radius-full);height:6px;overflow:hidden}.bar-fill{height:100%;background:var(--accent-500);border-radius:inherit;transition:width .4s cubic-bezier(.4,0,.2,1)}.bar-row .n{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5;font-family:var(--font-mono);white-space:nowrap}.badge--neutral{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-600)}.badge--info{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.badge--success{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.badge--warn{background:var(--warn-50);border-color:var(--warn-200);color:var(--warn-700)}.badge--attention{background:var(--attention-50);border-color:var(--attention-200);color:var(--attention-700)}.badge--danger{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.badge--agent{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-700)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;animation:pulse 1.6s ease-in-out infinite}.kind-raw{display:block;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-subtle);margin-top:2px}.lbl--tip{cursor:help}.tip-hint{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:var(--space-1);border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--border-strong);color:var(--text-muted);font-size:.625rem;font-weight:600;vertical-align:1px}.lbl--tip:hover .tip-hint{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-700)}.progress{display:block;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress__fill{display:block;height:100%;background:var(--success-500);border-radius:inherit;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress__fill--failed{background:var(--danger-500)}.progress__fill--running{background:var(--info-500)}.wf-table .wf-name{font-weight:600}.wf-table .wf-id,.wf-detail .wf-id{color:var(--text-subtle);font-size:var(--text-xs)}tbody tr.wf-row{cursor:pointer}tbody tr.wf-row--selected,tbody tr.wf-row--selected:hover{background:var(--accent-50)}.steps-cell{display:grid;grid-template-columns:40px minmax(90px,1fr);align-items:center;gap:var(--space-3);min-width:150px}.steps-cell .steps-n{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.pager__range strong{color:var(--text);font-weight:600}.pager__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pager__size{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;cursor:pointer}.pager__page{padding:0 var(--space-2);white-space:nowrap}.select--sm{width:auto;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn:disabled{opacity:.45;cursor:not-allowed}.usage-list{display:grid;gap:var(--space-4)}.usage{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.usage__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-700)}.usage__pct{color:var(--text-muted)}.usage__meter{display:block;height:5px;border-radius:var(--radius-full);background:var(--gray-200);overflow:hidden}.usage__meter-fill{display:block;height:100%;border-radius:inherit;background:var(--info-500);transition:width .4s cubic-bezier(.4,0,.2,1)}.usage__meter--warn .usage__meter-fill{background:var(--warn-500)}.usage__meter--danger .usage__meter-fill{background:var(--danger-500)}.usage__totals{font-size:var(--text-xs);color:var(--text-muted);margin:0}.usage__parts{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-subtle);margin:0}.wf-detail-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.wf-detail-head .wf-title{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.wf-detail-head .wf-user{color:var(--text-muted);font-size:var(--text-sm)}.wf-detail-head .wf-close{margin-left:auto}.wf-detail h3{font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin:var(--space-6) 0 var(--space-2)}.step-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.step-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.step-card--running{border-color:var(--info-200);background:linear-gradient(to right,var(--info-50),var(--surface) 40%)}.step-card--waiting{border-color:var(--attention-200);background:linear-gradient(to right,var(--attention-50),var(--surface) 40%)}.step-card__head{display:flex;align-items:flex-start;gap:var(--space-3)}.step-card__index{flex:none;display:grid;place-items:center;min-width:1.375rem;height:1.375rem;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.step-card__desc{flex:1;min-width:0;margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.step-card__hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.step-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-left:calc(1.375rem + var(--space-3))}.step-card__meta-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.step-card__retries{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-sunken);font-family:var(--font-mono);font-size:.6875rem}.step-card__criteria{padding:var(--space-2) var(--space-3);margin-left:calc(1.375rem + var(--space-3));border-left:2px solid var(--border-strong);background:var(--surface-sunken);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-xs);line-height:1.55;color:var(--gray-600);overflow-wrap:anywhere;white-space:pre-wrap}.step-card__criteria-label{display:block;margin-bottom:2px;font-weight:600;color:var(--gray-700)}.step-card__criteria-body{margin:0}.step-notes{display:grid;gap:var(--space-2);margin-left:calc(1.375rem + var(--space-3))}.step-notes__label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.step-notes__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.step-note{min-width:9rem;max-width:14rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);font-size:var(--text-sm);line-height:1.45;white-space:pre-wrap;word-break:break-word}.step-note--neutral{background:linear-gradient(145deg,#fef9c3,#fef08a);border:1px solid #fde047;color:var(--gray-800)}.step-note--warning{background:linear-gradient(145deg,var(--warn-50) 0%,var(--warn-200) 100%);border:1px solid var(--warn-500);color:var(--warn-700)}.step-note--success{background:linear-gradient(145deg,var(--success-50) 0%,var(--success-200) 100%);border:1px solid var(--success-500);color:var(--success-700)}.feed{display:flex;flex-direction:column;max-height:480px;overflow-y:auto}.event{display:grid;grid-template-columns:74px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--border)}.event:last-child{border-bottom:none}.event .when{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);padding-top:2px}.event .meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.ev-payload{margin-top:var(--space-2);display:grid;gap:var(--space-2);justify-items:start}.ev-headline{font-size:var(--text-sm);color:var(--gray-800);font-weight:500}.ev-headline--info{color:var(--info-700)}.ev-headline--success{color:var(--success-700)}.ev-headline--warn{color:var(--warn-700)}.ev-headline--danger{color:var(--danger-700)}.ev-text{margin:0;font-size:var(--text-sm);color:var(--gray-700);border-left:2px solid var(--border-strong);padding-left:var(--space-3);word-break:break-word}.ev-facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0}.ev-fact{display:grid;gap:1px;min-width:0}.ev-fact dt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle)}.ev-fact dd{margin:0;font-size:var(--text-xs);color:var(--gray-700);word-break:break-word}.ev-fact dd.mono{font-family:var(--font-mono)}.ev-plan,.ev-raw{width:100%}.ev-plan>summary,.ev-raw>summary{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);list-style-position:outside}.ev-plan>summary:hover,.ev-raw>summary:hover{color:var(--accent-700)}.ev-plan-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-1)}.ev-plan-step{display:grid;grid-template-columns:8px 3.5rem minmax(0,1fr);align-items:baseline;gap:var(--space-2);font-size:var(--text-xs)}.ev-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-300);align-self:center}.ev-dot--running{background:var(--info-500);animation:pulse 1.6s ease-in-out infinite}.ev-dot--done{background:var(--success-500)}.ev-dot--failed{background:var(--danger-500)}.ev-plan-num{color:var(--text-subtle);font-weight:600}.ev-plan-desc{color:var(--gray-700);word-break:break-word}.ev-plan-note{color:var(--text-subtle);white-space:nowrap;margin-left:var(--space-2)}.ev-plan-note:before{content:"· "}.ev-raw .data{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-600);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);white-space:pre-wrap;word-break:break-word;margin:var(--space-2) 0 0;max-height:260px;overflow:auto}.empty{color:var(--text-subtle);font-size:var(--text-sm);padding:var(--space-4) 0}.err{color:var(--danger-700);background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.wf-view-switch{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--on{background:var(--accent-600);border-color:var(--accent-600);color:#fff}.btn--on:hover:not(:disabled){background:var(--accent-700);border-color:var(--accent-700)}.btn--danger{background:var(--surface);border-color:var(--danger-200);color:var(--danger-700)}.btn--danger:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-500)}.wf-canvas{display:grid;gap:var(--space-2);min-width:0}.wf-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.wf-canvas-hint{margin:0;color:var(--text-muted);font-size:var(--text-xs);max-width:52ch}.wf-zoom{display:flex;align-items:center;gap:var(--space-1);flex:none}.wf-zoom-btn{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.wf-zoom-btn:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.wf-zoom-btn:disabled{opacity:.4;cursor:default}.wf-zoom-level{min-width:3.25rem;text-align:center;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.wf-viewport{position:relative;overflow:auto;max-height:32rem;min-height:14rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--gray-50);background-image:radial-gradient(circle at 1px 1px,var(--gray-200) 1px,transparent 0);background-size:18px 18px;overscroll-behavior:contain}.wf-stage{position:relative;margin-inline:auto}.wf-drawing{position:relative;transform-origin:0 0;transition:transform var(--transition)}.wf-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.wf-edge{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.wf-edge--pending{stroke:var(--gray-300)}.wf-edge--done{stroke:var(--success-500)}.wf-edge--active{stroke:var(--accent-500);stroke-dasharray:7 5;animation:wf-flow .7s linear infinite}.wf-edge--retry{stroke-dasharray:4 5;opacity:.85}@keyframes wf-flow{to{stroke-dashoffset:-24}}.wf-head--pending{fill:var(--gray-300)}.wf-head--active{fill:var(--accent-500)}.wf-head--done{fill:var(--success-500)}.wf-card{position:absolute;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-left:3px solid var(--gray-300);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left}.wf-card--context{border-style:dashed;background:var(--surface-sunken)}.wf-card--selected{box-shadow:var(--ring),var(--shadow-sm)}.wf-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wf-card-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.wf-card-state{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.wf-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:wf-pulse 1.4s ease-in-out infinite}@keyframes wf-pulse{0%,to{opacity:1}50%{opacity:.25}}.wf-card-body{overflow:hidden;min-height:0;color:var(--text);font-size:var(--text-xs);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.wf-card-foot{display:flex;flex-wrap:wrap;gap:var(--space-1);overflow:hidden;max-height:1.25rem}.wf-flag{padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-subtle);font-size:.6875rem;white-space:nowrap}.wf-state--running,.wf-state--judging{border-left-color:var(--info-500);background:var(--info-50)}.wf-state--running .wf-card-state,.wf-state--judging .wf-card-state{background:var(--info-200);color:var(--info-700)}.wf-state--queued{border-left-color:var(--accent-500)}.wf-state--queued .wf-card-state{background:var(--accent-100);color:var(--accent-700)}.wf-state--waiting{border-left-color:var(--warn-500);background:var(--warn-50)}.wf-state--waiting .wf-card-state{background:var(--warn-200);color:var(--warn-700)}.wf-state--done{border-left-color:var(--success-500)}.wf-state--done .wf-card-state{background:var(--success-200);color:var(--success-700)}.wf-state--failed{border-left-color:var(--danger-500);background:var(--danger-50)}.wf-state--failed .wf-card-state{background:var(--danger-200);color:var(--danger-700)}.wf-subagent{position:absolute;display:grid;place-items:center;align-content:center;gap:2px;padding:var(--space-2);border:1px dashed var(--border-strong);border-left:3px solid var(--gray-300);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-muted)}.wf-subagent-label{font-size:.6875rem;font-weight:700;letter-spacing:.02em}.wf-judge{position:absolute;display:grid;place-items:center;align-content:center;gap:1px;padding:0;border:2px solid var(--border-strong);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-muted)}.wf-judge-label{font-size:.625rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.wf-judge-ring{position:absolute;inset:-7px;border-radius:50%;opacity:0}.wf-judge--judging{border-color:var(--info-500);color:var(--info-700);background:var(--info-50)}.wf-judge--judging .wf-judge-ring{opacity:1;background:conic-gradient(from 0deg,transparent 20deg,var(--info-500) 130deg,transparent 150deg);-webkit-mask:radial-gradient(closest-side,transparent 84%,#000 86%);mask:radial-gradient(closest-side,transparent 84%,#000 86%);animation:wf-spin 1.1s linear infinite}@keyframes wf-spin{to{transform:rotate(1turn)}}.wf-judge--done{border-color:var(--success-500);color:var(--success-700);background:var(--success-50)}.wf-judge--failed{border-color:var(--danger-500);color:var(--danger-700);background:var(--danger-50)}.wf-legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:var(--text-xs)}.wf-legend li{display:inline-flex;align-items:center;gap:var(--space-1)}.wf-swatch{width:10px;height:10px;border-radius:2px}.wf-swatch--running{background:var(--info-500)}.wf-swatch--done{background:var(--success-500)}.wf-swatch--waiting{background:var(--warn-500)}.wf-swatch--failed{background:var(--danger-500)}.wf-swatch--judge{border:2px solid var(--border-strong);border-radius:50%;background:var(--surface)}.wf-swatch--subagent{border:1px dashed var(--border-strong);border-left:3px solid var(--gray-300);border-radius:2px;background:var(--surface)}.wf-no-plan{padding:var(--space-3) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--warn-50);color:var(--warn-700);font-size:var(--text-xs)}@media(max-width:768px){.wf-viewport{max-height:24rem}.wf-canvas-toolbar{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4);background:var(--bg)}.auth-card{width:100%;max-width:24rem;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-brand{text-align:center;margin-bottom:var(--space-6)}.auth-brand h1{font-size:var(--text-lg);margin:var(--space-3) 0 var(--space-1)}.auth-muted{color:var(--text-muted);font-size:var(--text-sm);margin:0}.auth-form{display:grid;gap:var(--space-4)}.auth-field{display:grid;gap:var(--space-1);font-size:var(--text-sm)}.auth-field>span{font-weight:500;color:var(--text-muted)}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-link{width:100%}.auth-or{text-align:center;margin:0}.auth-google{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 12px;margin:0;background:#fff;border:1px solid #dadce0;border-radius:9999px;color:#3c4043;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,border-color .15s ease}.auth-google:hover{background:#f8f9fa;border-color:#d2e3fc;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;color:#3c4043}.auth-google:active{background:#f1f3f4;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.auth-google__icon{flex-shrink:0;display:block}.auth-message{text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.field-err{color:var(--danger-700);font-size:var(--text-xs)}.device-approval-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4);background:radial-gradient(circle at 50% -15%,var(--accent-100),transparent 45%),var(--bg)}.device-approval-card{width:min(100%,31rem);padding:clamp(var(--space-6),6vw,var(--space-10));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.device-approval-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.device-approval-mark{width:1.45rem;height:1.45rem;display:inline-grid;place-items:center;color:var(--accent-600)}.device-approval-mark svg{width:100%;height:100%}.device-approval-status{position:relative;width:5.5rem;height:5.5rem;margin:var(--space-6) auto var(--space-4);display:grid;place-items:center;border-radius:50%;background:var(--accent-50);color:var(--accent-700)}.device-approval-status__ring{position:absolute;inset:.42rem;border:1px solid var(--accent-200);border-radius:inherit}.device-approval-status__hub{position:relative;font-size:1.7rem;line-height:1}.device-approval-status--working .device-approval-status__ring{animation:device-link-pulse 1.2s ease-in-out infinite}.device-approval-status--approved{background:var(--success-50);color:var(--success-700)}.device-approval-status--approved .device-approval-status__ring{border-color:var(--success-200)}.device-approval-status--denied,.device-approval-status--error{background:var(--danger-50);color:var(--danger-700)}.device-approval-status--denied .device-approval-status__ring,.device-approval-status--error .device-approval-status__ring{border-color:var(--danger-200)}.device-approval-eyebrow{margin:0 0 var(--space-2);color:var(--accent-700);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.device-approval-card h1{font-size:var(--text-2xl)}.device-approval-lede{margin:var(--space-3) auto 0;max-width:38ch;color:var(--text-muted)}.device-approval-security{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-6) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);color:var(--gray-600);font-size:var(--text-sm);text-align:left}.device-approval-security>span:first-child{color:var(--accent-600);font-weight:700}.device-approval-message{min-height:1.7rem;color:var(--text-muted);font-size:var(--text-sm)}.device-approval-message p{margin:0}.device-approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}.device-approval-approve{background:var(--success-700);border-color:var(--success-700);color:#fff}.device-approval-approve:hover:not(:disabled){background:#065f46;border-color:#065f46}.device-approval-deny{color:var(--danger-700)}.device-approval-footnote{margin:var(--space-6) 0 0;color:var(--text-subtle);font-size:var(--text-xs)}@keyframes device-link-pulse{50%{transform:scale(1.07);opacity:.7}}@media(max-width:420px){.device-approval-shell{padding:var(--space-4)}.device-approval-card{padding:var(--space-6)}.device-approval-actions{grid-template-columns:1fr}}.default-pw-banner{background:var(--warn-50);border-bottom:1px solid var(--warn-200);color:var(--warn-700);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:center}.topbar-signout{margin-left:var(--space-2)}.topbar-pw-sent{font-size:var(--text-xs);color:var(--success-700);margin-left:var(--space-2)}.default-pw-banner .btn{vertical-align:baseline;margin:0 var(--space-1)}.users-panel{display:grid;gap:var(--space-4)}.users-invite{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.users-invite .input{flex:1;min-width:12rem}.users-invite-methods{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.users-check{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);cursor:pointer}.users-check--disabled{opacity:.65;cursor:not-allowed}.users-invite-hint{margin:calc(-1 * var(--space-2)) 0 0}.users-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.users-confirm{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken)}.users-confirm-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.users-roles{display:grid;gap:var(--space-2)}.users-role-row,.panel-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;flex-wrap:wrap}.users-role-row{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.users-permissions{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.users-permissions .users-check{align-items:flex-start}.users-permissions small{display:block;color:var(--text-muted);font-weight:400}.badge--warn{background:var(--warn-50);color:var(--warn-700);border:1px solid var(--warn-200)}.badge--success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.sync-caps{display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:18rem}.sync-create{margin-bottom:var(--space-4)}.sync-create--stacked{display:flex;flex-direction:column;gap:var(--space-3)}.sync-create-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sync-create-row .select,.sync-create-row .input{min-width:10rem;flex:1}.sync-create-hint{margin:0}.remote-resources{display:grid;gap:var(--space-3)}.remote-resources-tabs{margin:0}.remote-resources-reason{padding:var(--space-3);border-radius:var(--radius-md);background:var(--warn-50);color:var(--warn-700)}.sync-context-field{display:flex;flex-direction:column;gap:var(--space-1)}.sync-context-input{width:100%;resize:vertical;font-family:inherit;line-height:1.45}.sync-remote .sync-control{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.sync-control--editor{display:flex;flex-direction:column;gap:var(--space-3)}.sync-control-head{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sync-control-head h3{font-size:var(--text-md);margin:0}.sync-remote .sync-control h4{font-size:var(--text-sm);margin:0 0 var(--space-2);color:var(--text-muted)}.sync-control-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sync-run-banner{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45;display:flex;flex-direction:column;gap:var(--space-1)}.sync-run-banner--info{background:#dbeafeb3;color:var(--text)}.sync-run-banner--success{background:#d1fae5cc;color:var(--text)}.sync-run-banner--warn{background:#fef3c7d9;color:var(--text)}.sync-run-banner--neutral{background:var(--surface-sunken);color:var(--text-muted)}.sync-run-banner__meta{font-size:var(--text-xs);color:var(--text-muted)}.sync-reported .wf-detail-head{margin-top:var(--space-2)}.sync-section{padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.sync-section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.sync-section-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.sync-step-select-all{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);cursor:pointer}.sync-step-run-hint{margin:0}.sync-step-run-check{display:flex;align-items:center;cursor:pointer}.sync-step-plan__item--selected{border-color:var(--info-300, #93c5fd)}.sync-step-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);margin:var(--space-3) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sync-step-form__toggles{display:flex;flex-wrap:wrap;gap:var(--space-4)}.sync-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.sync-step-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sync-step-form__actions{display:flex;gap:var(--space-2)}.sync-step-plan{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sync-step-plan__item{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sync-step-plan__head{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sync-step-plan__index{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:999px;background:var(--accent-100);color:var(--accent-700);font-size:var(--text-xs);font-weight:600}.sync-step-plan__title{flex:1;min-width:12rem;font-size:var(--text-sm)}.sync-step-plan__actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-left:auto}.sync-step-plan__meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.sync-row--selected{background:var(--accent-50)}.sync-event-feed{list-style:none;margin:0;padding:0;font-size:var(--text-sm)}.sync-event-feed li{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100)}.sync-event-payload{color:var(--text-muted)}.sync-local-id{display:block;margin-top:var(--space-1);font-size:var(--text-xs)}.sync-step-client{display:inline-flex;align-items:center;gap:var(--space-2)}.sync-link-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.sync-link-icon--syncing{color:var(--warn-500)}.sync-link-icon--syncing svg{animation:sync-link-spin 1.1s linear infinite}.sync-link-icon--synced{color:var(--success-500)}@keyframes sync-link-spin{to{transform:rotate(360deg)}}