:root{--font-sans:Geist, Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sidebar-width:240px;--radius-sm:4px;--radius:6px;--radius-lg:8px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--bg:#f7f7f8;--surface:#fff;--surface-raised:#f0f0f2;--text:#18181b;--muted:#666670;--border:#d9d9df;--primary:#4f46e5;--primary-hover:#4338ca;--on-primary:#fff;--danger:#b42318;--danger-surface:#fef3f2;--success:#067647;--focus:#6366f1}:root[data-theme=dark]{--bg:#131315;--surface:#1c1b1d;--surface-raised:#2a2a2c;--text:#e5e1e4;--muted:#aaa7b3;--border:#464554;--primary:#c0c1ff;--primary-hover:#d5d5ff;--on-primary:#171759;--danger:#ffb4ab;--danger-surface:#3a2021;--success:#6ce9a6;--focus:#c0c1ff}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-synthesis:none}body{min-width:320px;min-height:100vh;margin:0}html{scroll-behavior:smooth}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:1rem}a{color:inherit}.muted,.page-header p{color:var(--muted);line-height:1.5}.brand{align-items:center;gap:10px;font-size:1.25rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);width:32px;height:32px;color:var(--on-primary);background:var(--primary);font-family:var(--font-mono);place-items:center;display:grid}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--primary);color:var(--on-primary)}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button-secondary:hover:not(:disabled){background:var(--surface-raised)}.button-ghost{color:var(--muted);background:0 0}.button-ghost:hover{color:var(--text);background:var(--surface-raised)}.button-full{width:100%}.icon-button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.field{text-align:left;gap:7px;margin-bottom:18px;display:grid}.field-label{font-size:.8125rem;font-weight:650}.field-hint,.field-error{color:var(--muted);font-size:.75rem}.field-error{color:var(--danger)}.input,.select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;min-height:42px;color:var(--text);padding:9px 11px}.input[aria-invalid=true]{border-color:var(--danger)}.inline-error{color:var(--danger);background:var(--danger-surface);border-radius:var(--radius);align-items:flex-start;gap:8px;padding:10px 12px;font-size:.875rem;display:flex}.success-message{color:var(--success);font-size:.875rem}.privacy-notice{border:1px solid var(--border);border-left:3px solid var(--warning,#b7791f);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8125rem;line-height:1.5;display:flex}.privacy-notice>svg{color:var(--warning,#b7791f);flex:none;margin-top:1px}.privacy-notice strong{margin-bottom:2px;display:block}.privacy-notice p{color:var(--muted);margin:0}.loading-screen{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{background:var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(440px,100%);padding:28px}.auth-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.auth-content h1{margin-bottom:8px}.auth-content form{margin-top:28px}.eyebrow{color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.text-link{color:var(--primary);font-weight:600;text-decoration:none}.align-right{text-align:right;margin:-6px 0 18px;display:block}.auth-switch{color:var(--muted);text-align:center;margin:24px 0 0}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0 14px;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.oauth-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-shell{background:var(--bg);min-height:100svh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;padding:20px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-heading{justify-content:space-between;margin-bottom:28px;padding:0 8px;display:flex}.sidebar-cta{margin:0 4px 22px}.sidebar nav{gap:4px;display:grid}.nav-link{border-radius:var(--radius);min-height:42px;color:var(--muted);border-left:2px solid #0000;align-items:center;gap:11px;padding:8px 12px;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-raised);color:var(--text)}.nav-link.active{background:var(--surface-raised);color:var(--text);border-left-color:var(--primary)}.sidebar-bottom{gap:6px;margin-top:auto;display:grid}.user-summary{min-width:0;color:var(--muted);align-items:center;gap:8px;padding:8px;font-size:.75rem;display:flex}.user-summary span:last-child{text-overflow:ellipsis;overflow:hidden}.avatar{background:var(--surface-raised);width:28px;height:28px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.app-main{margin-left:var(--sidebar-width);min-height:100svh}.page{width:min(1120px,100%);margin:0 auto;padding:48px 32px}.page-header{margin-bottom:32px}.phase-notice{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-items:flex-start;gap:14px;padding:24px;display:flex}.phase-notice h2{margin-bottom:5px}.phase-notice p{color:var(--muted);margin:0}.settings-form{max-width:620px}.settings-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:24px}.settings-card h2{margin-bottom:24px}.mobile-header,.mobile-only{display:none}@media (width<=767px){.mobile-header{z-index:10;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-only{display:inline-flex}.sidebar{visibility:hidden;pointer-events:none;transition:transform .2s,visibility 0s linear .2s;transform:translate(-100%)}.sidebar-open{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.nav-scrim{z-index:15;background:#0009;border:0;position:fixed;inset:0}.app-main{margin-left:0}.page{padding:32px 16px}.auth-layout{padding:0}.auth-panel{border:0;border-radius:0;min-height:100svh;padding:22px 20px}.oauth-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}button,input,select,textarea{font:inherit}.button-danger{background:var(--danger);color:var(--surface)}.button-danger:hover:not(:disabled){filter:brightness(.92)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-header-actions,.section-heading,.editor-footer,.dialog-actions,.row-actions,.pagination>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header-actions>div{min-width:0}.page-header-actions .button{flex:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:10px;padding:20px;display:grid}.stat-card span,.workflow-meta,.run-row time{color:var(--muted);font-size:.8125rem}.stat-card strong{font-size:1.75rem}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;display:grid}.section-line{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.section-heading h2{margin:0}.inline-link{align-items:center;gap:5px;font-size:.8125rem;display:inline-flex}.recent-list{gap:8px;display:grid}.recent-workflow{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.workflow-icon{border:1px solid var(--border);border-radius:var(--radius);flex:none;place-items:center;width:36px;height:36px;display:grid}.recent-main{flex:1;min-width:0}.recent-main>a{font-weight:650;text-decoration:none}.workflow-meta{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.workflow-meta code,.command-badge{font-family:var(--font-mono)}.run-list{display:grid}.run-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.run-row time{white-space:nowrap}.compact-button{min-height:32px;padding:5px 10px;font-size:.8125rem}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--surface);justify-items:center;gap:10px;padding:64px 24px;display:grid}.empty-state>svg{color:var(--muted);width:32px;height:32px}.empty-state h2,.empty-state p{margin:0}.empty-state p{max-width:480px;color:var(--muted);margin-bottom:8px}.error-state{justify-items:start;gap:10px;display:grid}.search-box{max-width:560px;margin-bottom:20px;display:block;position:relative}.search-box>svg{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:42px;color:var(--text);padding:9px 12px 9px 40px}.success-banner{color:var(--success);border-radius:var(--radius);background:var(--surface);border:1px solid;padding:10px 12px}.workflow-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:opacity .15s;overflow:visible}.workflow-table-wrap.is-refreshing{opacity:.65}.workflow-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.workflow-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.6875rem}.workflow-table th,.workflow-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.workflow-table th:first-child{width:34%}.workflow-table th:nth-child(3){width:140px}.workflow-table th:nth-child(4){width:135px}.workflow-table th:last-child{width:170px}.workflow-table tr:last-child td{border-bottom:0}.workflow-table td:nth-child(2){overflow:hidden}.workflow-name{font-weight:650;text-decoration:none;display:block}.workflow-description{max-width:320px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.75rem;display:block;overflow:hidden}.command-badge,.count-badge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);white-space:nowrap;padding:3px 6px;font-size:.75rem;display:inline-block}.command-badge{text-overflow:ellipsis;vertical-align:middle;max-width:100%;overflow:hidden}.row-actions{justify-content:flex-end;gap:6px}.action-menu{position:relative}.action-menu summary{border-radius:var(--radius);cursor:pointer;width:34px;height:34px;color:var(--muted);place-items:center;list-style:none;display:grid}.action-menu summary::-webkit-details-marker{display:none}.action-menu summary:hover{background:var(--surface-raised)}.action-menu>div{z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:150px;padding:5px;position:absolute;top:38px;right:0;box-shadow:0 8px 24px #0003}.action-menu a,.action-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex}.action-menu a:hover,.action-menu button:hover{background:var(--surface-raised)}.action-menu .danger-action{color:var(--danger)}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:.8125rem;display:flex}.pagination>div{gap:10px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:20px}.panel>h2,.section-heading{margin-bottom:18px}.workflow-editor>.privacy-notice{margin-bottom:20px}.editor-grid{grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);align-items:start;gap:20px;display:grid}.editor-column{gap:20px;display:grid}.textarea{resize:vertical;height:auto}.compact{margin-bottom:16px}.char-count{color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.template-panel{position:sticky;top:24px}.template-panel>.field-hint{margin:-8px 0 12px;display:block}.template-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;min-height:560px;color:var(--text);font:13px/1.65 var(--font-mono);padding:16px}.template-input[aria-invalid=true]{border-color:var(--danger)}.variable-card{border:1px solid var(--border);border-radius:var(--radius);min-width:0;margin:0 0 14px;padding:16px;position:relative}.variable-card legend{padding:0 5px;font-size:.75rem;font-weight:650}.variable-actions{position:absolute;top:3px;right:5px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox{align-items:center;gap:8px;font-size:.8125rem;display:flex}.editor-footer{z-index:4;border-top:1px solid var(--border);background:var(--bg);margin:24px -32px -48px;padding:14px 32px;position:sticky;bottom:0}.editor-footer>.inline-error{margin:0}.editor-buttons{gap:8px;margin-left:auto;display:flex}.dialog-scrim{z-index:100;background:#000a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(460px,100%);padding:24px;box-shadow:0 12px 36px #0006}.dialog h2{font-size:1.25rem}.dialog p{color:var(--muted);line-height:1.5}.dialog-actions{justify-content:flex-end;margin-top:24px}@media (width<=900px){.dashboard-grid,.editor-grid{grid-template-columns:1fr}.template-panel{position:static}.template-input{min-height:360px}.workflow-table thead{display:none}.workflow-table,.workflow-table tbody,.workflow-table tr,.workflow-table td{display:block}.workflow-table tr{border-bottom:1px solid var(--border);padding:14px}.workflow-table tr:last-child{border-bottom:0}.workflow-table td,.workflow-table tr:last-child td{border:0;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.workflow-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:.6875rem}.workflow-table td:first-child{display:block}.workflow-table td:first-child:before,.workflow-table td:last-child:before{display:none}.workflow-description{max-width:none}.workflow-table td:last-child{width:auto}.row-actions{margin-top:5px}.action-menu>div{top:auto;bottom:38px}}@media (width<=767px){.page-header-actions{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.dashboard-grid{gap:32px}.recent-workflow{flex-wrap:wrap;align-items:flex-start}.recent-workflow .compact-button{margin-left:48px}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{justify-content:space-between;width:100%}.two-fields{grid-template-columns:1fr}.editor-footer{flex-direction:column;align-items:stretch;margin:24px -16px -32px;padding:12px 16px}.editor-buttons{width:100%;margin:0}.editor-buttons .button,.dialog-actions .button{flex:1}}.generation-page{max-width:900px}.generation-input{gap:18px;display:grid}.prompt-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;min-height:300px;color:var(--text);font:14px/1.6 var(--font-mono);padding:16px}.prompt-input[aria-invalid=true]{border-color:var(--danger)}.prompt-example{border-left:3px solid var(--border);background:var(--surface-raised);padding:14px 16px;font-size:.8125rem}.prompt-example strong{margin-bottom:5px;display:block}.prompt-example p{color:var(--muted);margin:0;line-height:1.5}.generation-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.generation-actions .char-count{margin-right:auto}.generation-status{text-align:center;align-content:center;justify-items:center;gap:14px;min-height:320px;display:grid}.generation-status h2,.generation-status p{margin:0}.generation-status p{max-width:520px;color:var(--muted)}.generation-status .spinner{width:28px;height:28px}.generation-status .inline-error{max-width:600px}.original-prompt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0 0 20px;padding:12px 16px}.original-prompt summary{cursor:pointer;font-size:.8125rem;font-weight:650}.original-prompt pre{background:var(--bg);border-radius:var(--radius);white-space:pre-wrap;max-height:220px;font:12px/1.55 var(--font-mono);margin:14px 0 0;padding:14px;overflow:auto}@media (width<=767px){.generation-actions{flex-wrap:wrap;align-items:stretch}.generation-actions .char-count{width:100%;margin:0}.generation-actions .button{flex:1}.prompt-input{min-height:240px}}.run-page{max-width:960px}.run-form{gap:18px;display:grid}.run-form .panel>h2{margin-bottom:24px}.run-field{border-bottom:1px solid var(--border);padding-bottom:18px;position:relative}.run-field:last-child{border-bottom:0;padding-bottom:0}.run-field>.field-label{padding-right:140px}.run-field>code{color:var(--muted);font-size:.75rem;position:absolute;top:0;right:0}.run-textarea{resize:vertical;min-height:130px}.run-submit{justify-content:flex-end;align-items:center;gap:14px;display:flex}.run-submit>span{color:var(--muted);font-size:.75rem}.result-panel{gap:14px;display:grid}.result-panel .section-heading,.history-prompt .section-heading{margin:0}.result-prompt{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;min-height:420px;color:var(--text);font:13px/1.65 var(--font-mono);padding:16px}.result-prompt:not([readonly]){border-color:var(--focus)}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.copy-status{min-height:20px;color:var(--success);align-items:center;gap:6px;margin:0;font-size:.8125rem;display:flex}.history-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.history-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:18px;text-decoration:none;display:flex}.history-row:last-child{border-bottom:0}.history-row:hover{background:var(--surface-raised)}.history-main{min-width:0}.history-main strong{margin-right:10px;display:inline-block}.history-main code{color:var(--muted);font-size:.75rem}.history-main p{max-width:760px;color:var(--muted);font:12px/1.5 var(--font-mono);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.history-row time{color:var(--muted);flex:none;font-size:.75rem}.detail-back{align-items:center;gap:5px;margin-bottom:24px;display:inline-flex}.history-detail-grid{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);align-items:start;gap:20px;display:grid}.snapshot-inputs{gap:0;margin:0;display:grid}.snapshot-inputs>div{border-bottom:1px solid var(--border);padding:14px 0}.snapshot-inputs>div:first-child{padding-top:0}.snapshot-inputs>div:last-child{border-bottom:0}.snapshot-inputs dt{justify-content:space-between;gap:12px;font-size:.8125rem;font-weight:650;display:flex}.snapshot-inputs dt code{color:var(--muted);font-size:.7rem}.snapshot-inputs dd{white-space:pre-wrap;font:12px/1.55 var(--font-mono);margin:8px 0 0}.history-prompt pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;font:13px/1.65 var(--font-mono);margin:0;padding:16px;overflow:auto}.snapshot-counts{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:.75rem;display:flex}@media (width<=800px){.history-detail-grid{grid-template-columns:1fr}.history-row{flex-direction:column;gap:12px}.history-row time{order:-1}.result-actions .button{flex:1}.run-submit{flex-direction:column;align-items:stretch}.run-submit>span{text-align:center}}.skip-link{z-index:200;border-radius:var(--radius);background:var(--text);color:var(--bg);padding:10px 14px;font-weight:700;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.landing-shell{background:var(--bg);min-height:100svh;overflow:hidden}.landing-nav{z-index:5;border-bottom:1px solid var(--border);align-items:center;gap:32px;width:min(1200px,100% - 48px);min-height:76px;margin:0 auto;display:flex;position:relative}.landing-nav>nav{gap:26px;margin-left:auto;display:flex}.landing-nav>nav a{color:var(--muted);font-size:.875rem;font-weight:600;text-decoration:none}.landing-nav>nav a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:6px;display:flex}.landing-control{border-radius:var(--radius);justify-content:center;min-width:40px;padding:0 8px}.landing-control:hover{background:var(--surface-raised);color:var(--text)}.landing-hero{grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);align-items:center;gap:72px;width:min(1200px,100% - 48px);min-height:680px;margin:0 auto;padding:88px 0 104px;display:grid;position:relative}.landing-hero:before{content:"";z-index:0;border:1px solid var(--border);width:520px;height:520px;box-shadow:0 0 0 80px color-mix(in srgb,var(--surface-raised) 34%,transparent),0 0 0 160px color-mix(in srgb,var(--surface-raised) 18%,transparent);pointer-events:none;border-radius:50%;position:absolute;top:20px;right:-260px}.hero-copy,.workflow-demo{z-index:1;position:relative}.hero-copy .eyebrow,.landing-cta .eyebrow{align-items:center;gap:7px;display:flex}.hero-copy h1{letter-spacing:-.065em;max-width:720px;margin:18px 0 22px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98}.hero-description{max-width:650px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.landing-primary{min-height:46px;padding-inline:18px}.hero-note{color:var(--muted);margin:16px 0 0;font-size:.78rem}.workflow-demo{border:1px solid var(--border);background:var(--surface);border-radius:12px;transform:rotate(1.2deg);box-shadow:0 24px 70px #0002}.demo-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:6px;min-height:44px;padding:0 14px;display:flex}.demo-toolbar>span{background:var(--border);border-radius:50%;width:8px;height:8px}.demo-toolbar code{color:var(--muted);margin-left:auto;font-size:.72rem}.demo-body{padding:24px}.demo-heading{justify-content:space-between;align-items:center;margin-bottom:24px;font-weight:700;display:flex}.demo-status{border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));color:var(--success);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:4px 7px;font-size:.68rem}.demo-body label{color:var(--muted);gap:7px;margin-top:15px;font-size:.74rem;font-weight:650;display:grid}.demo-body input,.demo-body textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);font:12px/1.5 var(--font-mono);resize:none;padding:10px 11px}.demo-body textarea{min-height:92px}.demo-action{border-radius:var(--radius);background:var(--primary);color:var(--on-primary);justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:10px;font-size:.8rem;font-weight:700;display:flex}.workflow-demo>pre{border-top:1px solid var(--border);color:var(--muted);white-space:pre-wrap;font:11px/1.6 var(--font-mono);margin:0;padding:18px 24px}.landing-section{width:min(1200px,100% - 48px);margin:0 auto;padding:112px 0}.landing-section-heading{max-width:700px;margin-bottom:52px}.landing-section-heading h2,.landing-cta h2{letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.landing-section-heading>p:last-child,.landing-cta>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.landing-steps{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.landing-steps li{border-right:1px solid var(--border);min-height:270px;padding:30px 24px;position:relative}.landing-steps li:first-child{border-left:1px solid var(--border)}.landing-steps li>svg{width:25px;height:25px;color:var(--primary);margin:52px 0 20px}.step-number{color:var(--muted);font:11px var(--font-mono);position:absolute;top:18px;right:18px}.landing-steps h3{margin:0 0 10px;font-size:1rem}.landing-steps p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.55}.landing-example{border-top:1px solid var(--border)}.example-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;display:grid}.example-grid article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0}.example-grid article>span{border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;font-size:.7rem;font-weight:700;display:block}.example-grid pre{white-space:pre-wrap;min-height:220px;font:13px/1.7 var(--font-mono);margin:0;padding:24px;overflow:auto}.example-arrow{color:var(--muted)}.landing-cta{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;width:min(1200px,100% - 48px);margin:40px auto 100px;padding:72px}.landing-cta h2{max-width:840px;margin-inline:auto}.landing-cta>p:not(.eyebrow){max-width:650px;margin:0 auto 28px}.landing-cta .eyebrow{justify-content:center}.landing-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;width:min(1200px,100% - 48px);margin:0 auto;padding:34px 0;display:flex}.landing-footer p{color:var(--muted);margin:0;font-size:.8rem}@media (width<=960px){.landing-nav>nav{display:none}.landing-nav-actions{margin-left:auto}.landing-hero{grid-template-columns:1fr;gap:56px;padding-top:72px}.hero-copy{max-width:760px}.workflow-demo{width:min(680px,100%);transform:none}.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-steps li:nth-child(3){border-left:1px solid var(--border)}.example-grid{grid-template-columns:1fr}.example-arrow{justify-self:center;transform:rotate(90deg)}}@media (width<=640px){.landing-nav,.landing-hero,.landing-section,.landing-cta,.landing-footer{width:min(100% - 32px,1200px)}.landing-nav{min-height:66px}.landing-nav .brand{font-size:1rem}.landing-nav .brand-mark{width:30px;height:30px}.landing-sign-in{display:none}.landing-hero{min-height:auto;padding:64px 0 76px}.landing-hero:before{display:none}.hero-copy h1{font-size:clamp(2.65rem,15vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.workflow-demo{width:calc(100% + 16px);margin-inline:-8px}.landing-section{padding:80px 0}.landing-section-heading{margin-bottom:36px}.landing-steps{grid-template-columns:1fr}.landing-steps li,.landing-steps li:nth-child(3){border-left:1px solid var(--border);min-height:220px}.landing-steps li>svg{margin-top:40px}.example-grid pre{min-height:180px;padding:18px;font-size:11px}.landing-cta{margin-bottom:64px;padding:48px 22px}.landing-footer{flex-direction:column;align-items:flex-start}.landing-footer p{max-width:280px}}