:root{--paper:#fff;--surface:#fff;--ink:#1a1a2e;--ink-soft:#4a4a6a;--ink-faint:#8a8a9a;--hairline:#1a1a2e24;--border-strong:var(--ink);--accent:#12a454;--accent-deep:#0c7c3f;--good:#3f8a4d;--good-deep:#2e6b3a;--warn:#b8791e;--warn-deep:#96601a;--human:#4a4a6a;--r-btn:0px;--r-card:0px;--font-display:"Encode Sans", "Inter", system-ui, sans-serif;--font:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}button,textarea,input{font-family:var(--font)}a{color:inherit;text-decoration:none}.nav{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.nav-actions{align-items:center;gap:22px;display:flex}.nav-actions .link-action{font-size:14px}.landing-split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;padding:56px 48px 40px;display:flex}.landing-copy{flex:480px;max-width:620px;padding-top:8px}.landing-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.08}.landing-form{flex:0 380px;min-width:300px}.intake{resize:vertical;width:100%;min-height:140px;color:var(--ink);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-card);padding:16px;font-size:15px;line-height:1.55}.intake::placeholder{color:var(--ink-faint)}.modal-input{width:100%;color:var(--ink);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-card);padding:12px 16px;font-size:15px;line-height:1.55}.modal-input::placeholder{color:var(--ink-faint)}.landing-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.btn-primary{color:#fff;background:var(--accent);border-radius:var(--r-btn);cursor:pointer;border:none;padding:14px 26px;font-size:15px;font-weight:700}.btn-primary:hover{background:var(--accent-deep)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.landing-band{height:220px;margin-top:8px;position:relative;overflow:hidden}.landing-band img{object-fit:cover;width:100%;height:100%;display:block}.landing-band-badge{background:var(--ink);color:#fff;white-space:nowrap;padding:8px 16px;font-size:12px;font-weight:600;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@media (max-width:760px){.landing-band{display:none}}.error-banner{border:1px solid var(--warn);color:var(--warn-deep);background:#b8791e14;margin-top:14px;padding:10px 14px;font-size:13.5px}.project-header-row{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 32px 20px;display:flex}.breadcrumb{color:var(--ink-faint);font-size:13px}.breadcrumb .proj-name{color:var(--ink);font-weight:700}.breadcrumb .sep{color:var(--hairline);margin:0 7px}.tier-switch{gap:0;display:inline-flex}.tier-switch button{border:1.5px solid var(--hairline);background:var(--surface);color:var(--ink-faint);border-radius:var(--r-btn);cursor:pointer;padding:9px 16px;font-size:13px;font-weight:700}.tier-switch button[aria-selected=true]{border-color:var(--accent);color:var(--accent-deep);box-shadow:inset 0 0 0 1px var(--accent)}.tier-note{color:var(--ink-soft);background:#12a4540f;border:1px solid #12a4542e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 32px 0;padding:14px 20px;font-size:13.5px;display:flex}.tier-note b{color:var(--ink)}.tier-note .cost{color:var(--ink-faint);font-family:ui-monospace,monospace}.workflow-cta{color:var(--accent-deep);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700}.workflow-cta:hover{color:var(--accent)}.link-action{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:none}.link-action:hover{color:var(--accent-deep)}.link-action.link-action-primary{color:var(--accent-deep);font-weight:700}.link-action.link-action-primary:hover{color:var(--accent)}.link-action:disabled{color:var(--ink-faint);cursor:default}.canvas-wrap{padding:40px 32px 64px;overflow:auto hidden}.canvas-row{align-items:flex-start;gap:0;min-width:max-content;display:flex}.connector{background:var(--hairline);flex-shrink:0;width:40px;height:2px;margin-top:26px;position:relative}.connector.merged{background:var(--accent);height:3px}.connector:after{content:"";border-top:2px solid var(--hairline);border-right:2px solid var(--hairline);width:7px;height:7px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.connector.merged:after{border-color:var(--accent)}.fork-stem{flex-shrink:0;align-self:center;align-items:center;gap:8px;margin:26px 4px 0 0;display:flex}.fork-stem-label{color:var(--ink-faint);white-space:nowrap;font-size:11.5px}.fork-lanes{border-left:2px solid var(--accent);flex-direction:column;flex-shrink:0;align-self:center;gap:24px;margin-left:4px;padding-left:18px;display:flex}.fork-lane{flex-direction:column;gap:8px;display:flex}.fork-condition{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep);white-space:nowrap;font-size:10px;font-weight:700}.fork-lane .canvas-row{align-items:flex-start;display:flex}.node{background:var(--surface);border:1px solid var(--hairline);flex-shrink:0;width:250px;transition:box-shadow .15s;overflow:hidden}.node.node-clickable{cursor:pointer}.node.node-clickable:hover{box-shadow:0 6px 22px #1a1a2e17}.node.merged{border-color:#12a45459}.node.low-confidence{border-style:dashed;border-color:var(--warn)}.node-stripe{width:100%;height:4px}.node[data-state=automate] .node-stripe{background:var(--good)}.node[data-state=prototype] .node-stripe{background:var(--warn)}.node[data-state=human] .node-stripe{background:var(--human)}.node-head{padding:15px 15px 8px;position:relative}.node-idx{color:var(--ink-faint);letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:10px}.node-title{margin:2px 0 0;padding-right:16px;font-size:14.5px;font-weight:700;line-height:1.3}.node-expand-toggle{width:22px;height:22px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:15px;display:flex;position:absolute;top:10px;right:10px}.node-expand-toggle:hover{background:var(--hairline);color:var(--ink)}.node-fields{border-top:1px solid var(--hairline);padding-bottom:6px}.node-recalculating{color:var(--ink-faint);margin:0 15px 10px;font-size:11px;font-style:italic;display:inline-block}.stale-note{color:var(--warn-deep);border:1px dashed var(--warn);background:#b8791e14;justify-content:space-between;align-items:center;gap:8px;margin:0 15px 12px;padding:8px 10px;font-size:11.5px;line-height:1.4;display:flex}.stale-note .node-btn{flex-shrink:0;width:auto;padding:0;font-size:11px}.canvas-toolbar{justify-content:flex-end;gap:10px;margin:20px 32px 0;display:flex}.node-chip{letter-spacing:.03em;border:1px solid;align-items:center;gap:5px;margin:0 15px 10px;padding:3px 9px 3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.node[data-state=automate] .node-chip{color:var(--good-deep);border-color:var(--good)}.node[data-state=prototype] .node-chip{color:var(--warn-deep);border-color:var(--warn)}.node[data-state=human] .node-chip{color:var(--human);border-color:var(--hairline)}.node-form{color:var(--ink-soft);padding:0 15px 12px;font-size:12.5px;line-height:1.45}.node-form b{color:var(--ink);font-weight:600}.connector-note{color:var(--warn-deep)}.browser-caution-note{color:var(--warn-deep);border:1px dashed var(--warn);background:#b8791e14;margin:0 15px 12px;padding:8px 10px;font-size:11.5px;line-height:1.4}.dep-placeholder{border:1px dashed var(--warn);color:var(--ink-soft);background:#b8791e14;margin:0 15px 12px;padding:9px 11px;font-size:11.5px;line-height:1.4}.dep-label{letter-spacing:.04em;text-transform:uppercase;color:var(--warn-deep);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.never-automatable-note,.low-confidence-note{align-items:flex-start;gap:6px;margin:0 15px 12px;padding:8px 10px;font-size:11.5px;line-height:1.4;display:flex}.never-automatable-note{color:var(--ink-faint)}.low-confidence-note{color:var(--warn-deep);background:#b8791e14}.node-fields{border-top:1px solid var(--hairline)}.field-row{border-bottom:1px solid var(--hairline);padding:10px 15px}.field-row:last-child{border-bottom:none}.field-key{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:700}.field-val{color:var(--ink);margin-top:4px;font-size:13px;line-height:1.45}.node-actions{padding:11px 15px 15px}.node-btn{text-align:center;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-size:12.5px;font-weight:700;display:block}.node-btn.primary{color:var(--accent-deep)}.node-btn.primary:hover{color:var(--accent)}.node-btn.quiet{color:var(--ink-soft);cursor:default}.node-btn.merged-badge{color:var(--good-deep);cursor:default}.node-btn.produced{color:var(--good-deep)}.node-btn.produced:hover{color:var(--good)}.legend{color:var(--ink-faint);flex-wrap:wrap;gap:22px;padding:16px 32px 40px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.automate{background:var(--good)}.legend-dot.prototype{background:var(--warn)}.legend-dot.human{background:var(--human)}.modal-backdrop{z-index:100;background:#1a1a2e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:460px;overflow:hidden;box-shadow:0 24px 70px #1a1a2e59}.sheet-top{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sheet-top .kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);font-size:11px;font-weight:700}.sheet-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:16px}.sheet-close:hover{background:#1a1a2e0f}.sheet-body{padding:22px 26px 6px}.sheet h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:21px;font-weight:800}.proposal-row{border-top:1px solid var(--hairline);gap:14px;padding:12px 0;display:flex}.proposal-row:first-of-type{border-top:none}.proposal-label{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);flex:0 0 92px;padding-top:1px;font-size:11px;font-weight:700}.proposal-val{color:var(--ink-soft);flex:1;font-size:13.5px;line-height:1.45}.proposal-caution{color:var(--warn-deep);border:1px dashed var(--warn);background:#b8791e14;margin-top:10px;padding:8px 10px;font-size:12.5px;line-height:1.4}.sheet-actions{justify-content:flex-end;gap:10px;padding:18px 26px 24px;display:flex}.btn-ghost{color:var(--ink-faint);box-shadow:inset 0 0 0 1.5px var(--hairline);cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:13px}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-deep)}.node-page-wrap{max-width:720px;margin:0 auto;padding:8px 32px 80px}.np-header{margin-top:14px}.np-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;font-size:11px;font-weight:700}.np-title{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 6px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.1}.np-tool-line{color:var(--ink-soft);font-size:14px}.np-tabs{border-bottom:1px solid var(--hairline);gap:4px;margin-top:28px;display:flex}.np-tab{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:22px;padding:10px 4px;font-size:14px;font-weight:700;position:relative;top:1px}.np-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tab-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.np-tabpanel{padding-top:24px}.np-fields{border:1px solid var(--hairline)}.np-edit-step-btn{margin-bottom:20px;display:inline-block}.missing-panel{background:#12a4540d;border:1px solid #12a45429;margin-bottom:20px;padding:20px 22px 22px}.missing-panel .np-kicker{color:var(--accent-deep)}.missing-help{color:var(--ink-soft);max-width:60ch;margin:0 0 14px;font-size:13.5px}.missing-field label{color:var(--ink-soft);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.missing-field textarea{border:1.5px solid var(--border-strong);width:100%;min-height:70px;color:var(--ink);resize:vertical;background:#fff;padding:11px 14px;font-size:14px}.missing-save-row{align-items:center;gap:12px;margin-top:4px;display:flex}.missing-save-note{color:var(--ink-faint);font-size:12px}.artifact-panel{border:1px solid var(--hairline);padding:22px 24px 24px}.artifact-status{letter-spacing:.03em;text-transform:uppercase;color:var(--good-deep);border:1px solid var(--good);align-items:center;gap:6px;margin-bottom:14px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.code-block{background:var(--ink);color:#f0efe9;white-space:pre-wrap;padding:18px 20px;font-family:ui-monospace,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.code-block-wrap{position:relative}.code-block-stale{opacity:.35}.code-block-overlay{color:#fff;text-align:center;background:#1a1a2e8c;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.artifact-actions{gap:10px;margin-top:16px;display:flex}.not-built-note{background:#b8791e14;border:1px solid #b8791e40;align-items:flex-start;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.note-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--warn-deep);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.note-body{color:var(--ink-soft);font-size:13px}.planned-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 10px;font-size:11px;font-weight:700}.section-explain{color:var(--ink-soft);max-width:62ch;margin:0 0 16px;font-size:13px;line-height:1.5}.flow-steps{border:1px solid var(--hairline)}.flow-step{border-bottom:1px solid var(--hairline)}.flow-step:last-child{border-bottom:none}.flow-step-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 18px;display:flex}.flow-step-toggle:hover{background:#1a1a2e05}.flow-step-name{color:var(--ink);font-size:13.5px;font-weight:700}.flow-step-idx{color:var(--ink-faint);margin-right:8px;font-family:ui-monospace,monospace;font-size:10px}.flow-step-body{padding:0 18px 16px}.loading-note{color:var(--ink-soft);align-items:center;gap:10px;padding:40px 0;font-size:14px;display:flex}.spin{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.review-gate-wrap{max-width:720px;margin:0 auto;padding:32px 24px 64px}.review-gate-header{margin-bottom:24px}.review-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 6px;font-size:11px;font-weight:700}.review-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:800}.review-help{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.review-error{max-width:720px;margin:16px auto 0}.review-list{flex-direction:column;gap:10px;display:flex}.review-card{background:var(--surface);border:1px solid var(--hairline)}.review-card.branch{border-left:2px solid var(--warn);margin-left:24px}.review-card-head{align-items:center;gap:8px;width:100%;padding:13px 15px;display:flex}.review-card-head-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:0;font-family:inherit;display:flex}.review-reorder{flex-direction:column;flex-shrink:0;display:flex}.review-reorder-btn{width:20px;height:16px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;line-height:1}.review-reorder-btn:hover:not(:disabled){color:var(--accent-deep)}.review-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.review-card-idx{color:var(--ink-faint);letter-spacing:.05em;flex-shrink:0;font-family:ui-monospace,monospace;font-size:10px}.review-branch-cond{color:var(--warn-deep);flex-shrink:0;font-size:10.5px;font-weight:700}.review-card-name{flex:1;font-size:14.5px;font-weight:700}.review-card-toggle{color:var(--ink-faint);flex-shrink:0;font-size:16px}.review-card-desc{color:var(--ink-soft);margin:0;padding:0 15px 13px 39px;font-size:12.5px;line-height:1.45}.review-card-body{border-top:1px solid var(--hairline)}.review-generic-tool-note{color:var(--warn-deep);border:1px dashed var(--warn);background:#b8791e14;margin:-4px 15px 10px;padding:7px 9px;font-size:11px;line-height:1.4}.review-remove-step{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;margin:4px 15px 12px;padding:0;font-size:11.5px}.review-remove-step:hover{color:var(--warn-deep)}.review-add-step{color:var(--ink-soft);border:1px dashed var(--hairline);cursor:pointer;background:0 0;width:100%;margin-top:14px;padding:10px 14px;font-size:13px}.review-add-step:hover{border-color:var(--accent);color:var(--accent-deep)}.review-actions{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.editable-field{position:relative}.field-val-editable{cursor:text;padding-right:20px;position:relative}.field-val-editable:hover{color:var(--ink)}.field-val-empty{color:var(--ink-faint);font-style:italic}.field-edit-cue{color:var(--ink-faint);opacity:.6;font-size:11px;position:absolute;top:4px;right:0}.field-val-editable:hover .field-edit-cue{opacity:1}.field-edit-input{width:100%;color:var(--ink);background:var(--paper);border:1.5px solid var(--accent);resize:none;margin-top:4px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.45;overflow:hidden}.help-wrap{max-width:680px;margin:0 auto;padding:48px 32px 96px}.help-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);margin:0;font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.15}.help-lede{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.help-section{border-top:1px solid var(--hairline);margin-top:48px;padding-top:32px}.help-section-first{border-top:none;margin-top:20px;padding-top:0}.help-section h2{font-family:var(--font-display);margin:0 0 14px;font-size:20px;font-weight:800}.help-section p{color:var(--ink-soft);margin:0 0 12px;font-size:14.5px;line-height:1.6}.help-section p:last-child{margin-bottom:0}.help-steps{flex-direction:column;gap:36px;margin:0;padding:0;list-style:none;display:flex}.help-steps li{align-items:flex-start;gap:14px;display:flex}.help-step-shot{border:1px solid var(--hairline);width:100%;max-width:520px;margin-top:10px;display:block}.help-step-num{color:var(--accent-deep);flex-shrink:0;width:18px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.help-steps p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.55}.help-steps b{color:var(--ink)}.help-cta{margin-top:48px}
