.flowstudio{--fs-bg:var(--bg);--fs-surface:var(--surface);--fs-surface-2:var(--surface2);--fs-surface-3:color-mix(in oklab, var(--surface2) 55%, var(--border));--fs-border:var(--border);--fs-border-strong:var(--border2);--fs-ink:var(--text);--fs-ink-2:color-mix(in oklab, var(--text) 72%, var(--text2));--fs-muted:var(--text2);--fs-faint:var(--text3);--fs-accent:var(--acc);--fs-accent-strong:color-mix(in oklab, var(--acc) 84%, #000);--fs-accent-soft:color-mix(in oklab, var(--acc) 10%, transparent);--fs-accent-fill:var(--acc-fill);--fs-accent-fill-hover:var(--acc-fill-hover);--fs-accent-ink:var(--acc-ink);--fs-success:var(--green);--fs-success-soft:var(--green-soft);--fs-selected:color-mix(in oklab, var(--acc) 9%, transparent);--fs-selected-border:var(--acc);--fs-warn:var(--amber);--fs-warn-soft:var(--amber-soft);--fs-danger:var(--red);--fs-danger-soft:var(--red-soft);--fs-spine:var(--border2);--fs-radius:var(--radius,14px);--fs-radius-sm:10px;--fs-shadow:var(--shadow);color:var(--fs-ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums}.dark .flowstudio{--fs-accent-strong:color-mix(in oklab, var(--acc) 78%, #fff);--fs-accent-soft:color-mix(in oklab, var(--acc) 14%, transparent);--fs-selected:color-mix(in oklab, var(--acc) 16%, transparent)}.flowstudio .fs-panel{background:var(--fs-surface);border:1px solid var(--fs-border);border-radius:var(--fs-radius);box-shadow:var(--fs-shadow)}.flowstudio .fs-panel--warn{border-color:var(--fs-warn);background:var(--fs-warn-soft)}.flowstudio .fs-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fs-muted);font-size:11px;font-weight:500}.flowstudio .fs-chip{border:1px solid var(--fs-border);background:var(--fs-surface-2);color:var(--fs-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.flowstudio .fs-chip--accent{background:var(--fs-accent-soft);color:var(--fs-accent-strong);border-color:#0000}.flowstudio .fs-chip--success{background:var(--fs-success-soft);color:var(--fs-success);border-color:#0000}.flowstudio .fs-chip--warn{background:var(--fs-warn-soft);color:var(--fs-warn);border-color:#0000}.flowstudio .fs-chip--danger{background:var(--fs-danger-soft);color:var(--fs-danger);border-color:#0000}.flowstudio .fs-btn{border:1px solid var(--fs-border);background:var(--fs-surface);height:36px;color:var(--fs-ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.flowstudio .fs-btn:hover:not(:disabled){background:var(--fs-surface-2);color:var(--fs-ink)}.flowstudio .fs-btn:disabled{opacity:.45;cursor:default}.flowstudio .fs-btn--primary{background:var(--fs-accent-fill);border-color:var(--fs-accent-fill);color:var(--fs-accent-ink);font-weight:600}.flowstudio .fs-btn--primary:hover:not(:disabled){background:var(--fs-accent-fill-hover);border-color:var(--fs-accent-fill-hover);color:var(--fs-accent-ink)}.flowstudio .fs-btn--ai{--fs-spark:var(--atnos-light-blue,#5c7cff);background:var(--ink-fill);color:var(--on-ink);border-color:#0000}.dark .flowstudio .fs-btn--ai{--fs-spark:var(--atnos-blue,#2e5bff)}.flowstudio .fs-btn--ai:hover:not(:disabled){background:var(--ink-fill-hover);color:var(--on-ink);border-color:#0000}.flowstudio .fs-btn--ai svg{color:var(--fs-spark)}.flowstudio .fs-btn--ghost{color:var(--fs-muted);background:0 0;border-color:#0000}.flowstudio .fs-btn--ghost:hover:not(:disabled){background:var(--fs-surface-2);color:var(--fs-ink);border-color:#0000}.flowstudio .fs-btn--sm{border-radius:999px;gap:5px;height:30px;padding:0 11px;font-size:12px}.flowstudio .fs-iconbtn{width:30px;height:30px;color:var(--fs-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.flowstudio .fs-iconbtn:hover:not(:disabled){background:var(--fs-surface-2);color:var(--fs-ink)}.flowstudio .fs-iconbtn:disabled{opacity:.4;cursor:default}.flowstudio .fs-iconbtn--danger:hover:not(:disabled){background:var(--fs-danger-soft);color:var(--fs-danger)}.flowstudio .fs-input,.flowstudio .fs-textarea,.flowstudio .fs-select{border:1px solid var(--fs-border);border-radius:var(--fs-radius-sm);background:var(--fs-surface-2);width:100%;color:var(--fs-ink);padding:8px 12px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.flowstudio .fs-input::placeholder,.flowstudio .fs-textarea::placeholder{color:var(--fs-faint)}.flowstudio .fs-input.fs-input--icon{padding-left:32px}.flowstudio .fs-input:focus,.flowstudio .fs-textarea:focus,.flowstudio .fs-select:focus{border-color:var(--fs-accent);box-shadow:0 0 0 3px var(--fs-accent-soft);outline:none}.flowstudio .fs-segment{border:1px solid var(--fs-border);background:var(--fs-surface-2);border-radius:18px;gap:2px;padding:2px;display:inline-flex}.flowstudio .fs-segment button{color:var(--fs-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.flowstudio .fs-segment button[data-active=true]{background:var(--raise);color:var(--fs-ink);box-shadow:0 1px 2px #0b0b0c14}.flowstudio .fs-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.flowstudio .fs-dot--ok{background:var(--fs-success)}.flowstudio .fs-dot--warn{background:var(--fs-warn)}.flowstudio .fs-meter{gap:3px;display:flex}.flowstudio .fs-meter span{background:var(--fs-border);border-radius:2px;width:14px;height:5px}.flowstudio .fs-meter span[data-on=true]{background:var(--fs-success)}@keyframes fs-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flowstudio .fs-rise{animation:.25s ease-out fs-rise}.flowstudio{--auto-bg:var(--fs-bg);--auto-surface:var(--fs-surface);--auto-surface-elevated:var(--fs-surface-2);--auto-border:var(--fs-border);--auto-grid:transparent;--auto-accent:var(--fs-accent);--auto-accent-glow:var(--fs-accent-soft);--auto-accent-contrast:var(--fs-accent-ink);--auto-cyan:var(--fs-accent);--auto-text:var(--fs-ink);--auto-muted:var(--fs-muted);--auto-success:var(--fs-success);--auto-warning:var(--fs-warn);--auto-danger:var(--fs-danger);--studio-bg:var(--fs-bg);--studio-surface:var(--fs-surface);--studio-surface-elevated:var(--fs-surface-2);--studio-border:var(--fs-border);--studio-grid:transparent;--studio-accent:var(--fs-accent);--studio-accent-glow:var(--fs-accent-soft);--studio-cyan:var(--fs-accent);--studio-text:var(--fs-ink);--studio-muted:var(--fs-muted)}.flowstudio.fs-ground,.flowstudio .fs-ground{background-color:var(--fs-bg);background-image:radial-gradient(circle, var(--dot,#0b0b0c14) 1px, transparent 1px);background-size:20px 20px}.flowstudio .fs-title{font-family:var(--font-display);color:var(--fs-ink);letter-spacing:-.03em}.flowstudio .fs-spine{background:var(--fs-spine);pointer-events:none;border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:26px}.flowstudio .fs-unit{border-radius:var(--fs-radius);border:1px solid var(--fs-border);background:var(--fs-surface);text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:7.5rem;max-width:9.5rem;padding:8px 8px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.flowstudio .fs-unit:hover{border-color:var(--fs-border-strong);box-shadow:var(--fs-shadow)}.flowstudio .fs-dock{border-radius:var(--fs-radius);border:1.5px dashed color-mix(in oklch, var(--fs-accent) 40%, var(--fs-border));min-width:7.5rem;color:var(--fs-accent-strong);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.flowstudio .fs-dock:hover{border-color:var(--fs-accent);background:var(--fs-accent-soft)}.flowstudio .fs-deploy{border-radius:var(--fs-radius);border:1.5px dashed color-mix(in oklch, var(--fs-accent) 40%, var(--fs-border));width:100%;color:var(--fs-accent-strong);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.flowstudio .fs-deploy:hover{border-color:var(--fs-accent);background:var(--fs-accent-soft)}.flowstudio .fs-deploy-ring{width:26px;height:26px;color:var(--fs-accent-strong);background:var(--fs-accent-soft);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.fs-action-glyph{border:1px solid var(--egypt-line,var(--border));background:var(--egypt-sand,var(--surface2));color:var(--egypt-gold-strong,var(--acc));border-radius:.75rem;justify-content:center;align-items:center;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.egypt-card:hover .fs-action-glyph{border-color:var(--egypt-gold,var(--acc));background:color-mix(in oklch, var(--egypt-gold,var(--acc)) 10%, transparent)}.flowstudio .fs-status-running{border-left:3px solid var(--fs-accent);background-image:linear-gradient(color-mix(in oklch, var(--fs-accent) 7%, transparent), color-mix(in oklch, var(--fs-accent) 7%, transparent))}.flowstudio .fs-status-done{border-left:3px solid var(--fs-success);background-image:linear-gradient(color-mix(in oklch, var(--fs-success) 7%, transparent), color-mix(in oklch, var(--fs-success) 7%, transparent))}.flowstudio .fs-status-failed{border-left:3px solid var(--fs-danger);background-image:linear-gradient(color-mix(in oklch, var(--fs-danger) 7%, transparent), color-mix(in oklch, var(--fs-danger) 7%, transparent))}.flowstudio .fs-status-dim{border-left:3px solid var(--fs-border-strong);background-image:linear-gradient(var(--fs-surface-2), var(--fs-surface-2));color:var(--fs-muted)}.flowstudio .fs-drawer-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0b0b0c73;border:0;animation:.18s ease-out fs-drawer-fade;position:fixed;inset:0}.flowstudio .fs-drawer{z-index:50;border-left:1px solid var(--fs-border);background:var(--fs-surface);width:50vw;min-width:min(30rem,100vw);max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) fs-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes fs-drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes fs-drawer-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.flowstudio .fs-drawer,.flowstudio .fs-drawer-overlay{animation:none}}@media (width>=1100px){.flowstudio .fs-drawer-overlay{display:none}.flowstudio .fs-drawer{z-index:1;width:clamp(32rem,40vw,38rem);min-width:0;min-height:0;box-shadow:none;flex:none;animation:.22s cubic-bezier(.22,1,.36,1) fs-drawer-dock;position:relative;top:auto;bottom:auto;right:auto}@keyframes fs-drawer-dock{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.flowstudio .fs-drawer{animation:none}}}.flowstudio .fs-crumb{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fs-muted);margin:0 0 3px;font-size:11px;font-weight:500}.flowstudio .fs-dot--accent{background:var(--fs-accent)}.flowstudio .fs-kicker{background:var(--fs-accent-soft);height:18px;color:var(--fs-accent-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:500;display:inline-flex}.flowstudio .fs-block{border:1px solid var(--fs-border);background:var(--fs-surface-2);--cfg-spine-bg:var(--fs-surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.flowstudio .fs-block-title{color:var(--fs-ink);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.flowstudio .fs-block-title svg{color:var(--fs-accent-strong);flex-shrink:0}.flowstudio .fs-block-hint{color:var(--fs-muted);margin:-4px 0 0;font-size:11px;line-height:1.45}.flowstudio .fs-choice{cursor:pointer;border:1px solid var(--fs-border);background:var(--fs-surface);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 11px;font-size:12px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.flowstudio .fs-choice:hover{border-color:var(--fs-border-strong)}.flowstudio .fs-choice[data-on=true]{border-color:var(--fs-accent);background:var(--fs-accent-soft);box-shadow:0 0 0 3px var(--fs-accent-soft)}.flowstudio .fs-pill{border:1px solid var(--fs-border);background:var(--fs-surface);min-height:30px;color:var(--fs-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.flowstudio .fs-pill:hover:not(:disabled){border-color:var(--fs-border-strong);color:var(--fs-ink)}.flowstudio .fs-pill[aria-checked=true]{border-color:var(--fs-accent);background:var(--fs-accent-soft);color:var(--fs-accent-strong)}.flowstudio .fs-segment[role=tablist]{background:var(--fs-surface-2);border-radius:20px;width:100%;padding:3px}.flowstudio .fs-segment[role=tablist] button{border-radius:999px;flex:1;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.25}.flowstudio .fs-hintbar{border-top:1px solid var(--fs-border);background:var(--fs-surface-2);color:var(--fs-muted);align-items:flex-start;gap:8px;padding:8px 14px;font-size:12px;line-height:1.45;display:flex}.flowstudio .fs-hintbar strong{color:var(--fs-ink-2);font-weight:600}.flowstudio .fs-settings-btn{border:1px solid var(--fs-border);background:var(--fs-surface);height:32px;color:var(--fs-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.flowstudio .fs-settings-btn:hover:not(:disabled){background:var(--fs-surface-2);border-color:var(--fs-border-strong)}.flowstudio .fs-settings-btn[data-open=true]{border-color:var(--fs-selected-border);background:var(--fs-selected);color:var(--fs-accent-strong)}.flowstudio .fs-routine-card{border:1px solid var(--fs-border);background:var(--fs-surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.flowstudio .fs-routine-card:hover{border-color:var(--fs-accent);box-shadow:var(--fs-shadow);transform:translateY(-1px)}.flowstudio .fs-routine-card.is-static{cursor:default}.flowstudio .fs-routine-card.is-static:hover{box-shadow:none;border-color:var(--fs-border);transform:none}.flowstudio .fs-add-tile{border:1.5px dashed color-mix(in oklch, var(--fs-accent) 35%, var(--fs-border));background:color-mix(in oklch, var(--fs-accent) 4%, transparent);min-height:5.5rem;color:var(--fs-muted);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.flowstudio .fs-add-tile:hover:not(:disabled){border-color:var(--fs-accent);background:var(--fs-accent-soft);color:var(--fs-accent-strong)}.flowstudio .fs-rail-item{background:var(--fs-surface);border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 10px 10px 12px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative}.flowstudio .fs-rail-item:hover{border-color:var(--fs-border);background:var(--fs-surface-2)}.flowstudio .fs-rail-item[data-selected]{border-color:var(--fs-selected-border);background:var(--fs-selected);box-shadow:var(--fs-shadow)}.flowstudio .fs-rail-item[data-selected]:before{content:"";background:var(--fs-accent);border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.flowstudio .fs-iconbtn{width:32px;height:32px}.flowstudio .fs-run-header{border-bottom:1px solid var(--fs-border);background:var(--fs-surface);flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:14px 18px;display:flex}.flowstudio .fs-run-title{letter-spacing:-.015em;color:var(--fs-ink);margin:0;font-size:17px;font-weight:600;line-height:1.3}.flowstudio .fs-run-meta{color:var(--fs-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.flowstudio .fs-run-meta a{color:var(--fs-accent-strong);font-weight:600;text-decoration:none}.flowstudio .fs-run-meta a:hover{text-decoration:underline}.flowstudio .fs-run-hint{max-width:62ch;color:var(--fs-ink-2);margin:6px 0 0;font-size:12px;line-height:1.5}.flowstudio .fs-run-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 16px 0;display:flex}.flowstudio .fs-run-toolbar-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fs-muted);margin:0;font-size:11px;font-weight:500}.flowstudio .fs-story-rail{border-left:1px solid var(--fs-border);background:var(--fs-surface);flex-direction:column;flex-shrink:0;width:22rem;display:flex}@media (width>=1280px){.flowstudio .fs-story-rail{width:26rem}}.flowstudio .fs-story-rail-head{border-bottom:1px solid var(--fs-border);background:var(--fs-surface-2);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex}.flowstudio .fs-story-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;display:flex}.flowstudio .fs-story-empty-icon{background:var(--fs-accent-soft);width:40px;height:40px;color:var(--fs-accent-strong);border-radius:12px;place-items:center;display:grid}.flowstudio .fs-story-empty h3{color:var(--fs-ink);margin:0;font-size:13px;font-weight:600}.flowstudio .fs-story-empty p{max-width:28ch;color:var(--fs-muted);margin:0;font-size:12px;line-height:1.5}.flowstudio .fs-story-entry{border-radius:10px;padding:8px 10px}.flowstudio .fs-kind{background:var(--fs-surface-3);height:16px;color:var(--fs-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 6px;font-size:9px;font-weight:500;display:inline-flex}