.n8n-mock-wrap{padding:0;overflow:hidden}.n8n-mock-wrap .n8n-mock{max-width:none;border:none;border-radius:0;box-shadow:none}.n8n-mock{width:100%;max-width:640px;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 64px -24px #000000bf,0 0 0 1px #ffffff0a}.n8n-mock__body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:360px;background:#f4f4f5}.n8n-mock__canvas{position:relative;padding:1.5rem 1rem;background-color:#f4f4f5;background-image:radial-gradient(#c9c9c9 1px,transparent 1px);background-size:16px 16px;border-right:1px solid #ddd}.n8n-mock__flow{display:grid;grid-template-columns:96px 42px 96px;grid-template-rows:auto auto;align-items:center;justify-items:center;margin-top:2.5rem;padding-left:.5rem}.n8n-mock__node{position:relative;display:flex;flex-direction:column;align-items:center;width:96px;grid-row:1}.n8n-mock__node--trigger{grid-column:1}.n8n-mock__node.is-selected{grid-column:3}.n8n-mock__connector{grid-row:1;grid-column:2;width:42px;height:2px;background:#b8b8bc;position:relative;align-self:center}.n8n-mock__connector:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:#b8b8bc}.n8n-mock__flow-spacer{grid-row:2;grid-column:2}.n8n-mock__node-label{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;text-align:center;color:#333}.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{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background:#fff;border:2px solid #d5d5d8;border-radius:.65rem;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{display:block;font-size:.625rem;color:#888}.n8n-mock__bolt{position:absolute;left:-.35rem;top:44px;transform:translateY(-50%);font-size:.75rem;color:#e67e22}.n8n-mock__panel{display:flex;flex-direction:column;background:#fff;min-width:0}.n8n-mock__panel-header{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border-bottom:1px solid #ececec}.n8n-mock__panel-icon{width:2rem;height:2rem;border-radius:.4rem;overflow:hidden;flex-shrink:0}.n8n-mock__panel-icon svg{display:block;width:100%;height:100%}.n8n-mock__panel-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:700;color:#111;line-height:1.2}.n8n-mock__panel-subtitle{font-size:.6875rem;color:#888}.n8n-mock__panel-tabs{display:flex;gap:1rem;padding:0 .85rem;border-bottom:1px solid #ececec}.n8n-mock__panel-tab{padding:.5rem .15rem;border:none;background:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;color:#888;border-bottom:2px solid transparent;margin-bottom:-1px}.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{display:block;margin-bottom:.3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;font-weight:600;color:#555}.n8n-mock__field-input,.n8n-mock__field-select,.n8n-mock__field-textarea{width:100%;box-sizing:border-box;padding:.45rem .55rem;border:1px solid #d5d5d8;border-radius:.35rem;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;color:#222}.n8n-mock__field-select{-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right .55rem center;padding-right:1.5rem}.n8n-mock__field-textarea{min-height:2.75rem;resize:none;line-height:1.45}.n8n-mock__credential{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;border:1px solid #d5d5d8;border-radius:.35rem;background:#fafafa;font-size:.75rem;color:#333}.n8n-mock__credential-badge{font-size:.625rem;font-weight:600;color:#2d8a4e;background:#e8f5ec;padding:.15rem .4rem;border-radius:9999px}@media (max-width: 640px){.n8n-mock__body{grid-template-columns:1fr;min-height:auto}.n8n-mock__canvas{min-height:200px;border-right:none;border-bottom:1px solid #ddd}.n8n-mock__flow{margin-top:1rem;margin-inline:auto;padding-left:0}}