@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #f5f1e8;--panel: #fff9f0;--panel-border: #dbcbb4;--ink: #1a1916;--muted: #5f594f;--accent: #2f7d5b;--accent-strong: #1f5d43;--accent-warm: #f0a54d;--danger: #c54b3a;--shadow: 0 24px 60px rgba(24, 20, 16, .18);--shadow-soft: 0 18px 40px rgba(24, 20, 16, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fff,#f3ede3 40%,#e7dfd1);color:var(--ink);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;width:480px;height:480px;border-radius:50%;z-index:0;filter:blur(0px);opacity:.3}body:before{background:radial-gradient(circle,rgba(47,125,91,.2) 0%,transparent 65%);top:-120px;right:-80px;animation:floatSlow 12s ease-in-out infinite}body:after{background:radial-gradient(circle,rgba(240,165,77,.22) 0%,transparent 70%);bottom:-160px;left:-120px;animation:floatSlow 14s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-shell{position:relative;z-index:1;padding:32px clamp(20px,4vw,48px) 48px;display:flex;flex-direction:column;gap:32px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-panel{width:min(980px,100%)}.auth-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.auth-header .brand{margin-left:-8px;gap:3px}.auth-header-copy{margin-left:auto;text-align:right;max-width:520px}.auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;margin-top:20px}.auth-block{border:1px solid rgba(219,203,180,.6);border-radius:16px;padding:18px;background:#fff9;display:flex;flex-direction:column;gap:12px}.auth-actions{display:flex;gap:12px;flex-wrap:wrap}.auth-credential{display:grid;gap:6px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar.has-tutorial-nav{align-items:flex-start}.topbar-left{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);column-gap:28px;row-gap:10px;align-items:center;flex:1;min-width:0}.topbar-nav{display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#fffc;border:1px solid rgba(219,203,180,.7);justify-self:start;flex-wrap:wrap}.tutorial-nav{grid-column:2 / 3;grid-row:2;display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#2f7d5b1a;border:1px solid rgba(47,125,91,.3);justify-self:start;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--muted);font-weight:600;font-size:.85rem;padding:6px 14px;border-radius:999px;transition:color .2s ease,background .2s ease}.nav-link.active{background:#2f7d5b26;color:var(--accent-strong)}.brand{display:flex;align-items:center;gap:4px}.brand img{width:84px;height:84px}.topbar .brand img{margin-left:-12px}.brand-copy{display:flex;flex-direction:column;gap:2px;align-self:center}.brand-name{font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.4rem,2vw,1.9rem);margin:0;letter-spacing:.02em;line-height:1.1}.brand-subtitle{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;margin:0 0 4px;color:var(--muted)}h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.8rem,2.2vw,2.6rem);margin:0}h2{font-family:Fraunces,Times New Roman,serif;font-size:1.5rem;margin:0 0 8px}h3{font-size:1rem;margin:0 0 12px}.status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:.9rem}.status-pill{border-radius:999px;padding:6px 14px;font-weight:600;font-size:.8rem;border:1px solid transparent}.status-pill.active{background:#2f7d5b26;color:var(--accent-strong);border-color:#2f7d5b4d}.status-pill.idle{background:#5f594f1f;color:var(--muted);border-color:#5f594f33}.status-meta{color:var(--muted)}.button-small{padding:6px 12px;font-size:.75rem;box-shadow:none}.layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:28px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);animation:riseIn .6s ease both;animation-delay:var(--delay, 0s)}.tutorial-shell{display:grid;gap:20px}.tutorial-banner{position:relative}.tutorial-banner-content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tutorial-step-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tutorial-focus{position:relative;z-index:2;border-radius:inherit;box-shadow:0 0 0 2px #2f7d5ba6,0 0 0 6px #2f7d5b26}.tutorial-callout{margin:8px 0 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(47,125,91,.35);background:#2f7d5b1f;display:grid;gap:4px;font-size:.85rem}.tutorial-callout strong{font-weight:600}.panel-section+.panel-section{margin-top:24px}.sidebar{display:flex;flex-direction:column;gap:20px;height:fit-content;position:sticky;top:24px}.main{display:flex;flex-direction:column;gap:24px}.overview{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,320px) auto;gap:24px;align-items:center}.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{background:#ffffffb3;border:1px solid rgba(219,203,180,.7);padding:12px 14px;border-radius:14px;display:grid;gap:6px;min-width:0}.metric strong{font-size:1.2rem}.muted{color:var(--muted);margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.table-wrap{overflow-x:auto}.builder-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:24px;align-items:start}.canvas-panel{position:relative;min-height:320px;height:max(540px,calc(100vh - 200px));padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px;align-self:start}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.canvas-viewport{position:relative;flex:1;min-height:0;border-radius:18px;overflow:hidden;background:#ffffffb3;border:1px solid rgba(219,203,180,.6);-webkit-user-select:none;user-select:none;touch-action:none}.canvas-viewport.pan-ready{cursor:grab}.canvas-viewport.pan-ready:active{cursor:grabbing}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(95,89,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,89,79,.08) 1px,transparent 1px);background-size:32px 32px}.canvas-layer{position:absolute;inset:0;transform-origin:0 0}.connection-layer{position:absolute;inset:0;pointer-events:none}.connection-path{fill:none;stroke:#2f7d5b73;stroke-width:3}.connection-path.preview{stroke-dasharray:6 6;stroke:#2f7d5b4d}.canvas-node{position:absolute;background:#fffffff2;border:1px solid rgba(219,203,180,.9);border-radius:14px;padding:10px 12px;font-weight:600;box-shadow:0 10px 20px #1814101a;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab}.canvas-node:active{cursor:grabbing}.canvas-node.selected{border-color:#2f7d5b99;box-shadow:0 0 0 2px #2f7d5b40}.node-label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.node-label small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.port{width:12px;height:12px;border-radius:50%;border:2px solid rgba(47,125,91,.6);background:#fffdf8;cursor:pointer;padding:0}.port-in{margin-right:6px}.port-out{margin-left:6px}.inspector-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;align-self:start;height:max(540px,calc(100vh - 200px));overflow-y:auto;scrollbar-gutter:stable}.copilot-panel{display:grid;gap:16px}.copilot-chat{display:grid;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.copilot-message{border:1px solid rgba(219,203,180,.7);background:#ffffffbf;border-radius:14px;padding:12px;display:grid;gap:6px}.copilot-message.user{border-color:#2f7d5b66;background:#2f7d5b1f}.copilot-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem}.copilot-actions{border:1px dashed rgba(219,203,180,.8);border-radius:14px;padding:12px;display:grid;gap:8px}.copilot-action-card{background:#ffffffb3;border:1px solid rgba(219,203,180,.6);border-radius:12px;padding:8px 10px;font-size:.85rem}.copilot-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.copilot-input textarea{min-height:64px}.inspector-block{padding:12px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(219,203,180,.6)}.inspector-block>summary.inspector-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-block>summary.inspector-summary::-webkit-details-marker{display:none}.inspector-block>summary.inspector-summary:after{content:">";font-size:.85rem;opacity:.6;transition:transform .2s ease}.inspector-block[open]>summary.inspector-summary:after{transform:rotate(90deg)}.inspector-block>.inspector-content{margin-top:10px}.workflow-list{display:grid;gap:10px;margin-bottom:16px}.workflow-item{border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:12px;padding:10px 12px;text-align:left;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.workflow-title{line-height:1.25}.workflow-status{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.workflow-item.active{background:#2f7d5b26;border-color:#2f7d5b66;color:var(--accent-strong)}.workflow-version-list{display:grid;gap:8px;margin:12px 0}.workflow-version-item{border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:10px;padding:8px 10px;text-align:left;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.workflow-version-item.active{background:#2f7d5b26;border-color:#2f7d5b66;color:var(--accent-strong)}.version-detail{display:grid;gap:10px;margin-top:12px}.version-detail-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diff-viewer{border:1px solid rgba(219,203,180,.7);border-radius:12px;background:#fffc;padding:10px;margin:0;max-height:220px;overflow:auto}.diff-lines{display:grid;gap:2px}.diff-line{display:grid;grid-template-columns:16px 1fr;gap:8px;font-size:.75rem;white-space:pre;padding:2px 0}.diff-line.add{background:#2f7d5b1f;color:var(--accent-strong)}.diff-line.remove{background:#c54b3a1f;color:var(--danger)}.diff-line.context{color:var(--muted)}.node-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip{border:1px solid rgba(219,203,180,.8);background:#ffffffb3;color:var(--muted);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer}.filter-chip:hover{border-color:#2f7d5b66;color:var(--accent-strong)}.filter-chip.active{background:#2f7d5b2e;color:var(--accent-strong);border-color:#2f7d5b73}.node-library{display:grid;gap:12px;margin-top:12px}.node-card{border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:16px;padding:12px;display:grid;gap:8px;min-width:0}.node-card-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.node-title{font-weight:600;font-size:.9rem;min-width:0}.node-desc{margin:0;color:var(--muted);font-size:.8rem}.node-type{padding:2px 8px;border-radius:999px;border:1px dashed rgba(219,203,180,.8);font-size:.7rem;color:var(--muted);max-width:100%;overflow-wrap:anywhere}.node-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.node-io{font-size:.75rem;color:var(--muted)}.node-add{margin-left:auto;padding:6px 12px;font-size:.75rem}.run-panel{display:flex;flex-direction:column;gap:16px}.run-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.run-sidebar{display:flex;flex-direction:column;gap:12px}.run-list{display:grid;gap:10px;max-height:520px;overflow-y:auto;padding-right:4px}.run-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:grid;gap:6px;cursor:pointer}.run-item.active{border-color:#2f7d5b80;box-shadow:0 0 0 2px #2f7d5b33}.run-item-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.run-item-meta{font-size:.75rem;color:var(--muted)}.run-main{display:flex;flex-direction:column;gap:16px}.run-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.summary-card{border:1px solid rgba(219,203,180,.7);background:#ffffffb3;border-radius:14px;padding:12px;display:grid;gap:6px}.run-payloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.payload-card{border:1px solid rgba(219,203,180,.7);background:#ffffffb3;border-radius:14px;padding:12px}.code-block{margin:8px 0 0;padding:10px;border-radius:12px;border:1px dashed rgba(219,203,180,.8);background:#fffc;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.code-block.error{border-color:#c54b3a73;color:var(--danger)}.run-status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px;border:1px solid rgba(219,203,180,.8);color:var(--muted)}.run-status.success{border-color:#2f7d5b66;color:var(--accent-strong);background:#2f7d5b1f}.run-status.error{border-color:#c54b3a73;color:var(--danger);background:#c54b3a1f}.run-status.running{border-color:#f0a54d80;color:#8a5a1a;background:#f0a54d1f}.run-status.canceled{border-color:#5f594f66;color:var(--muted);background:#5f594f1f}.run-status.pending{border-color:#dbcbb4cc;color:var(--muted);background:#dbcbb41f}.run-timeline{display:grid;gap:16px}.timeline-section{display:grid;gap:12px}.timeline-list{display:grid;gap:10px}.timeline-item{border:1px solid rgba(219,203,180,.7);background:#ffffffb3;border-radius:14px;padding:12px;display:grid;gap:8px}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.artifact-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--muted)}.log-level{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px;border:1px solid rgba(219,203,180,.8);color:var(--muted)}.log-level.info{border-color:#2f7d5b66;color:var(--accent-strong)}.log-level.warn{border-color:#f0a54d80;color:#8a5a1a}.log-level.error{border-color:#c54b3a73;color:var(--danger)}.log-level.debug{border-color:#5f594f66;color:var(--muted)}.log-message{font-weight:600}.credential-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.credential-list{display:grid;gap:10px;max-height:620px;overflow-y:auto;padding-right:4px}.credential-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:grid;gap:6px;cursor:pointer}.credential-item.active{border-color:#2f7d5b80;box-shadow:0 0 0 2px #2f7d5b33}.credential-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}.credential-meta{font-size:.75rem;color:var(--muted)}.credential-detail{display:grid;gap:16px}.credential-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.project-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.project-list{display:grid;gap:10px;max-height:620px;overflow-y:auto;padding-right:4px}.project-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:grid;gap:6px;cursor:pointer}.project-item.active{border-color:#2f7d5b80;box-shadow:0 0 0 2px #2f7d5b33}.project-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}.project-meta{font-size:.75rem;color:var(--muted)}.project-detail{display:grid;gap:16px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.member-list{display:grid;gap:10px;margin-bottom:16px}.member-item{border:1px solid rgba(219,203,180,.7);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.member-info{display:grid;gap:4px}.member-meta{font-size:.75rem;color:var(--muted)}.member-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-actions select{min-width:140px}.member-form{display:grid;gap:12px;border-top:1px solid rgba(219,203,180,.6);padding-top:12px}.admin-grid,.template-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.template-list{display:grid;gap:10px;max-height:620px;overflow-y:auto;padding-right:4px}.template-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:grid;gap:6px;cursor:pointer}.template-item.active{background:#2f7d5b26;border-color:#2f7d5b66;color:var(--accent-strong)}.template-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}.template-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.template-meta{font-size:.75rem;color:var(--muted)}.template-meta-row{display:flex;flex-wrap:wrap;gap:8px}.template-detail{display:grid;gap:16px}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.template-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.template-node-list{display:flex;flex-wrap:wrap;gap:8px}.tutorial-list{display:grid;gap:12px}.tutorial-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:12px;display:grid;gap:6px;cursor:pointer}.tutorial-item.active{background:#2f7d5b26;border-color:#2f7d5b66;color:var(--accent-strong)}.tutorial-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}.tutorial-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.tutorial-meta{font-size:.75rem;color:var(--muted)}.tutorial-step-list{display:grid;gap:10px}.tutorial-step{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:flex-start;border:1px solid rgba(219,203,180,.6);background:#ffffffb3;border-radius:14px;padding:10px 12px}.tutorial-step input{margin-top:4px}.tutorial-step.done{background:#2f7d5b14;border-color:#2f7d5b4d}.tutorial-step.active{box-shadow:0 0 0 2px #2f7d5b1f}.tutorial-step-title{margin:0;font-weight:600}.tutorial-step-copy{margin:2px 0 0;font-size:.85rem;color:var(--muted)}.ops-grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);gap:20px;align-items:start}.ops-list{display:grid;gap:16px}.ops-cards{display:none;gap:12px}.ops-card{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:16px;padding:12px;display:grid;gap:10px;cursor:pointer}.ops-card.active{border-color:#2f7d5b80;box-shadow:0 0 0 2px #2f7d5b33}.ops-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.ops-card-meta{display:grid;gap:4px;font-size:.8rem;color:var(--muted)}.ops-table tbody tr{cursor:pointer}.ops-table tbody tr:hover{background:#2f7d5b14}.ops-table tbody tr.active{background:#2f7d5b1f}.ops-detail{display:grid;gap:16px}.ops-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ops-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ops-meta{display:grid;gap:6px;color:var(--muted);font-size:.85rem}.playbook-list{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.settings-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.settings-actions{margin-top:8px}.user-list{display:grid;gap:10px;max-height:620px;overflow-y:auto;padding-right:4px}.user-item{text-align:left;border:1px solid rgba(219,203,180,.8);background:#ffffffb3;border-radius:14px;padding:10px 12px;display:grid;gap:6px;cursor:pointer}.user-item.active{border-color:#2f7d5b80;box-shadow:0 0 0 2px #2f7d5b33}.user-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}.user-meta{font-size:.75rem;color:var(--muted)}.user-detail{display:grid;gap:16px}.user-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(219,203,180,.7);vertical-align:top}th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.empty{text-align:center;color:var(--muted)}.chip{background:#2f7d5b1a;color:var(--accent-strong);padding:4px 10px;border-radius:999px;font-size:.75rem;display:inline-block}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}.field{display:grid;gap:6px;font-size:.85rem;color:var(--muted);margin-bottom:14px}.field-label{font-weight:600;color:var(--ink)}.required{color:var(--danger);margin-left:4px}.field-help{font-size:.75rem;color:var(--muted)}.field-error{font-size:.75rem;color:var(--danger)}.input-error{border-color:#c54b3a99;box-shadow:0 0 0 2px #c54b3a1f}.parameter-grid{display:grid;gap:12px}.validation-list{margin:0;padding-left:18px;color:var(--danger);font-size:.85rem}input,textarea,select{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid rgba(219,203,180,.9);background:#fffefb;color:var(--ink)}.field input,.field textarea,.field select{width:100%;max-width:100%;min-width:0}textarea{resize:vertical}.button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow)}.button:hover{background:var(--accent-strong)}.button-ghost{background:transparent;border:1px solid var(--accent);color:var(--accent-strong);box-shadow:none}.button-danger{background:var(--danger);box-shadow:none}.inline-form{border-top:1px solid rgba(219,203,180,.6);margin-top:16px;padding-top:16px}.inline-form .field-help{display:block;margin-top:8px}.status-banner{background:#c54b3a1a;border-color:#c54b3a4d;color:var(--danger);font-weight:500}.status-banner.success{background:#2f7d5b1f;border-color:#2f7d5b4d;color:var(--accent-strong)}.purge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.token-card{margin-top:16px;padding:16px;border-radius:16px;background:#f0a54d1f;border:1px solid rgba(240,165,77,.4)}.danger-panel{border-color:#c54b3a66}@media(max-width:1080px){.overview{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:1fr}.canvas-panel{height:auto}.inspector-panel{position:static;height:auto;max-height:none;overflow:visible}.run-grid,.credential-grid,.project-grid,.admin-grid,.template-grid,.ops-grid{grid-template-columns:1fr}}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:static}.auth-grid{grid-template-columns:1fr}.topbar-left{grid-template-columns:1fr;row-gap:16px}.tutorial-nav{grid-column:1 / -1}}@media(max-width:720px){.topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.brand img{width:64px;height:64px}.brand-name{font-size:1.35rem}.topbar-nav,.tutorial-nav{width:100%;justify-content:space-between}.overview-metrics,.purge-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.copilot-input{grid-template-columns:1fr}.ops-grid .table-wrap{display:none}.auth-header{flex-direction:column;align-items:flex-start}.auth-header-copy{margin-left:0;text-align:left}.ops-cards{display:grid}}