.tsw{container-type:inline-size}.tsw-tabs{flex-wrap:wrap;gap:8px;display:flex}.tsw-tab{background:var(--color-bg-elevated,#ffffff08);border:1px solid var(--color-border-subtle,#ffffff14);color:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:9px 14px 9px 9px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.tsw-tab:hover{border-color:var(--color-border-strong,#ffffff2e);transform:translateY(-1px)}.tsw-tab.is-active{border-color:var(--color-primary,#a78bfa);background:var(--color-primary-glow,#a78bfa1a);box-shadow:0 0 0 1px var(--color-primary,#a78bfa) inset}.tsw-tab:focus-visible{outline:2px solid var(--color-focus-ring,#a78bfa);outline-offset:2px}.tsw-tab-num{background:var(--color-bg-secondary,#ffffff0f);width:24px;height:24px;color:var(--color-text-secondary,#94a3b8);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;transition:background .18s,color .18s;display:grid}.tsw-tab.is-active .tsw-tab-num{background:var(--color-primary,#a78bfa);color:#0b0b12}.tsw-stage{flex-direction:column;gap:13px;margin-top:16px;display:flex}.tsw-instruction{color:var(--color-text,#e2e8f0);margin:0;font-size:14px;line-height:1.55}.tsw-instruction-step{text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary,#a78bfa);vertical-align:1px;margin-right:8px;font-size:11px;font-weight:700;display:inline-block}.tsw-copy{background:var(--color-bg-elevated,#ffffff08);border:1px solid var(--color-border-subtle,#ffffff14);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 11px;display:flex}.tsw-copy-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#94a3b8);font-size:11px}.tsw-copy-value{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, monospace);color:var(--color-text,#e2e8f0);overflow-wrap:anywhere;flex:auto;min-width:0;font-size:13px}.tsw-copy-btn{cursor:pointer;background:var(--color-primary,#a78bfa);color:#0b0b12;border:none;border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:opacity .18s;display:inline-flex}.tsw-copy-btn:hover{opacity:.9}.tsw-copy-btn:focus-visible{outline:2px solid var(--color-focus-ring,#a78bfa);outline-offset:2px}.tsw-mockup{border-radius:14px;width:100%;max-width:100%;overflow:auto hidden}.tsw-mockup .cm-n8n-canvas{justify-content:flex-start;overflow-x:auto}.tsw-note{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:12.5px;line-height:1.5}.tsw-nav{gap:10px;margin-top:2px;display:flex}.tsw-nav-btn{cursor:pointer;background:var(--color-bg-elevated,#ffffff0a);border:1px solid var(--color-border-subtle,#ffffff1a);color:inherit;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;transition:border-color .18s,opacity .18s,transform .18s}.tsw-nav-btn:hover:not(:disabled){border-color:var(--color-border-strong,#fff3);transform:translateY(-1px)}.tsw-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tsw-nav-btn--primary{background:var(--color-primary,#a78bfa);color:#0b0b12;border-color:#0000}.tsw-nav-btn:focus-visible{outline:2px solid var(--color-focus-ring,#a78bfa);outline-offset:2px}@container (max-width:480px){.tsw-tab-title{display:none}.tsw-tab{padding:9px}}@media (prefers-reduced-motion:reduce){.tsw-tab,.tsw-copy-btn,.tsw-nav-btn,.tsw-tab-num{transition:none}.tsw-tab:hover,.tsw-nav-btn:hover:not(:disabled){transform:none}}