.n8n-mock-wrap{padding:0;overflow:hidden}.n8n-mock-wrap .n8n-mock{max-width:none;box-shadow:none;border:none;border-radius:0}.n8n-mock{border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:640px;overflow:hidden;box-shadow:0 32px 64px -24px #000000bf,0 0 0 1px #ffffff0a}.n8n-mock__body{background:#f4f4f5;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:360px;display:grid}.n8n-mock__canvas{background-color:#f4f4f5;background-image:radial-gradient(#c9c9c9 1px,#0000 1px);background-size:16px 16px;border-right:1px solid #ddd;padding:1.5rem 1rem;position:relative}.n8n-mock__flow{grid-template-rows:auto auto;grid-template-columns:96px 42px 96px;place-items:center;margin-top:2.5rem;padding-left:.5rem;display:grid}.n8n-mock__node{flex-direction:column;grid-row:1;align-items:center;width:96px;display:flex;position:relative}.n8n-mock__node--trigger{grid-column:1}.n8n-mock__node.is-selected{grid-column:3}.n8n-mock__connector{background:#b8b8bc;grid-area:1/2;align-self:center;width:42px;height:2px;position:relative}.n8n-mock__connector:after{content:"";border:4px solid #0000;border-left-color:#b8b8bc;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.n8n-mock__flow-spacer{grid-area:2/2}.n8n-mock__node-label{text-align:center;color:#333;grid-row:2;max-width:110px;margin:0;padding-top:.55rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;line-height:1.35}.n8n-mock__node-label--trigger{grid-column:1}.n8n-mock__node-label:not(.n8n-mock__node-label--trigger){grid-column:3}.n8n-mock__node-box{background:#fff;border:2px solid #d5d5d8;border-radius:.65rem;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 4px 12px #0000000f}.n8n-mock__node.is-selected .n8n-mock__node-box{border-color:#7a7a7a;box-shadow:0 0 0 3px #0000000f,0 8px 20px #00000014}.n8n-mock__node--trigger .n8n-mock__node-box{border-radius:2rem .65rem .65rem 2rem}.n8n-mock__node-sub{color:#888;font-size:.625rem;display:block}.n8n-mock__bolt{color:#e67e22;font-size:.75rem;position:absolute;top:44px;left:-.35rem;transform:translateY(-50%)}.n8n-mock__panel{background:#fff;flex-direction:column;min-width:0;display:flex}.n8n-mock__panel-header{border-bottom:1px solid #ececec;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.n8n-mock__panel-icon{border-radius:.4rem;flex-shrink:0;width:2rem;height:2rem;overflow:hidden}.n8n-mock__panel-icon svg{width:100%;height:100%;display:block}.n8n-mock__panel-title{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:700;line-height:1.2}.n8n-mock__panel-subtitle{color:#888;font-size:.6875rem}.n8n-mock__panel-tabs{border-bottom:1px solid #ececec;gap:1rem;padding:0 .85rem;display:flex}.n8n-mock__panel-tab{color:#888;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .15rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600}.n8n-mock__panel-tab.is-active{color:#111;border-bottom-color:#111}.n8n-mock__panel-body{padding:.65rem .85rem .75rem;overflow:hidden}.n8n-mock__field{margin-bottom:.6rem}.n8n-mock__field--last{margin-bottom:0}.n8n-mock__field-label{color:#555;margin-bottom:.3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;font-weight:600;display:block}.n8n-mock__field-input,.n8n-mock__field-select,.n8n-mock__field-textarea{box-sizing:border-box;color:#222;background:#fff;border:1px solid #d5d5d8;border-radius:.35rem;width:100%;padding:.45rem .55rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem}.n8n-mock__field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;padding-right:1.5rem}.n8n-mock__field-textarea{resize:none;min-height:2.75rem;line-height:1.45}.n8n-mock__credential{color:#333;background:#fafafa;border:1px solid #d5d5d8;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.75rem;display:flex}.n8n-mock__credential-badge{color:#2d8a4e;background:#e8f5ec;border-radius:9999px;padding:.15rem .4rem;font-size:.625rem;font-weight:600}@media (width<=640px){.n8n-mock__body{grid-template-columns:1fr;min-height:auto}.n8n-mock__canvas{border-bottom:1px solid #ddd;border-right:none;min-height:200px}.n8n-mock__flow{margin-top:1rem;margin-inline:auto;padding-left:0}}