/* Zefli terminal product surface: inherits the application's graphite and mint identity. */
:root{color-scheme:dark;--bg:#15191e;--surface:#1d232a;--raised:#282f37;--text:#e4e8ee;--secondary:#a1abb8;--muted:#949fae;--accent:#b4e8ce;--accent-ink:#172e24;--line:#343b43;--radius:10px;--sans:'Geist Variable',system-ui,sans-serif;--mono:'JetBrains Mono Variable',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-thumb{background:#47505b;border-radius:6px}::-webkit-scrollbar-track{background:var(--bg)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}img{max-width:100%;display:block}code,pre,kbd{font-family:var(--mono)}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}button{border:0;background:none}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.terminal-window{--icon:url('assets/icons/terminal-window.svg')}.squares-four{--icon:url('assets/icons/squares-four.svg')}.folder-open{--icon:url('assets/icons/folder-open.svg')}.plug{--icon:url('assets/icons/plug.svg')}.arrow-right{--icon:url('assets/icons/arrow-right.svg')}.arrow-up-right{--icon:url('assets/icons/arrow-up-right.svg')}.desktop{--icon:url('assets/icons/desktop.svg')}.code{--icon:url('assets/icons/code.svg')}.check{--icon:url('assets/icons/check.svg')}.play{--icon:url('assets/icons/play.svg')}.pause{--icon:url('assets/icons/pause.svg')}.copy{--icon:url('assets/icons/copy.svg')}.caret-right{--icon:url('assets/icons/caret-right.svg')}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:20px;z-index:10;background:var(--accent);color:var(--accent-ink);padding:10px 18px;border-radius:6px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:21px;font-weight:590;letter-spacing:-.035em}.main-nav{display:flex;gap:36px;font-size:14px;color:var(--secondary)}.main-nav a{padding-block:12px;transition:color .15s}.main-nav a:hover{color:var(--text)}.platform{display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:13px}.platform .icon{width:17px;height:17px}.hero{padding-top:56px;padding-bottom:44px;display:flex;justify-content:space-between;align-items:center;gap:40px}.hero h1{font-size:clamp(42px,4.8vw,72px);font-weight:570;letter-spacing:-.04em;line-height:1.04}.hero h1 span{color:var(--accent)}.hero p{color:var(--secondary);font-size:18px;line-height:1.6;margin-top:22px;max-width:48ch}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:19px;flex-shrink:0;padding-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 21px;border-radius:7px;font-size:14px;font-weight:560;white-space:nowrap;transition:background .18s,transform .18s}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover{background:#c6efdc;transform:translateY(-2px)}.button .icon{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--secondary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:color .15s,text-decoration-color .15s}.text-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.text-link .icon{width:16px;height:16px}
.demo-section{padding-bottom:112px}.demo-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:42px}.chapter-list{display:flex;flex-direction:column;gap:8px;padding-top:14px}.chapter{text-align:left;position:relative;padding:20px 18px 22px 25px;border-radius:0 8px 8px 0;color:var(--secondary);transition:background .2s,color .2s}.chapter::before{content:'';position:absolute;top:12px;bottom:12px;left:0;width:2px;background:var(--line);border-radius:2px}.chapter.active{color:var(--text);background:#b4e8ce08}.chapter.active::before{background:var(--accent)}.chapter:hover{background:#ffffff05}.chapter-number{display:block;font-size:16px;font-variant-numeric:tabular-nums;font-weight:450;margin-bottom:8px}.chapter.active .chapter-number{color:var(--accent)}.chapter strong{display:block;font-size:18px;letter-spacing:-.03em;font-weight:570;margin-bottom:7px}.chapter>span:last-of-type{display:block;font-size:12px;line-height:1.7;color:var(--secondary)}.chapter>.icon{position:absolute;right:16px;top:24px;width:15px;height:15px;opacity:0}.chapter.active>.icon{opacity:1;color:var(--accent)}.demo-content{min-width:0}.demo-panel{border-radius:var(--radius)}.demo-visual{position:relative}.app-window{overflow:hidden;border-radius:var(--radius);border:1px solid #3a434d;background:var(--bg);height:484px}.window-title{height:40px;background:#20262d;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:20px;border-bottom:1px solid #343c45;font-size:11px;color:#cbd2db}.window-title>.icon{width:14px;height:14px;color:var(--secondary)}.traffic-lights{display:flex;gap:7px;min-width:64px}.traffic-lights b{width:9px;height:9px;display:block;border-radius:50%;background:#ee7169}.traffic-lights b:nth-child(2){background:#dfba58}.traffic-lights b:nth-child(3){background:#6db887}.app-body{display:grid;grid-template-columns:160px minmax(0,1fr);height:calc(100% - 40px)}.app-sidebar{padding:19px 10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:7px;font-size:10px;border-right:1px solid #343b43}.app-sidebar .icon{width:14px;height:14px}.new-connection{display:flex;align-items:center;gap:7px;padding:8px 3px 14px;font-size:10px;color:#d0d7df}.side-label{font-size:8px;letter-spacing:.065em;color:#a1abb8;margin:22px 6px 8px}.host-folder{display:flex;gap:8px;align-items:center;padding:5px;color:#c0c8d1}.host-item{display:flex;gap:8px;align-items:center;margin:2px 0;padding:9px 7px 9px 13px;border-radius:5px;color:#bfc8d3}.host-item.selected{background:#b4e8ce0e}.host-item.selected>.icon{color:var(--accent)}.host-item small{display:block;color:#a1abb8;font-size:8px;margin-top:3px;font-family:var(--mono)}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;padding:10px 3px;color:#b6c0cb;font-size:9px}.sidebar-bottom kbd{margin-left:auto;font-size:7px;color:#a1abb8}.terminal-workspace{display:flex;flex-direction:column;min-width:0}.app-tabs{height:41px;display:flex;gap:5px;align-items:center;padding:0 12px;font-size:9px;border-bottom:1px solid #303840;min-width:0;white-space:nowrap}.group-name{padding:5px 6px;margin-right:7px;color:var(--accent);border-bottom:1px solid var(--accent)}.app-tab{padding:7px 11px;color:#aab6c4;border-radius:5px}.app-tab.selected{color:#d7e2ed;background:#282f37}.tab-add{margin-left:10px;color:var(--secondary);font-size:17px}.app-tabs>.icon{margin-left:auto;width:14px;height:14px;color:#c5d1de}.pane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:12px;flex:1;min-height:0}.terminal-pane{border:1px solid #303840;border-radius:5px;overflow:hidden;min-width:0;background:#151a20}.pane-title{background:#20262d;padding:7px 10px;display:flex;align-items:center;gap:7px;color:#c4cedb;font-size:9px}.pane-title .icon{width:11px;height:11px}.pane-close{margin-left:auto;color:#a1abb8;font-size:12px}.terminal-pane pre,.mcp-terminal pre{padding:12px;font-size:clamp(8px,.67vw,10px);line-height:1.72;color:#ccd5df}.code-muted{color:#9eaaba}.code-mint{color:var(--accent)}.code-light{color:#e4e8ee}.code-blue{color:#9accdf}.code-amber{color:#dbbf8d}.cursor{display:inline-block;width:5px;height:11px;border:1px solid var(--accent);vertical-align:middle}.app-status{height:24px;margin-top:auto;padding:3px 12px;border-top:1px solid #303840;display:flex;justify-content:space-between;color:#a1abb8;font-size:8px}.media-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding-top:7px;color:var(--muted);font-size:11px}.media-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--accent);font-size:11px;padding:5px 0}.media-toggle .icon{width:14px;height:14px}.recording-layer{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius);background:var(--bg);display:flex;align-items:center;justify-content:center}.recording-layer img{width:100%;height:100%;object-fit:contain}.recording-layer.paused{border:1px solid var(--line);color:var(--secondary)}.recording-layer.paused>p{padding:20px}.demo-description{display:grid;grid-template-columns:75px minmax(0,1fr);gap:24px;padding-top:33px}.chapter-count{font-size:12px;color:var(--secondary);font-variant-numeric:tabular-nums;padding-top:12px}.demo-description>div{border-left:1px solid var(--line);padding-left:30px}.demo-description h2{font-size:34px;letter-spacing:-.035em;line-height:1.2;font-weight:550}.demo-description p{max-width:65ch;color:var(--secondary);font-size:14px;margin-top:13px;line-height:1.7}.demo-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:17px;color:var(--accent);font-size:11px}.demo-tags span+span::before{content:'/';color:#727c88;margin-right:18px}
.file-workspace{height:calc(100% - 40px);padding:22px}.file-toolbar{display:flex;align-items:center;gap:15px;padding-bottom:20px;font-size:10px;color:var(--secondary)}.file-toolbar strong{font-size:14px;color:var(--text);font-weight:550}.file-return{display:flex;align-items:center;gap:6px;margin-left:auto}.file-return .icon{width:12px;height:12px}.file-columns{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px;height:calc(100% - 46px)}.file-column{display:flex;flex-direction:column;min-width:0;border-right:1px solid #303840;padding-right:20px}.file-columns h3{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:14px;font-weight:500}.file-columns .icon{width:14px;height:14px}.path-bar{padding:8px 10px;border:1px solid #343c45;border-radius:5px;font-family:var(--mono);font-size:9px;color:#bac6d4;margin-bottom:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row{display:flex;gap:8px;align-items:center;padding:10px 3px;font-size:10px;white-space:nowrap}.file-row>.icon{color:var(--accent)}.file-row>span{margin-left:auto;color:#a1abb8;font-size:8px}.file-selected{background:#b4e8ce0b}.transfer-hint{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:12px;color:var(--secondary);font-size:9px}.file-editor{min-width:0;display:flex;flex-direction:column}.file-editor pre{font-size:10px;line-height:1.9;padding-top:12px}.editor-caption{font-size:8px;color:#a1abb8;display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.mcp-workspace{height:calc(100% - 40px);display:grid;grid-template-columns:.9fr 1.2fr;gap:42px;padding:40px}.mcp-client{min-width:0}.mcp-client-title{font-size:17px;font-weight:550;display:flex;align-items:center;gap:9px}.mcp-client-title .icon{color:var(--accent)}.mcp-client>p{color:var(--secondary);font-size:11px;margin-top:8px}.tool-call{display:flex;flex-direction:column;gap:4px;margin-top:22px}.tool-call>span{font-size:9px;color:var(--secondary)}.tool-call>code{color:var(--accent);font-size:11px}.mcp-protocol{display:block;font-size:8px;color:var(--secondary);margin-top:24px}.mcp-terminal{display:flex;flex-direction:column;border:1px solid #343c45;border-radius:5px;overflow:hidden;min-width:0}.mcp-terminal .pane-title{font-size:11px;padding:12px}.mcp-terminal pre{font-size:10px;padding:20px}.mcp-note{font-size:9px;display:flex;align-items:center;gap:7px;margin-top:auto;color:var(--accent);padding:12px 20px}.mcp-note .icon{width:13px;height:13px}
.features-section{padding-top:68px;padding-bottom:104px;border-top:1px solid var(--line)}.section-heading h2,.guide-intro h2{font-size:clamp(32px,3.3vw,47px);font-weight:530;letter-spacing:-.035em;line-height:1.15}.section-heading p{font-size:16px;color:var(--secondary);margin-top:19px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:56px}.feature>.icon{color:var(--accent);width:25px;height:25px;margin-bottom:23px}.feature h3{font-size:18px;letter-spacing:-.025em;font-weight:550;line-height:1.35}.feature p{font-size:13px;color:var(--secondary);line-height:1.8;margin-top:12px;max-width:35ch}.feature-detail{display:block;font-size:11px;color:#c0cad5;margin-top:24px}.palette{display:flex;gap:7px;margin-top:26px}.palette span{height:11px;width:11px;border-radius:3px;background:#b4e8ce}.palette span:nth-child(2){background:#9accdf}.palette span:nth-child(3){background:#dda8b5}.palette span:nth-child(4){background:#dbbf8d}.palette span:nth-child(5){background:#c6a5df}.palette span:nth-child(6){background:#91b9eb}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:88px 0;border-top:1px solid var(--line)}.guide-intro>p{color:var(--secondary);font-size:16px;margin-top:21px}.system-requirement{margin-top:40px;display:flex;align-items:center;gap:14px;font-size:13px;color:#d0d7df;line-height:1.9}.system-requirement>.icon{width:24px;height:24px;color:var(--accent)}.system-requirement small{font-size:11px;color:var(--secondary)}.guide-steps{display:flex;flex-direction:column;gap:29px;padding-top:8px}.guide-steps article{display:flex;gap:24px}.guide-steps article>span{color:var(--accent);font-size:12px;line-height:2;font-variant-numeric:tabular-nums}.guide-steps h3{font-size:18px;font-weight:530;letter-spacing:-.025em}.guide-steps p{color:var(--secondary);font-size:13px;line-height:1.8;max-width:48ch;margin-top:7px}.faq-section{display:grid;grid-template-columns:.9fr 1.2fr;gap:85px;padding:72px 0 90px;border-top:1px solid var(--line)}.faq-section>h2{font-size:29px;font-weight:530;letter-spacing:-.03em;line-height:1.3}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon{width:16px;height:16px;color:var(--secondary);transition:transform .18s}.faq-list details[open] summary>.icon{transform:rotate(90deg);color:var(--accent)}.faq-list details p{font-size:13px;color:var(--secondary);line-height:1.8;margin-top:16px;max-width:65ch}.connection-example{position:relative;background:var(--surface);border-radius:7px;margin-top:20px;padding:18px}.connection-example>code{font-size:10px;line-height:1.8;color:#ccd6df;display:block;overflow-wrap:anywhere}.copy-button{margin-top:17px;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px}.copy-button .icon{width:14px;height:14px}.faq-list details .faq-small{font-size:11px}.closing-section{padding:79px 0 88px;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid var(--line)}.closing-section>img{margin-bottom:25px}.closing-section h2{font-size:clamp(34px,3.7vw,52px);letter-spacing:-.035em;font-weight:530;line-height:1.12}.closing-section p{font-size:14px;color:var(--secondary);margin-top:22px}.closing-section .text-link{color:var(--accent);margin-top:27px;font-size:14px}.site-footer{padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--secondary);font-size:11px}.site-footer .brand{font-size:13px;letter-spacing:-.025em;gap:8px;color:var(--text)}.site-footer>a:last-child{display:flex;align-items:center;gap:9px}.site-footer>a:last-child .icon{width:14px;height:14px}
/* Keep the grid's content from imposing an intrinsic height on the fixed preview. */
.terminal-workspace{min-height:0}.terminal-pane{min-height:0}
.header-cta{padding:10px 17px;font-size:12px;gap:20px}
@media(max-width:959px){.header-cta{display:none}}
@media(min-width:960px){.hero{padding-top:38px;padding-bottom:32px}.hero h1{font-size:clamp(46px,4.2vw,64px)}.hero p{margin-top:18px;font-size:17px}.app-window{height:450px}.demo-description{padding-top:24px}.terminal-pane pre{font-size:9px;line-height:1.55;padding:10px}}
@media(min-width:1600px){.hero{padding-top:48px}.app-window{height:490px}.terminal-pane pre{font-size:10px}.mcp-terminal pre{font-size:11px}}
@media(max-width:1199px){.wrap{width:calc(100% - 72px)}.demo-layout{grid-template-columns:166px minmax(0,1fr);gap:25px}.chapter{padding-left:19px;padding-right:10px}.chapter strong{font-size:16px}.chapter>.icon{right:11px}.app-window{height:440px}.app-body{grid-template-columns:135px minmax(0,1fr)}.app-sidebar{padding-inline:8px}.new-connection{font-size:8px}.app-tabs{padding-inline:8px;gap:0}.app-tab{padding:7px}.group-name{font-size:8px}.pane-grid{padding:8px;gap:6px}.terminal-pane pre{font-size:8px;padding:9px}.feature-grid{gap:26px}.feature h3{font-size:17px}.mcp-workspace{padding:28px;gap:25px}.mcp-terminal pre{font-size:9px}.file-workspace{padding:18px}.file-columns{gap:14px}.file-column{padding-right:14px}.file-row{font-size:9px;gap:6px}.file-editor pre{font-size:9px}.hero-actions .button{gap:15px}.guide-section{gap:60px}.faq-section{gap:55px}}
@media(max-width:959px){.wrap{width:calc(100% - 48px)}.site-header{height:76px;gap:20px}.brand{font-size:18px}.brand img{width:30px;height:30px}.main-nav{gap:24px;font-size:12px}.platform{display:none}.hero{padding-top:42px;padding-bottom:35px;gap:20px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-actions{align-items:flex-start}.hero-actions .button{font-size:12px;padding:13px 16px}.hero-actions .text-link{font-size:11px}.demo-layout{grid-template-columns:1fr;gap:21px}.chapter-list{flex-direction:row;padding-top:0;gap:12px}.chapter{flex:1;padding:14px 16px;border-radius:6px;border:1px solid transparent}.chapter::before{left:16px;right:16px;top:auto;bottom:0;width:auto;height:1px}.chapter.active::before{background:var(--accent)}.chapter>.icon{right:14px;top:17px}.chapter-number{font-size:11px;margin-bottom:4px}.chapter strong{font-size:16px;margin-bottom:4px}.chapter>span:last-of-type{font-size:11px;line-height:1.5}.chapter>span:last-of-type br{display:none}.app-window{height:458px}.app-body{grid-template-columns:150px minmax(0,1fr)}.terminal-pane pre{font-size:9px}.app-sidebar{font-size:10px}.new-connection{font-size:9px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.feature p{max-width:42ch}.features-section{padding-top:56px;padding-bottom:70px}.section-heading h2,.guide-intro h2{font-size:37px}.guide-section{gap:40px;padding-block:65px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:40px;padding-block:56px}.faq-section>h2{font-size:24px}.demo-section{padding-bottom:70px}.file-columns{gap:20px}.file-column{padding-right:20px}.file-row{font-size:10px}.mcp-workspace{padding:34px;gap:36px}.mcp-terminal pre{font-size:10px}}
@media(max-width:639px){.wrap{width:calc(100% - 40px)}.site-header{height:72px;gap:12px}.brand{font-size:17px;gap:9px}.main-nav{gap:19px;font-size:12px}.main-nav a:first-child{display:none}.main-nav a:last-child{font-size:0}.main-nav a:last-child::after{content:'Guide';font-size:12px}.hero{display:block;padding-top:37px;padding-bottom:29px}.hero h1{font-size:clamp(37px,10.7vw,60px);line-height:1.08;font-weight:560}.hero p{font-size:14px;margin-top:19px;max-width:38ch}.hero-actions{flex-direction:row;align-items:center;gap:17px;flex-wrap:wrap;padding-top:25px}.hero-actions .button{font-size:12px;padding:13px 15px;gap:15px}.hero-actions .text-link{font-size:11px}.hero-actions .text-link .icon{display:none}.chapter-list{gap:6px;justify-content:space-between}.chapter{padding:12px 8px 13px;min-width:0}.chapter::before{left:8px;right:8px}.chapter-number{font-size:11px}.chapter strong{font-size:13px;white-space:nowrap}.chapter>span:last-of-type{display:none}.chapter>.icon{display:none}.demo-layout{gap:16px}.app-window{height:326px}.window-title{height:32px;font-size:9px;padding-inline:12px}.traffic-lights{gap:5px;min-width:42px}.traffic-lights b{width:7px;height:7px}.window-title>.icon{width:11px;height:11px}.app-body{height:calc(100% - 32px);grid-template-columns:minmax(0,1fr)}.app-sidebar{display:none}.app-tabs{height:32px;font-size:8px}.group-name{font-size:7px;margin-right:5px}.app-tab{font-size:8px;padding:4px 7px}.pane-grid{padding:7px;gap:5px}.pane-title{font-size:7px;padding:5px 6px;gap:4px}.pane-title .icon{width:9px;height:9px}.pane-close{font-size:10px}.terminal-pane pre{font-size:6.8px;line-height:1.6;padding:7px}.app-status{font-size:6px;height:18px;padding:3px 8px}.media-caption{font-size:9px;min-height:34px;padding-top:8px;gap:10px}.media-toggle{font-size:9px}.demo-description{grid-template-columns:45px minmax(0,1fr);gap:12px;padding-top:24px}.chapter-count{font-size:10px;padding-top:6px}.demo-description>div{padding-left:16px}.demo-description h2{font-size:26px}.demo-description p{font-size:12px;line-height:1.7;margin-top:10px}.demo-tags{font-size:9px;gap:12px;margin-top:13px}.demo-tags span+span::before{margin-right:12px}.demo-section{padding-bottom:52px}.file-workspace{height:calc(100% - 32px);padding:15px 12px}.file-toolbar{font-size:8px;gap:9px;padding-bottom:15px}.file-toolbar strong{font-size:11px}.file-toolbar>span:nth-child(2){display:none}.file-return{font-size:8px}.file-columns{grid-template-columns:1fr 1fr;gap:14px;height:calc(100% - 35px)}.file-column{padding-right:12px}.file-column:nth-child(2){border-right:0;padding-right:0}.file-editor{display:none}.file-columns h3{font-size:10px;margin-bottom:10px}.path-bar{font-size:7px;padding:6px 7px;margin-bottom:10px}.file-row{font-size:8px;padding:8px 2px;gap:5px}.file-row>span{font-size:6px}.file-columns .icon{width:11px;height:11px}.transfer-hint{font-size:7px;gap:6px}.mcp-workspace{height:calc(100% - 32px);padding:19px 13px;gap:14px;grid-template-columns:.9fr 1.1fr}.mcp-client-title{font-size:11px;gap:5px}.mcp-client-title .icon{width:14px;height:14px}.mcp-client>p{font-size:8px;margin-top:7px}.tool-call{margin-top:13px;gap:3px}.tool-call>span{font-size:7px}.tool-call>code{font-size:6px}.mcp-protocol{font-size:6px;margin-top:15px}.mcp-terminal .pane-title{font-size:8px;padding:7px}.mcp-terminal pre{font-size:6px;padding:10px;line-height:1.8}.mcp-note{padding:8px;font-size:6px;gap:4px}.mcp-note .icon{width:9px;height:9px}.features-section{padding:46px 0 50px}.section-heading h2,.guide-intro h2{font-size:33px}.section-heading p{font-size:13px;max-width:31ch;margin-top:15px}.feature-grid{gap:33px 22px;margin-top:34px}.feature>.icon{width:22px;height:22px;margin-bottom:15px}.feature h3{font-size:16px}.feature p{font-size:12px;line-height:1.7;margin-top:9px}.feature-detail{font-size:9px;margin-top:15px}.palette{gap:6px;margin-top:17px}.palette span{height:9px;width:9px}.guide-section{grid-template-columns:1fr;gap:34px;padding:46px 0}.guide-intro>p{font-size:14px;margin-top:17px}.system-requirement{margin-top:22px;font-size:12px}.guide-steps{gap:24px}.guide-steps article{gap:18px}.guide-steps h3{font-size:16px}.guide-steps p{font-size:12px;margin-top:6px}.faq-section{grid-template-columns:1fr;gap:27px;padding:42px 0}.faq-section>h2{font-size:26px}.faq-list details{padding:16px 0}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.connection-example{padding:14px}.connection-example>code{font-size:8px}.closing-section{padding:45px 0 50px}.closing-section>img{width:44px;height:44px;margin-bottom:21px}.closing-section h2{font-size:34px}.closing-section p{font-size:12px;max-width:30ch;margin-top:17px}.closing-section .text-link{font-size:12px;margin-top:21px}.site-footer{flex-wrap:wrap;padding:21px 0 26px;gap:14px;font-size:10px}.site-footer>.brand{font-size:12px}.site-footer>span{order:3;flex-basis:100%}.site-footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button.primary:hover{transform:none}}