:root{--bg:#f4efe7;--panel:rgba(255,251,245,0.88);--panel-strong:#fffaf2;--stroke:rgba(76,58,39,0.12);--text:#20160d;--muted:#6f6255;--brand:#0f9d7a;--brand-dark:#0d6f58;--accent:#ff9d5c;--shadow:0 24px 60px rgba(39,23,6,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(255,157,92,.25),transparent 28%),radial-gradient(circle at bottom right,rgba(15,157,122,.18),transparent 30%),linear-gradient(135deg,#f6f0e6,#efe5d4 50%,#f7f5ef)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{padding:24px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);padding:28px;border:1px solid var(--stroke);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.auth-card form,.setup-form,.stack{display:grid;grid-gap:14px;gap:14px}.auth-card input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.85)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 48px);border-radius:28px;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:rgba(255,248,238,.72);border-right:1px solid rgba(76,58,39,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main,.sidebar{gap:20px;padding:28px}.main{display:grid;grid-gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark,.metric-badge,.node-tag,.status-pill{display:inline-flex;align-items:center;justify-content:center}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:white;font-weight:700}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.title{margin:0}.nav{display:grid;grid-gap:8px;gap:8px}.button,.chip,.nav-link{border:none;border-radius:16px;cursor:pointer;transition:transform .16s ease,background .16s ease}.nav-link{padding:14px 16px;text-align:left;background:transparent}.nav-link.active,.nav-link:hover{background:rgba(15,157,122,.12);transform:translateX(3px)}.card,.hero{border:1px solid var(--stroke);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.hero{padding:28px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;color:#fffaf4;background:linear-gradient(135deg,rgba(32,22,13,.96),rgba(14,70,56,.92)),linear-gradient(135deg,var(--brand),var(--brand-dark))}.hero h1{margin:0;max-width:760px;line-height:1.05;font-size:clamp(32px,4vw,54px)}.button{padding:14px 18px}.button.primary{color:white;background:linear-gradient(135deg,var(--accent),#ff7a59)}.button.secondary,.chip{background:rgba(255,255,255,.8)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card{padding:20px}.card.wide{grid-column:1/-1}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.metric{display:block;font-size:34px;font-weight:700;margin:6px 0}.metric-badge,.node-tag,.status-pill{padding:6px 10px;border-radius:999px;font-size:12px}.metric-badge,.status-pill{background:rgba(15,157,122,.12);color:var(--brand-dark)}.api-grid,.mini-grid,.two-column{display:grid;grid-gap:16px;gap:16px}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.api-grid,.two-column{grid-template-columns:320px 1fr}.mini-card{padding:16px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,.65)}.list{display:grid;grid-gap:10px;gap:10px}.list-item{border:1px solid transparent;background:rgba(255,255,255,.68);border-radius:18px;padding:14px}.list-item.active{background:rgba(15,157,122,.1);border-color:rgba(15,157,122,.35)}.chat-layout{display:grid;grid-template-rows:auto 1fr auto;grid-gap:12px;gap:12px;min-height:640px}.message-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.message-bubble{max-width:72%;padding:14px 16px;border-radius:18px}.message-bubble.inbound{align-self:flex-start;background:rgba(255,255,255,.82)}.message-bubble.outbound{align-self:flex-end;background:rgba(15,157,122,.14)}.composer,.field-stack{display:flex;gap:10px}.composer input,.editor input,.editor textarea,.field,.field-stack input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.86)}.editor,.inspector{display:grid;grid-gap:12px;gap:12px}.notice{padding:14px 18px}.error-text{color:#a22b21}.assignment-stack{min-width:220px}.assignment-stack,.field-label{display:grid;grid-gap:8px;gap:8px}.field-label{color:var(--muted);font-size:13px;font-weight:700}.flow-shell{display:grid;grid-template-columns:300px 1fr;grid-gap:16px;gap:16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 12px}.flow-canvas{position:relative;min-height:640px;overflow:hidden;background:linear-gradient(rgba(76,58,39,.05) 1px,transparent 0),linear-gradient(90deg,rgba(76,58,39,.05) 1px,transparent 0),rgba(255,250,244,.82);background-size:28px 28px}.flow-node{position:absolute;width:220px;padding:14px;border:1px solid var(--stroke);border-radius:18px;background:var(--panel-strong);box-shadow:0 16px 40px rgba(30,20,10,.1)}.flow-node.selected{outline:2px solid rgba(15,157,122,.35)}.node-tag{background:rgba(255,157,92,.2);color:#8d4d22}.template-preview{padding:18px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(240,255,250,.9))}.template-bubble{max-width:420px;padding:16px;border-radius:16px;background:white}.muted{color:var(--muted)}@media (max-width:1100px){.api-grid,.app-shell,.dashboard-grid,.flow-shell,.mini-grid,.two-column{grid-template-columns:1fr}}