@font-face{font-family:'Npmstart CJK';src:url('/assets/noto-sans-sc-heading-v2.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--header-height:92px;--paper:#f4f6f3;--white:#fff;--ink:#182c25;--muted:#58675f;--green:#256e49;--green-deep:#1b5035;--mint:#e5eee5;--line:#d6ded6;--terminal:#1c3028;--code-ink:#e1eddf;--font:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--radius:12px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}input,select,textarea{caret-color:var(--green)}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:#bdd7bd;color:var(--ink)}*{scrollbar-color:#9aafa0 var(--paper);scrollbar-width:thin}h1,h2,h3,p,pre{margin:0}h1,h2,h3{font-family:'Npmstart CJK',var(--font);font-weight:600;line-height:1.4;text-wrap:balance}h1{letter-spacing:-.035em}p{text-wrap:pretty}svg{flex:none;vertical-align:middle}.icon{display:inline-block}button .icon,a .icon{pointer-events:none}a:hover .icon{transform:translateX(2px)}a .icon{transition:transform .22s var(--ease)}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.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:-100px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:90}.skip-link:focus{top:12px}.header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;font-weight:800;font-size:25px;letter-spacing:-1.1px;white-space:nowrap;line-height:1}.brand-symbol{width:32px;height:32px;background:var(--green);color:white;display:grid;place-items:center;margin-right:10px;border-radius:8px}.brand-symbol svg{width:23px;height:23px}.brand-light{font-weight:500}.brand-dot{color:var(--green)}nav{display:flex}.header nav{gap:30px;font-size:14px}.header nav a{padding:34px 0;position:relative;color:var(--muted)}.header nav a:hover,.header nav a[aria-current]{color:var(--ink)}.header nav a[aria-current]:after{content:'';position:absolute;height:2px;background:var(--green);left:0;right:0;bottom:21px}.header-action{font-size:13px;display:flex;gap:12px;align-items:center}.header-action svg{width:17px}.hero{padding-block:72px 65px;display:grid;grid-template-columns:.87fr 1.3fr;gap:66px;align-items:center}.hero-copy{padding-bottom:24px;min-width:0}.hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.28;font-weight:650;letter-spacing:-.035em}.hero h1 span{color:var(--green)}.hero-description{color:var(--muted);font-size:16px;line-height:1.9;margin-top:26px}.hero-link{display:inline-flex;align-items:center;gap:20px;margin-top:25px;font-weight:650;font-size:14px}.hero-link .icon{width:19px}.hero-detail{display:flex;align-items:flex-start;gap:13px;margin-top:52px;color:var(--muted);font-size:12px;line-height:1.9}.detail-line{height:1px;width:25px;background:#99ae9b;margin-top:11px;flex:none}.workbench{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:none;padding:22px}.bench-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:18px}.bench-status{font-weight:650;display:flex;align-items:center;gap:8px}.bench-status>span{height:7px;width:7px;border-radius:50%;background:var(--green)}.bench-local{color:var(--muted);font-size:11px}.bench-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bench-fields label,.bench-settings>label{display:flex;flex-direction:column;font-size:11px;gap:5px;color:var(--muted)}.bench-fields input,.bench-fields select,.bench-settings select{min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--white);padding:8px 10px;height:39px;font-size:13px;color:var(--ink)}select{padding-right:27px!important}#projectName{font-family:var(--mono);font-size:12px}.idea-label{display:block;font-size:11px;margin-top:14px;margin-bottom:5px;color:var(--muted)}#projectIdea{width:100%;display:block;resize:vertical;min-height:67px;max-height:180px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:12px;line-height:1.8}::placeholder{color:var(--muted);opacity:1}.bench-settings{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:13px}.bench-settings>label{flex:1;max-width:240px}.bench-settings select{height:33px;font-size:11px;padding:5px 8px}.manager-control{display:flex;gap:2px;padding:3px;background:var(--paper);border-radius:6px}.manager-control button{padding:5px 8px;background:transparent;font-size:11px;border-radius:4px;font-family:var(--mono);line-height:1.5}.manager-control button[aria-pressed="true"]{background:var(--white);color:var(--green);font-weight:700}.manager-control button:hover{color:var(--green)}.output-tabs{display:flex;gap:20px;margin-top:21px;border-bottom:1px solid var(--line)}.output-tabs button{position:relative;background:none;font-size:12px;color:var(--muted);padding:0 0 10px;white-space:nowrap}.output-tabs button[aria-selected="true"]{color:var(--green);font-weight:650}.output-tabs button[aria-selected="true"]:after{position:absolute;content:'';background:var(--green);height:2px;bottom:-1px;left:0;right:0}.bench-output{background:var(--terminal);color:var(--code-ink);border-radius:8px;margin-top:13px;padding:15px 16px;height:211px;overflow:hidden}.bench-output section{height:100%;display:flex;flex-direction:column}.output-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#b0c5b4;font-size:10px;line-height:1.5;margin-bottom:13px;flex:none}.output-caption>span:last-child{font-family:var(--mono);font-size:9px}.output-caption a{display:flex;align-items:center;gap:3px;white-space:nowrap}.output-caption svg{width:12px;height:12px}.bench-output pre{font-family:var(--mono);font-size:11px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;flex:1;scrollbar-color:#63816d var(--terminal);padding-right:3px;min-height:0}#briefOutput{font-family:var(--font);font-size:11px}.terminal-note{font-size:10px;color:#b0c5b4;line-height:1.7;margin-top:10px}#checksOutput{padding:0;margin:0;list-style:none;overflow:auto;font-size:12px}#checksOutput li{display:flex;gap:9px;align-items:start;margin-bottom:9px}#checksOutput svg{width:15px;height:18px;color:#abcab0}.bench-actions{display:flex;gap:9px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:11px 17px;font-weight:650;font-size:13px;line-height:1.5;text-align:center;transition:background .2s,color .2s}.button svg{height:16px;width:16px}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-deep)}.secondary{background:var(--mint);color:var(--green-deep)}.secondary:hover{background:#d5e4d5}.bench-actions .button{font-size:11px;padding:10px 12px;flex:1;white-space:nowrap}.bench-actions small{font-size:9px;font-weight:400}.share-button{border:1px solid var(--line);background:transparent;border-radius:7px;width:36px;flex:none;display:grid;place-items:center}.share-button svg{width:17px}.share-button:hover{background:var(--paper)}.bench-footnote{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);margin-top:12px}.bench-footnote svg{width:12px;height:12px}.form-error{color:#9c3528;background:#fff3ef;padding:7px 10px;border-radius:5px;font-size:11px;margin-top:10px}.benefit-strip{border-block:1px solid var(--line)}.benefit-strip>.shell{display:flex;align-items:center;justify-content:center;gap:62px;padding-block:18px;color:var(--muted);font-size:12px}.benefit-strip span{display:flex;gap:8px;align-items:center}.benefit-strip svg{width:15px;height:15px;color:var(--green)}.section{padding-block:76px 82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.section-heading h2{font-size:27px;letter-spacing:-.025em}.section-heading p{font-size:13px;color:var(--muted);margin-top:10px}.section-note{font-size:11px;color:var(--muted);padding-bottom:4px;white-space:nowrap}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-weight:650}.text-link .icon{width:17px;height:17px}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:27px;row-gap:36px}.kit-entry{display:block;min-width:0}.kit-art{position:relative;height:173px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);overflow:hidden;background:#e5ebe1;transition:background .25s}.kit-art-1{background:#e9eadc}.kit-art-2{background:#e1e9e9}.kit-art-3{background:#e8e4dd}.kit-art-4{background:#e3e6ef}.kit-art-5{background:#e6e9de}.kit-entry:hover .kit-art{background:#d7e4d6}.kit-title{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.kit-title h3{font-size:17px;font-weight:650}.kit-title svg{width:17px;height:17px}.kit-entry>p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.8}.kit-stack{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:15px;padding-top:11px;border-top:1px solid var(--line)}.kit-stack>span{font-size:10px;color:var(--green)}.preview-caption{position:absolute;right:12px;bottom:8px;color:#526658;font-size:8px}.mini-window{width:198px;height:124px;background:var(--white);border:1px solid #c5d1c4;border-radius:6px;overflow:hidden;padding:12px;position:relative;transition:transform .35s var(--ease);color:var(--green)}.kit-entry:hover .mini-window{transform:translateY(-4px)}.mini-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7df;padding-bottom:7px;margin-bottom:10px}.mini-top>i{width:24px;height:5px;background:#487758;border-radius:1px}.mini-top>b{width:42px;height:3px;background:#d1d9ce}.mini-form{display:flex;justify-content:space-between;gap:7px;height:16px;margin-bottom:9px}.mini-form>b{background:#f2f5ef;border:1px solid #e4e9e0;flex:1}.mini-form>i{background:#487758;color:#fff;line-height:13px;text-align:center;width:20px;font-style:normal;font-size:11px;border-radius:2px}.mini-list{display:grid;gap:7px}.mini-list>i{height:8px;background:#edf1e9;border-radius:1px}.mini-list>i:before{content:'';display:block;height:3px;width:54%;background:#c8d4c4;margin:3px 8px}.mini-landing{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:14px}.mini-landing>strong{width:70px;height:9px;background:#3f654f;border-radius:1px}.mini-landing>b{width:100px;height:3px;background:#becdb7}.mini-landing>i{width:30px;height:10px;background:#64845e;border-radius:2px;margin-top:3px}.mini-columns{display:flex;gap:6px;margin-top:13px}.mini-columns>i{height:19px;flex:1;background:#e9eee4;border-radius:2px}.mini-sidebar{position:absolute;left:0;top:0;bottom:0;width:31px;background:#385b50}.mini-sidebar:after{content:'';display:block;margin:14px 8px;width:15px;height:4px;background:#a8c1ad;box-shadow:0 15px #6b8c7b,0 27px #6b8c7b,0 39px #6b8c7b}.mini-dash{margin-left:29px}.mini-dash .mini-columns{margin-top:0}.mini-dash .mini-columns i{height:25px;background:#dce7dc}.mini-bars{display:flex;gap:11px;height:56px;align-items:end;border-bottom:1px solid #d1dbcf;margin-top:10px;padding-inline:8px}.mini-bars>i{width:12px;background:#7c9c7e;height:26px;border-radius:2px 2px 0 0}.mini-bars>i:nth-child(2){height:38px}.mini-bars>i:nth-child(3){height:31px}.mini-bars>i:nth-child(4){height:48px}.mini-bars>i:nth-child(5){height:40px}.mini-profile{display:flex;align-items:center;gap:9px}.mini-profile>i{height:23px;width:23px;border-radius:50%;background:#b6bca3}.mini-profile>div{display:grid;gap:5px}.mini-profile strong{display:block;width:63px;height:5px;background:#5c715e}.mini-profile b{width:95px;height:3px;display:block;background:#c3d0bd}.mini-projects{margin-top:10px}.mini-projects>i{height:31px;background:#e6eadf}.mini-projects>i:last-child{background:#d8ded2}.mini-app{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.mini-app>div{border:1px solid #e0e5df;height:61px;padding:10px}.mini-app b{display:block;height:3px;background:#bacbbb;margin-bottom:7px}.mini-app b:last-child{width:70%}.mini-app>span{height:61px;background:#e4ecdf;border-radius:3px}.mini-article{width:115px;margin:13px auto 0}.mini-article>strong{display:block;background:#506d56;height:6px;width:70px;margin-bottom:10px}.mini-article>b{display:block;height:3px;background:#ccd6c5;margin-bottom:5px}.mini-article>i{display:block;height:13px;background:#e7ede1;margin-block:8px}.guide-section{background:var(--mint)}.guide-list{border-top:1px solid #bdcfbd}.guide-row{display:grid;grid-template-columns:110px 1fr 24px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #c5d4c5}.guide-category{font-size:11px;color:var(--green-deep);align-self:start;padding-top:5px}.guide-row h3{font-size:17px;font-weight:600}.guide-row p{font-size:12px;color:var(--muted);margin-top:7px;max-width:78ch}.guide-row>.icon{width:19px}.guide-row:hover h3{color:var(--green)}.tool-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.tool-strip>a{position:relative;padding:24px 18px;border-right:1px solid var(--line)}.tool-strip>a:first-child{padding-left:0}.tool-strip>a:last-child{border-right:0}.tool-strip strong{display:block;font-size:15px;overflow-wrap:anywhere;margin-top:10px}.tool-strip span{font-size:11px;color:var(--muted)}.tool-strip .icon{position:absolute;right:15px;top:26px;width:15px;height:15px}.tool-strip>a:hover strong{color:var(--green)}.closing{background:#dce9db;padding-block:60px}.closing>.shell{display:flex;align-items:center;justify-content:space-between;gap:32px}.closing h2{font-size:30px;line-height:1.5;letter-spacing:-.025em}.closing p{margin-top:15px;font-size:13px;color:var(--muted)}.closing .button{padding:14px 22px;white-space:nowrap}.footer{padding-top:43px}.footer-top{display:flex;align-items:center;gap:23px;padding-bottom:34px}.footer-top>.brand{font-size:22px}.footer-top>p{font-size:12px;color:var(--muted)}.footer-top>div{display:flex;gap:25px;margin-left:auto;font-size:11px}.footer a:hover{color:var(--green)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:20px 27px;font-size:10px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:var(--ink);color:#fff;box-shadow:0 8px 25px #182c2526;padding:12px 21px;border-radius:8px;font-size:12px;max-width:calc(100% - 40px);opacity:0;pointer-events:none;transition:transform .25s var(--ease),opacity .25s var(--ease);z-index:100;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.breadcrumbs{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-top:28px}.breadcrumbs a:hover{color:var(--green);text-decoration:underline}.kit-hero{padding-top:46px;align-items:start}.kit-hero h1{font-size:48px}.kit-hero .hero-description{font-size:17px}.kit-hero .hero-copy>p:not(.hero-description){font-size:13px;margin-top:16px;color:var(--muted)}.kit-scope{margin-top:32px;padding-block:22px;border-block:1px solid var(--line)}.kit-scope h2{font-size:14px}.kit-scope p{font-size:12px;color:var(--muted);margin-top:10px;max-width:40ch}.kit-hero .hero-copy>.text-link{margin-top:24px}.kit-explainer{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:45px}.kit-explainer h2{font-size:21px}.kit-explainer p,.kit-explainer li{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px}.kit-explainer ul{padding-left:18px}.page-intro{padding-block:67px 38px}.page-intro h1{font-size:48px;line-height:1.35}.page-intro p{font-size:15px;color:var(--muted);margin-top:20px}.reading-index{padding-bottom:25px}.reading-index .guide-list{border-color:var(--line)}.reading-index .guide-row{border-color:var(--line);padding-block:28px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:92px;align-items:start;padding-top:46px}.article h1{font-size:40px;line-height:1.4;letter-spacing:-.025em}.article-meta{font-size:11px;color:var(--muted);display:flex;gap:24px;margin-top:20px}.article-lead{font-size:17px!important;line-height:1.95!important;margin-top:32px!important;color:var(--muted)}.article>section{scroll-margin-top:0;margin-top:45px}.article h2{font-size:23px;letter-spacing:-.02em}.article p{font-size:15px;line-height:1.95;margin-top:17px;max-width:72ch}.article a:not(.button){text-decoration:underline;text-decoration-color:#94b59c}.article a:hover{color:var(--green)}.article-aside{position:sticky;top:calc(var(--header-height) + 35px);padding-top:7px;font-size:12px}.article-aside nav{flex-direction:column}.article-aside strong{display:block;font-size:11px;margin-bottom:14px}.article-aside a{display:block;color:var(--muted);padding-block:8px;line-height:1.7}.article-aside a:hover{color:var(--green)}.article-aside .aside-link{margin-top:30px;border-top:1px solid var(--line);padding-top:23px;color:var(--green);font-size:17px;font-weight:600;line-height:1.8}.aside-link .icon{width:18px;margin-left:20px}.mobile-toc{display:none}.code-block{background:var(--terminal);color:var(--code-ink);border-radius:10px;margin-top:20px;overflow:hidden}.code-heading{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-bottom:1px solid #3b5044;font-size:10px;color:#bdd0bf}.copy-code{display:flex;align-items:center;gap:6px;background:transparent;color:inherit;font-size:10px;padding:3px}.copy-code svg{height:13px;width:13px}.code-block pre{font-family:var(--mono);font-size:12px;line-height:1.9;padding:18px;overflow:auto;scrollbar-color:#63816d var(--terminal)}.sources{border-top:1px solid var(--line);padding-top:26px}.sources ul{padding-left:17px;font-size:13px;line-height:2}.sources a{font-size:13px}.sources svg{width:14px;height:14px}.sources p{font-size:12px;color:var(--muted)}.article-cta{background:var(--mint);padding:28px;border-radius:var(--radius);margin-top:45px}.article-cta h2{font-size:22px}.article-cta p{font-size:13px;color:var(--muted)}.article-cta .button{margin-top:21px}.single-article{max-width:760px;padding-block:70px 85px}.single-article>.button{margin-top:35px}.catalog-toolbar{display:flex;gap:12px;align-items:center}.catalog-toolbar select{height:44px;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:8px 12px;font-size:12px}.catalog-search{flex:1;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:9px 13px;height:44px}.catalog-search .icon{width:18px;color:var(--muted)}.catalog-search input{border:0;background:none;min-width:0;flex:1;outline:0;font-size:13px}.catalog-search:focus-within{outline:2px solid var(--green);outline-offset:2px}.catalog-count{font-size:11px;color:var(--muted);margin-top:14px;margin-bottom:25px}.package-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-entry{padding:22px 20px;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.package-title{display:flex;align-items:start;justify-content:space-between;gap:8px}.package-title>a{display:flex;align-items:start;gap:6px;min-width:0}.package-title h3{font-size:15px;overflow-wrap:anywhere;line-height:1.5}.package-title>a>.icon{width:14px;height:18px}.favorite{background:none;color:var(--muted);padding:0}.favorite svg{height:17px;width:17px}.favorite[aria-pressed="true"]{color:var(--green)}.favorite[aria-pressed="true"] svg{fill:var(--mint)}.package-category{font-size:10px;color:var(--green);margin-top:8px}.package-entry>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px;flex:1}.package-bottom{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:23px;padding-top:13px;border-top:1px solid var(--line)}.install-command{font-family:var(--mono);font-size:10px;line-height:1.8;overflow-wrap:anywhere;max-width:calc(100% - 25px)}.copy-package{padding:2px;background:none;color:var(--green);margin-left:auto}.copy-package svg{height:13px;width:13px}.compare-label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);width:100%;margin-top:8px}.compare-label input{accent-color:var(--green);margin:0;width:13px;height:13px}.comparison{margin-top:35px;background:var(--mint);padding:28px;border-radius:var(--radius)}.comparison h2{font-size:22px}.comparison table{width:100%;border-collapse:collapse;min-width:550px;font-size:12px;line-height:1.8}.comparison th,.comparison td{padding:14px;text-align:left;border-bottom:1px solid #bdcfbd;vertical-align:top;min-width:130px}.comparison td:first-child{width:100px;min-width:80px;color:var(--muted)}.table-scroll{overflow-x:auto}.text-button{background:transparent;text-decoration:underline;font-size:12px;white-space:nowrap}.empty-state{text-align:center;border-block:1px solid var(--line);padding:50px 15px}.empty-state p{font-size:13px;color:var(--muted);margin-top:12px}.empty-state .button{margin-top:20px}.starter-links{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:25px}.starter-links a{font-size:13px;display:flex;gap:10px;align-items:center}.starter-links svg{width:16px}.not-found{padding-block:80px 120px}.error-code{font-family:var(--mono);font-size:15px;color:var(--green)}.not-found h1{font-size:54px;margin-top:16px}.not-found p{margin-top:22px;color:var(--muted)}.not-found>div{display:flex;gap:12px;margin-top:28px}.notice{font-size:12px;margin-top:15px;padding:12px;background:var(--mint)}.bench-output.updated{animation:recipe-update .28s var(--ease)}@keyframes recipe-update{from{background:#365641}to{background:var(--terminal)}}
@media(min-width:1550px){.hero{padding-block:88px}.hero h1{font-size:66px}.hero-description{font-size:18px}.workbench{padding:26px}.bench-output{height:225px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:30px;grid-template-columns:.8fr 1.2fr;padding-block:54px}.hero h1{font-size:47px}.header nav{gap:21px}.header-action{display:none}.hero-description{font-size:14px}.workbench{padding:18px}.bench-actions .button{padding:10px 9px;font-size:10px}.manager-control button{padding-inline:6px}.section-note{display:none}.benefit-strip>.shell{gap:28px;font-size:10px}.kit-art{height:158px}.mini-window{transform:scale(.9)}.kit-entry:hover .mini-window{transform:scale(.9) translateY(-4px)}.kit-grid{gap:28px 20px}.article-layout{grid-template-columns:minmax(0,1fr) 195px;gap:48px}.article h1{font-size:35px}.package-list{grid-template-columns:repeat(2,1fr)}.footer-top>p{display:none}}
@media(max-width:780px){:root{--header-height:74px}.shell{width:calc(100% - 40px)}.header-inner{height:73px;gap:20px}.brand{font-size:22px}.brand-symbol{width:28px;height:28px;margin-right:7px}.brand-symbol svg{width:20px}.header nav{gap:18px;font-size:12px}.header nav a{padding-block:25px}.header nav a[aria-current]:after{bottom:16px}.hero{grid-template-columns:1fr;gap:30px;padding-block:40px}.hero-copy{padding-bottom:0}.hero h1{font-size:48px;line-height:1.3}.hero h1 br:nth-of-type(2){display:none}.hero-description{font-size:15px;margin-top:18px}.hero-link{margin-top:17px}.hero-detail{display:none}.workbench{padding:21px}.bench-settings>label{max-width:none}.bench-output{height:205px}.bench-actions .button{font-size:11px;padding:11px}.bench-fields label,.idea-label,.bench-settings>label{font-size:12px}.bench-fields input,.bench-fields select{font-size:14px}#projectIdea{font-size:13px}.bench-footnote{font-size:10px}.benefit-strip>.shell{justify-content:space-between;gap:15px;padding-block:15px;font-size:10px;flex-wrap:wrap}.benefit-strip span:nth-child(2){display:none}.section{padding-block:52px}.section-heading{margin-bottom:25px;gap:16px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px;line-height:1.9}.kit-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}.kit-art{height:155px}.kit-title h3{font-size:16px}.mini-window{transform:scale(.88)}.kit-entry:hover .mini-window{transform:scale(.88) translateY(-4px)}.kit-entry>p{font-size:11px}.kit-stack{font-size:9px}.kit-stack>span{font-size:9px}.guide-row{grid-template-columns:70px 1fr 18px;gap:10px;padding-block:22px}.guide-row h3{font-size:15px}.guide-row p{font-size:11px}.guide-category{font-size:10px}.tool-strip{grid-template-columns:repeat(2,1fr)}.tool-strip>a{padding-block:20px}.tool-strip>a:nth-child(2){border-right:0}.tool-strip>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.tool-strip>a:nth-child(3){padding-left:0}.tool-strip strong{font-size:14px}.closing{padding-block:40px}.closing h2{font-size:25px}.closing>.shell{gap:25px;align-items:start;flex-direction:column}.footer-top{gap:18px;flex-wrap:wrap;padding-bottom:25px}.footer-top>div{gap:20px;margin-left:0}.footer-bottom{font-size:9px;gap:12px}.kit-hero{padding-top:30px}.kit-hero h1{font-size:40px}.kit-hero h1 br{display:none}.kit-hero .hero-description{font-size:16px}.kit-scope{margin-top:22px;padding-block:16px}.kit-scope p{max-width:none}.kit-explainer{grid-template-columns:1fr;gap:30px;padding-block:35px}.page-intro{padding-top:40px}.page-intro h1{font-size:38px}.page-intro p{font-size:13px;line-height:1.9}.article-layout{display:block;padding-top:30px}.article-aside{display:none}.article h1{font-size:32px}.article-lead{font-size:15px!important;margin-top:24px!important}.article h2{font-size:21px}.article p{font-size:14px}.mobile-toc{display:block;background:var(--mint);padding:13px 16px;border-radius:8px;margin-top:25px;font-size:12px}.mobile-toc details{width:100%}.mobile-toc summary{cursor:pointer}.mobile-toc a{display:block;margin-top:10px}.article>section{margin-top:33px}.article-cta{padding:22px}.code-block pre{font-size:11px}.single-article{padding-block:45px 60px}.catalog-toolbar{flex-wrap:wrap;gap:9px}.catalog-search{flex-basis:100%}.category-select{flex:1}.category-select select{width:100%}.package-entry{padding:19px 17px}.package-list{gap:14px}.package-title h3{font-size:13px}.package-entry>p{font-size:11px}.package-category{font-size:9px}.install-command{font-size:9px}.comparison{padding:18px}.comparison .section-heading{align-items:start}.not-found h1{font-size:42px}}
@media(max-width:480px){:root{--header-height:68px}.shell{width:calc(100% - 36px)}.header-inner{height:67px;gap:10px}.brand{font-size:21px}.brand-symbol{width:25px;height:25px;border-radius:6px;margin-right:6px}.header nav{gap:15px;font-size:11px}.header nav a{padding-block:22px}.header nav a[aria-current]:after{bottom:13px}.hero{padding-top:31px;gap:25px}.hero h1{font-size:40px}.hero h1 br:nth-of-type(2){display:initial}.hero-description{font-size:13px;line-height:1.85}.hero-link{font-size:12px;gap:12px}.desktop-break{display:none}.workbench{padding:15px;border-radius:12px}.bench-top{font-size:11px;margin-bottom:14px}.bench-local{font-size:9px}.bench-fields{gap:10px}.bench-fields label,.idea-label,.bench-settings>label{font-size:10px}.bench-fields input,.bench-fields select{height:42px;font-size:16px;padding:7px}.bench-settings{gap:9px;align-items:end}.bench-settings select{font-size:10px;height:31px;padding-left:6px}.manager-control{gap:0;padding:2px}.manager-control button{font-size:10px;padding:5px 6px}#projectIdea{font-size:16px}.output-tabs{gap:19px;margin-top:17px}.output-tabs button{font-size:11px}.bench-output{padding:13px;height:195px}.output-caption{font-size:9px}.output-caption>span:last-child{font-size:8px}.bench-output pre,#briefOutput{font-size:10px}.bench-actions{gap:7px}.bench-actions .button{font-size:10px;padding:10px 7px;gap:6px}.bench-actions .button svg{width:13px;height:13px}.bench-actions small{display:none}.share-button{width:30px}.bench-footnote{font-size:8px}.benefit-strip>.shell{font-size:9px;gap:7px}.benefit-strip svg{width:13px}.section{padding-block:42px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:21px;line-height:1.5}.section-heading .text-link{font-size:10px;margin-top:6px;gap:5px}.section-heading p{font-size:11px}.kit-grid{gap:26px 15px}.kit-art{height:124px}.mini-window{transform:scale(.65);flex-shrink:0}.kit-entry:hover .mini-window{transform:scale(.65) translateY(-4px)}.preview-caption{font-size:7px;bottom:5px;right:7px}.kit-title{margin-top:12px}.kit-title h3{font-size:14px}.kit-title svg{width:14px}.kit-entry>p{font-size:10px;line-height:1.8;min-height:36px}.kit-stack{font-size:9px;gap:3px;margin-top:10px;padding-top:9px}.kit-stack>span{display:none}.guide-row{grid-template-columns:1fr 16px;gap:7px;padding-block:19px}.guide-category{grid-column:1;padding-top:0;font-size:9px}.guide-row>div{grid-column:1}.guide-row>.icon{grid-column:2;grid-row:2;width:16px}.guide-row h3{font-size:15px}.guide-row p{font-size:10px;line-height:1.85;margin-top:7px}.tool-strip strong{font-size:12px}.tool-strip span{font-size:10px}.tool-strip>a{padding-inline:12px}.tool-strip .icon{right:9px}.closing h2{font-size:23px}.closing p{font-size:12px}.footer{padding-top:30px}.footer-top>.brand{font-size:22px}.footer-top>div{width:100%;gap:22px;font-size:10px}.footer-bottom{flex-direction:column;gap:5px;font-size:9px}.kit-hero h1{font-size:34px}.kit-hero h1 br{display:block}.kit-hero .hero-description{font-size:14px}.breadcrumbs{font-size:10px;padding-top:22px;gap:9px}.kit-explainer h2{font-size:20px}.kit-explainer p,.kit-explainer li{font-size:12px}.page-intro h1{font-size:33px}.article h1{font-size:29px}.article-meta{font-size:10px;gap:15px}.article-lead{font-size:14px!important}.article h2{font-size:20px}.article p{font-size:13px;line-height:2}.code-block pre{font-size:10px;padding:14px}.article-cta h2{font-size:20px}.article-cta p{font-size:12px}.package-list{grid-template-columns:1fr}.package-title h3{font-size:16px}.package-entry>p{font-size:12px}.install-command{font-size:11px}.package-category{font-size:10px}.package-bottom{margin-top:17px}.catalog-count{font-size:10px;line-height:1.9}.comparison h2{font-size:18px}.reading-index .guide-row{padding-block:20px}}
.favorite,.copy-package{min-width:28px;min-height:28px}.copy-code{min-height:28px}.compare-label{min-height:24px}.manager-control button{min-height:30px}.output-tabs button{min-height:35px}

.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;display:flex;align-items:center;gap:13px;min-height:44px;padding:5px 0 5px 10px;font-size:12px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary svg{height:19px;width:19px}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 40px);background:var(--white);border:1px solid var(--line);border-radius:10px;padding:8px;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-nav nav a{padding:12px;font-size:12px;border-radius:5px}.mobile-nav nav a[aria-current]{background:var(--mint);color:var(--green-deep)}.mobile-nav nav a[aria-current]:after{display:none}.has-comparison{padding-bottom:90px}.compare-tray{position:fixed;z-index:60;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;padding:13px 16px;background:var(--white);border:1px solid var(--green);border-radius:12px;width:min(540px,calc(100% - 36px));font-size:12px}.compare-tray>span{margin-right:auto;white-space:nowrap}.compare-tray .button{min-height:44px;padding-inline:16px}.compare-tray .text-button{min-height:32px;white-space:nowrap}
@media(max-width:780px){.header .primary-nav{display:none}.mobile-nav{display:block}.header .mobile-nav nav{gap:4px}.header .mobile-nav nav a{padding:12px}.mobile-nav nav a[aria-current]:after{display:none}}
@media(max-width:480px){.compare-tray{gap:12px;font-size:11px;padding:10px 12px}.compare-tray .button{font-size:11px;padding-inline:10px}.mobile-nav nav{width:280px}}


.registry-search-button{height:44px;white-space:nowrap}.search-scope{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 25px}.registry-results{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.registry-results .section-heading{margin-bottom:13px;align-items:center}.registry-results h2,.curated-heading{font-size:22px}.registry-status{font-size:12px;color:var(--muted);margin-bottom:20px}.registry-results[aria-busy="true"] .registry-status{color:var(--green)}.registry-version{max-width:42%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;font-family:var(--mono);font-size:10px;white-space:nowrap;color:var(--muted);margin-top:3px}.registry-entry .package-title>a{flex:1}.registry-entry .package-bottom{align-items:center}.registry-entry>p{overflow-wrap:anywhere}.empty-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.registry-results .package-title h3{font-family:var(--font)}
@media(max-width:780px){.catalog-search{flex-basis:calc(100% - 125px)}.catalog-search input{font-size:16px}.registry-search-button{padding-inline:12px;font-size:12px}.registry-results h2,.curated-heading{font-size:20px}.registry-results .section-heading{gap:12px}.registry-results .text-link{white-space:normal;font-size:11px}.search-scope{font-size:11px}.registry-status{font-size:11px;line-height:1.9}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}