:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17201d;background:#f6f7f4;--canvas: #f6f7f4;--surface: #fff;--rail: #eef1ed;--ink: #17201d;--muted: #66716c;--subtle: #85908b;--border: #dce2de;--border-strong: #ccd5d0;--accent: #0f766e;--accent-dark: #0b5f59;--accent-soft: #e6f3f0;--danger: #b42318;--danger-soft: #fff0ee;--shadow: 0 18px 55px rgba(31, 45, 38, .09), 0 2px 8px rgba(31, 45, 38, .04);--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--canvas);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:#c9e8e2;color:#0d3e39}:focus-visible{outline:3px solid rgba(15,118,110,.22);outline-offset:2px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}svg{display:block}.brand{display:flex;align-items:center;gap:10px;font-size:.95rem;letter-spacing:-.015em}.brand.compact{gap:8px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cbd8d2;border-radius:9px;background:#fff;color:var(--accent);box-shadow:0 3px 10px #213e340d}.brand-mark svg{width:17px;height:17px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;padding:26px 18px 20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #d9e0db;background:var(--rail)}.sidebar nav{margin-top:34px;display:grid;gap:4px}.sidebar nav button{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;color:#606c66;background:transparent;font-size:.84rem;font-weight:620;text-align:left;transition:color .17s var(--ease),background .17s var(--ease)}.sidebar nav button:hover{color:#36413c;background:#ffffff94}.sidebar nav button.active{color:#0b5f59;background:#fff;box-shadow:inset 0 0 0 1px #d5dfda,0 4px 14px #2539300a}.sidebar nav svg{width:19px;height:19px}.runtime{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #d9e0dc;color:var(--muted)}.runtime>span{width:8px;height:8px;border-radius:50%;background:#2b9a70;box-shadow:0 0 0 4px #2b9a7014}.runtime div{display:grid;gap:2px}.runtime strong{color:#435049;font-size:.75rem}.runtime small{color:var(--subtle);font-size:.68rem}.mobile-header{display:none}.workspace{width:min(100%,1480px);padding:44px clamp(28px,4vw,64px) 76px}.page-header{min-height:64px;margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.page-header h1{margin:0;font-size:1.9rem;line-height:1.15;letter-spacing:-.045em;font-weight:730}.page-header p{margin:8px 0 0;color:var(--muted);font-size:.86rem;line-height:1.55}.primary-button,.secondary-button,.danger-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:.8rem;font-weight:670;transition:background .17s var(--ease),border-color .17s var(--ease),transform .15s var(--ease)}.primary-button{border:1px solid #0e6b64;color:#fff;background:var(--accent);box-shadow:0 3px 10px #0f766e21}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-button{border:1px solid #d6ddda;color:#46514c;background:#fff}.secondary-button:hover:not(:disabled){border-color:#c5cfca;background:#f9faf8}.danger-button{border:1px solid #dca39d;color:#92241b;background:#fff5f3}.compact{min-height:34px;padding:0 10px;font-size:.74rem}.icon-button{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#65716b;background:transparent}.icon-button:hover{border-color:#d8dfdb;background:#f5f7f4;color:#39443e}.icon-button.danger:hover{color:var(--danger);background:var(--danger-soft);border-color:#f0d0cc}.icon-button.muted{color:#9aa39f}.toolbar{margin-bottom:12px;display:grid;grid-template-columns:minmax(280px,1fr) 180px auto;gap:9px}.search,.password-field{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #d7dfda;border-radius:10px;background:#fff;color:#75807a;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.search:focus-within,.password-field:focus-within{border-color:#8ebbb2;box-shadow:0 0 0 3px #0f766e14}.search input,.password-field input{min-width:0;width:100%;height:40px;border:0;outline:0;color:var(--ink);background:transparent;font-size:.8rem}.search input::placeholder,.password-field input::placeholder,textarea::placeholder,.field-group input::placeholder{color:#9da6a1}.toolbar select{min-height:42px;padding:0 34px 0 11px;border:1px solid #d7dfda;border-radius:10px;color:#4f5b55;background:#fff}.refresh{min-width:88px}.roster,.output-sheet,.security-sheet{overflow:hidden;border:1px solid #d9e0dc;border-radius:14px;background:#fff;box-shadow:0 1px #1e2d2505}.node-row{min-height:84px;display:grid;grid-template-columns:minmax(0,1fr) 122px auto;align-items:center;gap:18px;padding:16px 18px;border-bottom:1px solid #e6ebe8;transition:background .15s var(--ease),opacity .15s var(--ease)}.node-row:last-child{border-bottom:0}.node-row:hover{background:#fbfcfa}.node-row.disabled{opacity:.56}.node-main{min-width:0;display:grid;gap:8px}.node-title{min-width:0;display:flex;align-items:center;gap:8px}.node-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;letter-spacing:-.01em}.state-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#b7bfbb}.state-dot.on{background:#2f9b72;box-shadow:0 0 0 4px #2f9b7212}.protocol-badge{flex:none;padding:3px 7px;border:1px solid #d7e2dd;border-radius:6px;color:#426158;background:#f4f8f6;font-size:.63rem;font-weight:720;letter-spacing:.02em}.node-meta{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:.7rem}.node-meta code{max-width:360px;overflow:hidden;text-overflow:ellipsis;color:#69756f;white-space:nowrap}.node-meta span:before{content:"·";margin-right:8px;color:#b5bdb9}.node-row time{color:#8b958f;font-size:.7rem;font-variant-numeric:tabular-nums}.row-actions{min-width:112px;display:flex;justify-content:flex-end;gap:2px}.delete-confirm{display:flex;align-items:center;gap:7px}.delete-confirm span{color:#8d4039;font-size:.7rem}.empty{min-height:320px;display:grid;place-items:center;align-content:center;gap:9px;padding:34px;text-align:center}.empty>svg{width:28px;height:28px;color:#7c9087}.empty h2{margin:4px 0 0;font-size:.95rem}.empty p{margin:0 0 8px;max-width:38ch;color:var(--muted);font-size:.78rem;line-height:1.55}.skeleton-row{height:84px;border-bottom:1px solid #e8ecea;background:linear-gradient(100deg,#fff 25%,#f4f6f4 38%,#fff 52%);background-size:220% 100%;animation:shimmer 1.2s linear infinite}.drawer-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#17201d38;animation:fade-in .16s var(--ease)}.drawer{width:min(610px,100vw);height:100dvh;overflow:auto;border-left:1px solid #d8e0db;background:#fbfcfa;box-shadow:-18px 0 60px #1d2b241f;animation:drawer-in .21s var(--ease)}.drawer>header{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 19px;border-bottom:1px solid #e0e6e2;background:#fbfcfaf7}.drawer h2{margin:0;font-size:1.16rem;letter-spacing:-.03em}.drawer header p{margin:6px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}.drawer-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:.8rem}.editor-form{display:grid;gap:22px;padding:24px}.field-group{display:grid;gap:8px}.field-group label,.login-form>label{color:#445049;font-size:.73rem;font-weight:700}.field-group textarea,.field-group input{width:100%;border:1px solid #d7dfda;border-radius:9px;color:var(--ink);background:#fff;outline:0}.field-group textarea{min-height:170px;padding:12px 13px;resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:.74rem;line-height:1.55}.field-group input{min-height:41px;padding:0 11px;font-size:.79rem}.field-group textarea:focus,.field-group input:focus{border-color:#8ebbb2;box-shadow:0 0 0 3px #0f766e12}.field-group small{color:var(--subtle);font-size:.68rem}.field-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--subtle);font-size:.68rem}.form-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}.preview-list{overflow:hidden;border:1px solid #dbe3df;border-radius:10px;background:#fff}.preview-list>div{min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #e9edeb}.preview-list>div:last-of-type{border-bottom:0}.preview-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.preview-list code{color:#79837e;font-size:.66rem}.preview-list p{margin:0;padding:9px 11px;color:var(--muted);font-size:.7rem}.switch-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #dce3df;border-radius:10px;background:#fff}.switch-row div{display:grid;gap:4px}.switch-row strong{font-size:.78rem}.switch-row span{color:var(--muted);font-size:.69rem}.toggle{width:40px;height:23px;padding:2px;border:0;border-radius:999px;background:#cfd6d2;transition:background .16s var(--ease)}.toggle span{width:19px;height:19px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000029;transition:transform .16s var(--ease)}.toggle.on{background:var(--accent)}.toggle.on span{transform:translate(17px)}.inline-error,.form-error{display:flex;align-items:flex-start;gap:7px;color:#9b2a21;font-size:.72rem;line-height:1.5}.inline-error{padding:10px 11px;border:1px solid #efcbc6;border-radius:9px;background:#fff5f3}.form-error{margin:0}.editor-form footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.notice{margin-bottom:14px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #d6e3dd;border-radius:10px;color:#496057;background:#f5f9f6}.notice p{margin:0;font-size:.74rem;line-height:1.55}.notice svg{flex:none;margin-top:1px;color:var(--accent)}.output-row{min-height:66px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 15px;border-bottom:1px solid #e6ebe8}.output-row:last-child{border-bottom:0}.output-row>div{display:flex;align-items:center;gap:10px}.output-row strong{font-size:.78rem}.output-row>code{overflow:hidden;text-overflow:ellipsis;color:#65716b;font-size:.68rem;white-space:nowrap}.client-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dbe3df;border-radius:8px;color:#517066;background:#f7faf8}.integration,.secret-setup{margin-top:34px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:34px;align-items:start}.integration h2,.secret-setup h2{margin:0;font-size:1rem;letter-spacing:-.025em}.integration p,.secret-setup p{max-width:54ch;margin:8px 0 0;color:var(--muted);font-size:.75rem;line-height:1.6}.code-panel{position:relative;overflow:hidden;border:1px solid #d8dfdb;border-radius:11px;background:#1f2925}.code-panel pre{margin:0;padding:16px 52px 16px 16px;overflow:auto;color:#dce8e2;font-size:.7rem;line-height:1.55}.code-panel .icon-button{position:absolute;top:8px;right:8px;color:#dbe5e0;border-color:#ffffff14;background:#ffffff0f}.security-row{min-height:94px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:14px;padding:20px 18px;border-bottom:1px solid #e7ebe8}.security-row:last-child{border-bottom:0}.security-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7e2dd;border-radius:9px;color:#426259;background:#f4f8f5}.security-row>div{display:grid;gap:6px}.security-row strong{font-size:.82rem}.security-row p{max-width:72ch;margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.security-status{padding:4px 8px;border:1px solid #d6e2dc;border-radius:7px;color:#3f6659;background:#f3f8f5;font-size:.66rem;font-weight:680;white-space:nowrap}.commands{display:grid;gap:8px}.commands code{display:block;padding:12px 14px;border:1px solid #d9dfdc;border-radius:9px;color:#46524c;background:#fff;font-size:.72rem}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:28px;background:#f3f5f1}.login-panel{width:min(100%,430px);padding:32px;border:1px solid #d9e0db;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.login-copy{margin:48px 0 30px}.login-copy h1{margin:0;font-size:1.75rem;line-height:1.2;font-weight:730;letter-spacing:-.045em}.login-copy p{max-width:37ch;margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.login-form{display:grid;gap:9px}.password-field.error{border-color:#e1a7a0}.login-button{width:100%;margin-top:8px}.login-note{display:flex;align-items:flex-start;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid #e6eae7;color:var(--subtle);font-size:.7rem;line-height:1.55}.login-note svg{flex:none;margin-top:1px;color:#557168}.app-loading{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:20px}.loading-line{width:160px;height:2px;overflow:hidden;border-radius:999px;background:#dce3df}.loading-line span{width:45%;height:100%;display:block;background:var(--accent);animation:loading 1s var(--ease) infinite}.toast-stack{position:fixed;z-index:80;right:22px;bottom:22px;width:min(360px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #d5ddd8;border-radius:10px;color:#34413b;background:#fffffffa;box-shadow:0 10px 30px #1c2a241f;font-size:.76rem;line-height:1.45;animation:toast-in .18s var(--ease)}.toast svg{flex:none;margin-top:1px;color:var(--accent)}.toast.error{border-color:#efcbc6}.toast.error svg{color:var(--danger)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(330%)}}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(20px);opacity:.86}}@keyframes toast-in{0%{transform:translateY(7px);opacity:0}}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:980px){.app-shell{display:block}.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:30;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(211,219,214,.92);background:#f6f7f4f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-header nav{display:flex;gap:3px;padding:3px;border:1px solid #dbe1dd;border-radius:10px;background:#fff}.mobile-header nav button{width:34px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;color:#77817c;background:transparent}.mobile-header nav button.active{color:var(--accent);background:var(--accent-soft)}.workspace{padding:34px 24px 64px}.node-row{grid-template-columns:minmax(0,1fr) auto}.node-row time{display:none}.integration,.secret-setup{grid-template-columns:1fr;gap:18px}}@media(max-width:700px){.mobile-header{padding:0 14px}.workspace{padding:26px 14px 54px}.page-header{align-items:flex-end;margin-bottom:22px}.page-header h1{font-size:1.65rem}.page-header p{font-size:.8rem}.toolbar{grid-template-columns:minmax(0,1fr) 48px}.search{grid-column:1 / -1}.toolbar select{min-width:0}.refresh{min-width:48px;width:48px;padding:0}.refresh span{display:none}.roster,.output-sheet,.security-sheet{border-radius:12px}.node-row{min-height:0;grid-template-columns:1fr;gap:13px;padding:16px}.row-actions,.delete-confirm{justify-content:flex-end}.node-meta{flex-wrap:wrap;row-gap:5px}.drawer{width:100%;border-left:0}.drawer>header{padding:20px 18px 16px}.editor-form{padding:20px 18px 24px}.form-grid{grid-template-columns:1fr}.preview-list>div{grid-template-columns:auto minmax(0,1fr)}.preview-list code{display:none}.field-actions{align-items:flex-start;flex-direction:column}.output-row{grid-template-columns:1fr auto;gap:8px 12px;padding:13px 14px}.output-row>code{grid-column:1 / -1;grid-row:2;white-space:normal;overflow-wrap:anywhere;padding-left:38px}.security-row{grid-template-columns:34px minmax(0,1fr);padding:17px 14px}.security-status{grid-column:2;justify-self:start}.login-shell{padding:16px}.login-panel{padding:26px 22px;border-radius:16px}.login-copy{margin:40px 0 26px}.toast-stack{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}