.demo-shell{color:#201a17;background:#fffaf4;border:1px solid #ffffffdb;border-radius:20px;grid-template-rows:auto 1fr;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow:hidden}.demo-header{background:linear-gradient(135deg,#ffffffeb,#fff3e4eb);border-bottom:1px solid #56403117;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.demo-brand{align-items:center;gap:9px;min-width:0;display:flex}.demo-brand-mark{color:#fff;background:linear-gradient(135deg,#ff8a1f,#ef4b12);border-radius:10px;flex:none;justify-content:center;align-items:center;width:48px;height:30px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #ff6a0040}.demo-brand h2{white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1}.demo-status{color:#9a3b00;white-space:nowrap;background:#ff7a001c;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.demo-identity{align-items:center;gap:5px;min-width:0;display:flex}.demo-identity span{color:#9a4a12;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900}.demo-identity-pill{color:#2f2925;white-space:nowrap;background:#ffffffdb;border:1px solid #48352a24;border-radius:999px;align-items:center;height:22px;padding:0 20px 0 8px;font:700 10px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.demo-close{color:#4b3a31;background:#fff;border:1px solid #412d231f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.demo-main{grid-template-columns:152px 1fr;min-height:0;display:grid}.demo-insights{background:#fff7ed;border-right:1px solid #56403117;flex-direction:column;min-height:0;padding:8px;display:flex;overflow:hidden}.demo-card{background:#ffffffb8;border:1px solid #ffffffb3;border-radius:10px;flex:none;margin-bottom:6px;padding:7px 8px;box-shadow:0 8px 20px #53372014}.demo-card span{color:#9a4a12;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.demo-card h3{-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:4px 0 0;font-size:8.5px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.demo-card p{color:#5f5047;margin:4px 0 0;font-size:8px;line-height:1.25}.demo-mascot-panel{justify-content:center;align-items:flex-end;margin-top:auto;padding-top:6px;display:flex}.demo-canvas{background:radial-gradient(circle at 100% 0,#ff7a0024,#0000 30%),radial-gradient(circle at 0 100%,#745aff1f,#0000 28%),radial-gradient(circle,#3b2a2114 1px,#0000 1px) 0 0/16px 16px,#fbfbf8;flex-direction:column;min-height:0;padding:12px;display:flex;overflow:hidden auto}.demo-suggested-path{background:#ffffffd1;border:1px solid #ffffffbd;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex;box-shadow:0 10px 24px #33261c14}.demo-suggested-path>div>span{color:#9a4a12;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.demo-suggested-path p{color:#5d514a;margin:3px 0 0;font-size:9.5px}.demo-suggested-path button{color:#3c3028;background:#fff;border:0;border-radius:8px;min-height:24px;padding:0 9px;font-size:9px;font-weight:800;box-shadow:0 6px 16px #231c1717}.demo-path-crumbs{flex-wrap:wrap;align-items:center;gap:4px;margin:3px 0 0;padding:0;list-style:none;display:flex}.demo-path-crumb{color:var(--crumb-color);background:var(--crumb-bg);border:0;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900}.demo-crumb-0{--crumb-bg:#ffe0c7;--crumb-color:#b84712}.demo-crumb-1{--crumb-bg:#e9e1ff;--crumb-color:#5b47a6}.demo-crumb-2{--crumb-bg:#dff2ff;--crumb-color:#206f9f}.demo-node-open{background:var(--demo-step-bg,linear-gradient(135deg, #ffe0c7, #fff5ec));color:#241d1a;border-radius:14px;padding:12px}.demo-node-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-node-heading>span{color:var(--demo-step-accent,#d34e12);text-transform:uppercase;font-size:9px;font-weight:900}.demo-flow-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.demo-flow-actions button{color:var(--demo-step-accent,#d34e12);background:#ffffffad;border:0;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.demo-flow-actions button:disabled{opacity:.5}.demo-node-open h3{margin:6px 0 3px;font-size:14px;font-weight:700}.demo-node-open p{color:#665a54;margin:0 0 10px;font-size:10px;line-height:1.35}.demo-option-web{flex-wrap:wrap;gap:7px;display:flex}.demo-option-card{color:#2c2521;text-align:left;background:#ffffffa3;border:1px solid #ffffffa6;border-radius:10px;min-height:40px;padding:7px 9px;transition:transform .16s,box-shadow .16s}.demo-option-card:hover{transform:translateY(-1px)}.demo-option-card.selected{outline:2px solid var(--demo-step-accent,#d34e12);background:#ffffffe0}.demo-option-card span{font-size:10.5px;font-weight:800;display:block}.demo-generate-node{color:#fff;background:radial-gradient(circle at 85% 10%,#ff7a0061,#0000 30%),linear-gradient(135deg,#24201e,#111);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.demo-generate-node span{color:#ffb066;text-transform:uppercase;font-size:8.5px;font-weight:900;display:block}.demo-generate-node strong{margin-top:3px;font-size:11px;font-weight:600;display:block}.demo-generate-node button{white-space:nowrap;color:#fff;background:linear-gradient(135deg,#ff8a1f,#ef4b12);border:0;border-radius:10px;min-height:30px;padding:0 12px;font-size:11px;font-weight:800}.demo-generate-node button:disabled{opacity:.4}.demo-preview{background:#fffffff0;border:1px solid #ff8a1f47;border-radius:14px;margin-top:10px;padding:10px 12px;overflow:hidden;box-shadow:0 12px 32px #ff6a001f}.demo-preview-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-preview-header span{color:#9a4a12;text-transform:uppercase;font-size:8px;font-weight:900}.demo-preview-body{white-space:pre-line;color:#2f2925;background:#fffaf5;border:1px solid #523e301a;border-radius:10px;max-height:220px;margin-top:8px;padding:10px 12px;font-size:11.5px;line-height:1.55;overflow-y:auto}.demo-dots{align-items:center;gap:5px;display:inline-flex}.demo-dots i{border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate demoPulse}.demo-dots i:first-child{background:#ff7a00}.demo-dots i:nth-child(2){background:#7c65d8;animation-delay:.12s}.demo-dots i:nth-child(3){background:#2e9bd9;animation-delay:.24s}@keyframes demoSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes demoPulse{0%{opacity:.58;transform:translateY(0)scale(.92)}to{opacity:1;transform:translateY(-3px)scale(1.08)}}@media (max-width:640px){.demo-header{grid-template-rows:auto auto;grid-template-columns:1fr auto;row-gap:6px}.demo-status{display:none}.demo-identity{grid-column:1/-1;justify-content:flex-start}.demo-main{grid-template-columns:1fr;min-height:0;overflow-y:auto}.demo-insights{border-bottom:1px solid #56403117;border-right:0;flex-flow:wrap;max-height:none}.demo-insights .demo-card{flex:45%}.demo-mascot-panel{display:none}.demo-canvas{overflow-y:visible}}