.styles-module__hkwIkq__callout{background:#eff6ff;border-left:4px solid #2563eb;margin:1rem 0;padding:.75rem 1rem}
.styles-module__KKQGNa__componentWorkbench{color:#17202a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin:1rem 0;overflow:hidden}.styles-module__KKQGNa__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.styles-module__KKQGNa__header h3,.styles-module__KKQGNa__eyebrow{margin:0}.styles-module__KKQGNa__eyebrow{color:#52616f;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__KKQGNa__toggle{color:#52616f;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.styles-module__KKQGNa__workspace{grid-template-columns:14rem minmax(0,1fr) 15rem;min-height:20rem;display:grid}.styles-module__KKQGNa__panel,.styles-module__KKQGNa__auditPanel{background:#f8fafc;align-content:start;gap:.6rem;padding:1rem;display:grid}.styles-module__KKQGNa__panel{border-right:1px solid #e2e8f0}.styles-module__KKQGNa__auditPanel{border-left:1px solid #e2e8f0}.styles-module__KKQGNa__panel span,.styles-module__KKQGNa__auditPanel span{color:#52616f;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__KKQGNa__variant,.styles-module__KKQGNa__activeVariant{font:inherit;text-align:left;cursor:pointer;border:0;border-radius:6px;padding:.65rem .75rem}.styles-module__KKQGNa__variant{color:#17202a;background:#fff}.styles-module__KKQGNa__activeVariant{color:#815f08;background:#fff6d7;font-weight:700}.styles-module__KKQGNa__tokenList{gap:.5rem;margin:.75rem 0 0;display:grid}.styles-module__KKQGNa__tokenList div{border-top:1px solid #e2e8f0;justify-content:space-between;gap:1rem;padding-top:.5rem;display:flex}.styles-module__KKQGNa__tokenList dt{color:#52616f;font-weight:700}.styles-module__KKQGNa__tokenList dd{margin:0}.styles-module__KKQGNa__canvas{background:#fff;align-content:center;gap:1rem;padding:1.25rem;display:grid}.styles-module__KKQGNa__canvasGrid{background-color:#fff;background-image:linear-gradient(#eef2f7 1px,#0000 1px),linear-gradient(90deg,#eef2f7 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.styles-module__KKQGNa__previewToolbar{color:#52616f;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;gap:1rem;padding:.6rem .75rem;display:flex}.styles-module__KKQGNa__previewToolbar strong{color:#17202a}.styles-module__KKQGNa__previewCard{background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-width:28rem;margin:0 auto;padding:1rem;box-shadow:0 18px 45px #0f172a1f}.styles-module__KKQGNa__previewCard p{color:#52616f;margin:0 0 .75rem;font-weight:700}.styles-module__KKQGNa__buttonGroup{flex-wrap:wrap;gap:.5rem;display:flex}.styles-module__KKQGNa__buttonGroup button{color:#17202a;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.55rem .75rem}.styles-module__KKQGNa__buttonGroup button:first-child{color:#0f766e;background:#e0f2f1;border-color:#0f766e;font-weight:700}.styles-module__KKQGNa__auditPanel ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.styles-module__KKQGNa__auditPanel li{color:#52616f;border-left:3px solid #0f766e;padding-left:.6rem}@media (max-width:980px){.styles-module__KKQGNa__workspace{grid-template-columns:1fr}.styles-module__KKQGNa__panel,.styles-module__KKQGNa__auditPanel{border-top:1px solid #e2e8f0;border-left:0;border-right:0}}
.styles-module__X7ZM-q__examplePreview{color:#17202a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin:1rem 0;overflow:hidden}.styles-module__X7ZM-q__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.styles-module__X7ZM-q__header h3,.styles-module__X7ZM-q__eyebrow{margin:0}.styles-module__X7ZM-q__eyebrow{color:#52616f;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__X7ZM-q__segmentedControl{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;gap:.25rem;padding:.25rem;display:inline-flex}.styles-module__X7ZM-q__tab,.styles-module__X7ZM-q__activeTab,.styles-module__X7ZM-q__control,.styles-module__X7ZM-q__activeControl,.styles-module__X7ZM-q__iconButton{font:inherit;cursor:pointer;border:0;border-radius:6px}.styles-module__X7ZM-q__tab,.styles-module__X7ZM-q__activeTab{color:#52616f;background:0 0;padding:.4rem .65rem}.styles-module__X7ZM-q__activeTab{color:#fff;background:#17202a}.styles-module__X7ZM-q__body{grid-template-columns:minmax(0,1fr) 13rem;display:grid}.styles-module__X7ZM-q__previewPane{min-height:14rem;padding:1rem}.styles-module__X7ZM-q__demoSurface{gap:.75rem;max-width:28rem;margin:0 auto;padding:1.5rem;display:grid}.styles-module__X7ZM-q__label{font-weight:700}.styles-module__X7ZM-q__inputGroup{background:#fff;border:1px solid #17202a;display:flex}.styles-module__X7ZM-q__input{color:#17202a;min-width:0;font:inherit;border:0;flex:1;padding:.75rem}.styles-module__X7ZM-q__iconButton{color:#17202a;background:#f8fafc;width:2.75rem}.styles-module__X7ZM-q__popover{background:#fff;border:1px solid #cbd5e1;border-radius:6px;display:grid;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.styles-module__X7ZM-q__popover span{padding:.55rem .75rem}.styles-module__X7ZM-q__popover span+span{border-top:1px solid #e2e8f0}.styles-module__X7ZM-q__codeBlock{color:#e5eef7;background:#17202a;border-radius:6px;min-height:12rem;margin:0;padding:1rem;font-size:.9rem;overflow:auto}.styles-module__X7ZM-q__propsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.styles-module__X7ZM-q__propsGrid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.8rem}.styles-module__X7ZM-q__propsGrid dt{color:#52616f;font-weight:700}.styles-module__X7ZM-q__propsGrid dd{margin:.25rem 0 0}.styles-module__X7ZM-q__controls{background:#f8fafc;border-left:1px solid #e2e8f0;align-content:start;gap:.5rem;padding:1rem;display:grid}.styles-module__X7ZM-q__controls span{color:#52616f;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__X7ZM-q__control,.styles-module__X7ZM-q__activeControl{text-align:left;padding:.6rem .7rem}.styles-module__X7ZM-q__control{color:#17202a;background:#fff}.styles-module__X7ZM-q__activeControl{color:#0f6b4f;background:#dff6ec}@media (max-width:720px){.styles-module__X7ZM-q__header,.styles-module__X7ZM-q__body{display:block}.styles-module__X7ZM-q__segmentedControl{margin-top:.75rem}.styles-module__X7ZM-q__controls{border-top:1px solid #e2e8f0;border-left:0}.styles-module__X7ZM-q__propsGrid{grid-template-columns:1fr}}
.styles-module__K6-T3q__flowComposer{color:#17202a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;margin:1rem 0;overflow:hidden}.styles-module__K6-T3q__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.styles-module__K6-T3q__header h3,.styles-module__K6-T3q__eyebrow{margin:0}.styles-module__K6-T3q__eyebrow{color:#52616f;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__K6-T3q__statusBadge{color:#815f08;background:#fff6d7;border:1px solid #d7b56d;border-radius:999px;padding:.35rem .65rem;font-size:.85rem;font-weight:700}.styles-module__K6-T3q__workspace{grid-template-columns:minmax(0,1fr) 16rem;min-height:18rem;display:grid}.styles-module__K6-T3q__canvas{background-color:#0000;background-image:linear-gradient(#f1f5f9 1px,#0000 1px),linear-gradient(90deg,#f1f5f9 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1rem;padding:1.25rem;display:grid}.styles-module__K6-T3q__node{color:#17202a;min-height:10rem;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:.45rem;padding:1rem;display:grid;position:relative;box-shadow:0 14px 35px #0f172a14}.styles-module__K6-T3q__node+.styles-module__K6-T3q__node:before{content:"";background:#8aa2b2;width:1rem;height:2px;position:absolute;top:50%;left:-1rem}.styles-module__K6-T3q__selectedNode{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.styles-module__K6-T3q__nodeIndex{color:#0f766e;background:#e0f2f1;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-weight:800;display:grid}.styles-module__K6-T3q__node small{color:#52616f}.styles-module__K6-T3q__node em{color:#0f766e;align-self:end;font-style:normal;font-weight:700}.styles-module__K6-T3q__inspector{background:#f8fafc;border-left:1px solid #e2e8f0;align-content:start;gap:.75rem;padding:1rem;display:grid}.styles-module__K6-T3q__inspector span{color:#52616f;text-transform:uppercase;font-size:.78rem;font-weight:700}.styles-module__K6-T3q__inspector h4,.styles-module__K6-T3q__inspector p,.styles-module__K6-T3q__inspector dl{margin:0}.styles-module__K6-T3q__inspector p{color:#52616f}.styles-module__K6-T3q__inspector dl{gap:.5rem;display:grid}.styles-module__K6-T3q__inspector div{border-top:1px solid #e2e8f0;justify-content:space-between;gap:1rem;padding-top:.5rem;display:flex}.styles-module__K6-T3q__inspector dt{color:#52616f;font-weight:700}.styles-module__K6-T3q__inspector dd{margin:0}@media (max-width:820px){.styles-module__K6-T3q__workspace,.styles-module__K6-T3q__canvas{grid-template-columns:1fr}.styles-module__K6-T3q__node+.styles-module__K6-T3q__node:before{display:none}.styles-module__K6-T3q__inspector{border-top:1px solid #e2e8f0;border-left:0}}