/* Neutral platform shell. Color is reserved for interactive controls and resource types. */
.resource-card button.card-title{display:flex;justify-content:space-between;text-align:left}
:root{--ink:#202431;--muted:#8a8e9a;--green:#315efb;--lime:#e9edff;--line:#e9ebf1;--bg:#f8f9fc;--rail:#fff;color:var(--ink)}
body{background:#f8f9fc}button{border-color:#e2e5ed;border-radius:7px;font-size:12px}button:hover{background:#f2f5fc}.primary{background:#315efb;color:#fff;border-color:#315efb}.primary:hover{background:#234cdf}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:7px;font-size:12px}.sidebar{width:210px;background:#fff;color:#747986;border-right:1px solid #e8eaf0;padding:32px 20px 20px}.workspace-main{margin-left:210px}.brand{color:#151923;font-size:29px;letter-spacing:-1.5px}.brand-mark{color:#315efb}.brand-mark span{background:white}.brand small{color:#9ba0ac;letter-spacing:2px;font-size:10px}.nav-label{color:#acb0bd;letter-spacing:1.4px;font-size:9px;margin-top:46px}nav a{padding:13px 12px;font-size:13px;color:#727886;margin:8px 0}nav a>span{font-size:20px}nav a.active{color:#315efb;background:#eef2ff;font-weight:550}nav a:hover:not(.active){background:#f7f8fb}nav a b,nav a.active b{background:#e6ebfb;color:#6e81b3}.sidebar-note{color:#747b8b;font-size:11px}.sidebar-note p{color:#a0a5b0;font-size:10px}.sidebar-note small{color:#b3b7c0;font-size:8px}.mini-dot{background:#4774fc}.tiny-line{background:#e9ecf3}.workspace{border-color:#e9ecf3;color:#5c6270}.workspace small{color:#a0a6b2}.avatar,.top-avatar{background:#edf1ff;color:#4d6bce;border:1px solid #e4e9fc;border-radius:8px}.topbar{height:69px;background:#fff;padding:0 36px}.breadcrumb{color:#9398a4}.breadcrumb strong{color:#424857}.breadcrumb span{color:#c6cad3}.text-button{color:#797f8e}.demo-badge{background:#f4f5f8;border-color:#e7e9f0;color:#9196a2;font-size:10px}.top-actions{gap:17px}.top-actions .text-button{font-size:11px}main{padding:32px 36px 25px}.resource-page{max-width:1640px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button .icon{width:16px;height:16px}button:has(.icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a5b9fe;outline-offset:3px}.eyebrow{color:#a0a6b4;font-size:10px;letter-spacing:2px}h1{letter-spacing:-.8px}.market-title{display:flex;align-items:center;justify-content:space-between;margin:3px 0 28px;gap:16px}.market-title h1{font-size:30px;line-height:1.2;margin:10px 0}.market-title p{color:#8b919e;font-size:12px;margin:0;line-height:1.6}.title-dot{color:#315efb;margin-left:4px}.market-title>button{padding:11px 16px;background:#fff}.resource-hero{border:1px solid #e6eaf5;background:#f0f3fa;display:grid;grid-template-columns:1.05fr 1fr;min-height:299px;border-radius:13px;overflow:hidden;margin-bottom:30px}.hero-copy{padding:31px 34px 25px;position:relative;z-index:1}.hero-kicker{font-size:11px;color:#6e7c9c;letter-spacing:.6px}.hero-copy h2{font-size:29px;font-weight:600;line-height:1.55;letter-spacing:-.5px;margin:13px 0 11px;color:#273247}.hero-copy p{color:#8390a6;font-size:11px;line-height:1.9;margin:0 0 18px}.hero-copy>.primary{padding:11px 15px;font-size:11px}.hero-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:#97a1b5;margin-top:15px}.hero-foot .icon{width:12px;height:12px}.chain-art{position:relative;min-height:299px;align-self:stretch}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#c2ccdf 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to right,transparent,black 30%,black 80%,transparent);opacity:.6}.art-pill{position:absolute;left:30px;top:26px;display:flex;align-items:center;gap:7px;color:#637796;font-size:10px;border:1px solid #dfe5f0;border-radius:6px;padding:6px 9px;background:#f6f8fd}.art-pill .icon{width:13px;height:13px}.art-pill span{color:#a0acc2;border-left:1px solid #dce3f0;padding-left:8px}.art-node{position:absolute;display:flex;align-items:center;gap:12px;background:white;box-shadow:0 6px 16px #475e9810;border:1px solid #e4e9f5;border-radius:9px;padding:14px 16px;min-width:228px}.art-node>.icon{width:32px;height:32px;background:#eef2ff;border-radius:8px;padding:7px;color:#4b71e8}.art-node small{display:block;font-size:8px;letter-spacing:.5px;color:#9aa7bf;margin-bottom:5px}.art-node strong{font-size:11px;color:#425372;font-weight:550}.art-node b{margin-left:auto;color:#b9c5df;font-size:11px}.node-button{left:26px;top:77px}.node-event{left:123px;top:164px}.node-event>.icon{background:#f3f0ff;color:#8c78bd}.node-template{left:216px;top:248px}.node-template>.icon{background:#fff4e9;color:#c59153}.art-caption{position:absolute;left:36px;bottom:22px;font-size:9px;color:#95a3bb}.art-caption span{display:inline-block;background:#a9bdf1;border-radius:50%;width:5px;height:5px;margin-right:5px}.connector{position:absolute;inset:48px 0 0;width:100%;height:260px;fill:none;stroke:#bac9ed;stroke-width:1.3;stroke-dasharray:4 4}.resource-hero{min-height:356px}.market-filter{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e7eaf1;padding-bottom:0}.resource-tabs{display:flex;gap:19px;flex-wrap:wrap}.resource-tabs button{border:0;border-radius:0;background:transparent;color:#9297a3;font-size:12px;padding:12px 0 19px;position:relative}.resource-tabs button.active{color:#315efb;font-weight:550}.resource-tabs button.active:after{content:'';height:2px;background:#315efb;position:absolute;left:0;right:0;bottom:-1px}.resource-tabs small{font-size:9px;padding:1px 5px;border-radius:4px;margin-left:6px;color:#6b83c5;background:#e9efff}.search{border-color:#e4e8f1;border-radius:7px;padding:9px 11px;gap:7px;color:#a3a9b6}.search .icon{width:15px;height:15px}.search input{font-size:11px;width:190px;color:#454f66}.search input::placeholder{color:#a8afbd}.market-filter>.search{margin-bottom:13px}.resource-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 17px;color:#949baa;font-size:11px}.resource-list-head strong{font-size:13px;color:#535b6b;font-weight:550;margin-right:10px}.resource-list-head select{border:0;background:transparent;color:#7f8798;font-size:11px;margin-left:4px;cursor:pointer}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.resource-card{border:1px solid #e6e9f0;border-radius:11px;background:white;padding:21px 22px 0;transition:box-shadow .2s,transform .2s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #38539d0b;border-color:#d9e1f6}.resource-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.resource-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.resource-icon .icon{width:23px;height:23px}.blue{color:#4f77e2;background:#edf2ff}.violet{color:#9176c6;background:#f4f0fc}.orange{color:#cf995d;background:#fcf4eb}.type-badge{background:#f5f6f9;color:#969cab;border:1px solid #edf0f5;border-radius:4px;font-size:9px;padding:3px 7px;white-space:nowrap}.card-title{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0;border:0;background:transparent;font-size:15px;font-weight:550;color:#313948;width:100%;letter-spacing:-.3px}.card-title .icon{width:15px;color:#bdc5d5;opacity:0}.resource-card:hover .card-title .icon{opacity:1}.card-title:hover{background:transparent}.resource-card>p{font-size:11px;line-height:1.9;color:#979daa;min-height:42px;margin:10px 0 15px}.node-chips{display:flex;flex-wrap:wrap;gap:5px;min-height:45px;align-content:flex-start;padding-bottom:16px}.node-chips span{font-size:9px;padding:3px 6px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:4px;color:#8b94a6}.resource-card-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #f0f2f6;gap:8px}.resource-card-footer>span{font-size:9px;color:#8993a6;display:flex;align-items:center;gap:5px}.resource-card-footer small{font-size:9px;color:#b1b7c3}.official{font-style:normal;color:white;background:#354055;font-size:7px;display:grid;place-items:center;width:13px;height:13px;border-radius:4px}.resource-card-footer button{padding:0;border:0;background:transparent;color:#5c78bd;font-size:10px}.market-bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#a7adba;margin:30px 0 0;line-height:1.8}.market-bottom-note .icon{width:14px}.resource-page .empty{border-color:#e1e6f0;background:white}.resource-page .empty .resource-icon{margin:auto}.resource-page .empty h2{font-size:18px}.resource-page .empty .button{margin-top:14px}footer{color:#b0b5c1;font-size:9px;border-top:0;padding-left:36px;padding-right:36px}dialog{border-color:#e1e6f0;color:#3c4558;border-radius:13px;width:min(1030px,94vw)}dialog::backdrop{background:#18263d66;backdrop-filter:blur(4px)}.modal-head{background:#fff;border-color:#ecedf3;padding:20px 26px}.modal-head h2{font-size:14px}.modal-head p{color:#a1a8b5;font-size:10px}.modal-head .close-button{color:#a0a8b8}.resource-detail-head{padding:27px 30px;display:flex;align-items:center;gap:17px}.resource-detail-head .resource-icon{width:62px;height:62px;border-radius:14px}.resource-detail-head .resource-icon .icon{width:30px;height:30px}.resource-detail-head h1{font-size:23px;margin:6px 0 8px}.detail-type{font-size:10px;color:#8b96aa}.resource-detail-head span{font-size:10px;color:#7b89a2}.resource-detail-head span i{font-style:normal;background:#edf1ff;color:#5378d9;margin:0 8px;border-radius:100%;padding:1px 3px}.resource-detail-head span small{color:#a2aab9}.detail-layout{display:grid;grid-template-columns:1fr 275px;border-top:1px solid #eceef4}.detail-main{padding:0 28px 28px;min-height:420px}.detail-tabs{display:flex;gap:24px;border-bottom:1px solid #e9edf6}.detail-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#9aA3b3;padding:18px 0 14px;font-size:12px}.detail-tabs button.active{border-bottom-color:#315efb;color:#315efb}.detail-tab-content{padding-top:25px}.detail-tab-content>h3{font-size:15px}.detail-tab-content>p{font-size:12px;color:#8d98aa}.overview-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#f6f8fc;padding:23px 16px;border:1px solid #ecf0f7;border-radius:8px;margin:22px 0 28px}.overview-flow span{font-size:11px;color:#657b9f}.overview-flow .icon{width:16px;margin-right:4px}.overview-flow b{font-size:11px;color:#b7c3d9}.benefits{list-style:none;padding:0;font-size:12px;line-height:2.8;color:#8c97a8}.benefits li:before{content:'✓';color:#5b82db;margin-right:10px}.detail-aside{background:#fafbfe;border-left:1px solid #eceff6;padding:25px}.detail-aside h3{font-size:13px}.price-free{font-size:24px;margin:17px 0 18px;color:#2a3446}.price-free small{font-size:9px;color:#a2abbb;font-weight:400;margin-left:6px}.detail-aside dl{line-height:2.9;font-size:11px;margin:0 0 22px}.detail-aside dt{float:left;color:#9aa4b6}.detail-aside dd{text-align:right;margin:0;color:#6c7990}.detail-aside>button{width:100%;margin-bottom:10px;font-size:11px}.detail-aside>p{font-size:9px;color:#8e9cb6;display:flex;align-items:center;gap:4px}.detail-aside>p .icon{width:12px}.detail-aside>small{font-size:10px;color:#aab2c0;line-height:1.9;display:block;margin-top:18px}.dependency-list{padding:4px 0}.dependency-node{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5eaf4;border-radius:8px;background:white}.dep-index{font-size:10px;color:#b4becf;min-width:15px}.dep-symbol{background:#eef3ff;color:#6287df;border-radius:7px;padding:8px;display:flex}.dep-symbol.builtin{background:#f4f3f8;color:#9a8bac}.dep-body{min-width:0}.dep-body strong{font-size:12px;font-weight:550;display:block}.dep-body small{display:block;font-size:10px;color:#9ba6b8;margin:5px 0;line-height:1.5}.dep-body code{font-size:9px;color:#a7b3ca;word-break:break-all}.dep-status{margin-left:auto;font-size:9px;color:#8196bf;white-space:nowrap}.dep-connector{height:17px;color:#b9c8e4;font-size:12px;margin-left:52px;line-height:17px}.notice{background:#f5f7fc;border:1px solid #e8edf7;color:#8a99b2;font-size:11px;line-height:1.9;padding:13px 16px;border-radius:7px;margin:20px 0}.notice.warning{background:#fff9ee;border-color:#f1e8d5;color:#b19870}.version-row{padding:20px;border:1px solid #e9edf4;border-radius:8px}.version-row b{font-size:14px;margin-right:10px}.version-row time{float:right;font-size:10px;color:#a2acc0}.version-row p{font-size:12px;color:#909eb4;margin-bottom:0}.resource-paper{background:#f0f3fa;padding:25px;display:flex;justify-content:center}.resource-paper iframe{background:white;border:1px solid #e4e9f3;width:640px;height:500px}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:32px;margin:28px 20px;color:#b5bfd0;font-size:12px}.wizard-steps span{display:flex;align-items:center;gap:8px}.wizard-steps b{border-radius:50%;background:#f2f5fa;border:1px solid #e7edf7;width:24px;height:24px;display:grid;place-items:center;font-size:10px}.wizard-steps .active{color:#4c75d5}.wizard-steps .active b{background:#edf2ff;border-color:#dbe6ff}.wizard-steps i{font-style:normal;color:#d3ddec}.wizard-body{max-width:680px;margin:auto;padding:2px 28px 24px}.selected-package{display:flex;align-items:center;gap:12px;padding:17px;background:#f7f9fc;border:1px solid #e6edf7;border-radius:8px;margin-bottom:25px}.selected-package>.icon{width:30px;height:30px;color:#4d76d8}.selected-package strong{font-size:13px;display:block}.selected-package small{font-size:10px;color:#9aabc4;margin-top:5px;display:block}.field-label{display:block;color:#70829d;font-size:11px;margin:20px 0}.field-label input,.field-label select{display:block;width:100%;margin-top:9px;border:1px solid #dfe6f3;border-radius:7px;padding:11px 12px;background:white;color:#4e6384;font-size:12px}.wizard-footer{border-top:1px solid #e9edf5;padding:17px 25px;display:flex;justify-content:flex-end;gap:10px;background:#fcfdff}.wizard-footer button{font-size:11px}.check-heading{display:flex;align-items:center;gap:13px;margin:5px 0 20px}.check-heading>.icon{width:30px;height:30px;color:#6386d1}.check-heading h3{font-size:15px}.check-heading p{font-size:10px;color:#9daac0;margin:5px 0 0}.check-agreement{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c9bb4;line-height:1.7;margin-top:20px}.check-agreement input{accent-color:#315efb}.install-success{text-align:center;padding:30px 0}.install-success>div:first-child{width:60px;height:60px;margin:0 auto 22px;border-radius:50%;background:#edf3ff;border:1px solid #dce7ff;color:#5480e2;display:grid;place-items:center;font-size:28px}.install-success h2{font-size:19px}.install-success p{color:#8d9cb4;font-size:12px}.install-success>small{color:#a5b2c7;font-size:11px}.success-summary{display:flex;justify-content:center;gap:25px;margin:30px 0 0;color:#7089b3;font-size:11px}.installed-table{margin:25px 0;border-color:#e7ecf6;overflow:auto}.installed-table table{min-width:720px}.installed-table td{padding:23px;color:#7d8da7;border-color:#eff2f8;font-size:11px}.installed-table th{background:#fbfcfe;color:#99a6bd;font-size:10px}.installed-table strong{display:block;color:#566b8a;font-size:12px;font-weight:500}.installed-table small{display:block;color:#a4b0c4;margin-top:6px;font-size:10px}.installed-table button{font-size:10px;padding:5px 9px}.type-badge.review{color:#a9936d;background:#fffbf1;border-color:#f4ebd8}#toast{background:#293951;color:#f4f7ff}.metric{border-color:#e6ebf4}.metric-icon{background:#edf2ff;color:#6385c9}.metric-label,.metric-foot{color:#8c9db4}.metric-foot span{color:#678acd}.chart-panel{background:#202d48;color:#edf3ff}.chart-panel svg polyline{stroke:#81a3ff}.chart-panel svg circle{fill:#81a3ff}.chart-panel svg line{stroke:#3c4a68}.chart-panel svg text{fill:#7f91b4}.chart-panel svg polygon{fill:#426ccc;opacity:.12}.chart-panel .panel-head small,.chart-caption,.chart-total small{color:#8ea5cd}.chart-panel .dot{background:#87abff}.category-top span:last-child{color:#8d9cb5}.bar-track{background:#f2f5fa}.city .bar-fill{background:#dae4fc}.city small{color:#8a9db9}.city .bar-track{background:#f3f6fc}.rank.top,.link{color:#5e80c5}.callout{color:#95a2b7}.metric-value small{color:#8495af}.library-note{background:#f5f8fd;border-color:#e5edf9;color:#8c9fbf}
@media(min-width:1600px){.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chain-art{max-width:620px}.node-button{left:45px}.node-event{left:183px}.node-template{left:310px}.hero-copy h2{font-size:33px}}
@media(max-width:1180px){.sidebar{width:185px;padding-left:13px;padding-right:13px}.workspace-main{margin-left:185px}main{padding:26px}.topbar{padding:0 26px}.resource-card{padding:18px 17px 0}.resource-card-footer>span small{display:none}.resource-hero{grid-template-columns:1fr 1fr}.hero-copy{padding:28px 25px}.hero-copy h2{font-size:26px}.node-button{left:4px}.node-event{left:48px}.node-template{left:100px}.art-node{min-width:214px;padding:12px}.art-pill{left:8px}.art-caption{left:8px}.resource-tabs{gap:14px}.search input{width:150px}.resource-tabs button{font-size:11px}}
@media(max-width:980px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-art{display:none}.resource-hero{grid-template-columns:1fr;min-height:0}.hero-copy h2 br{display:none}.hero-copy{padding:25px 28px}.hero-copy p br{display:none}.hero-copy .hero-foot{display:inline-flex;margin-left:15px}.market-filter{align-items:flex-start;flex-direction:column;gap:7px}.market-filter>.search{width:100%}.market-filter input{width:100%}.detail-layout{grid-template-columns:1fr 235px}.detail-aside{padding:20px}.detail-main{padding:0 20px 20px}}
@media(max-width:850px){.sidebar{width:74px;padding:25px 10px}.workspace-main{margin-left:74px}nav a{font-size:0;padding:14px;gap:0}.detail-layout{grid-template-columns:1fr}.detail-aside{border-left:0;border-top:1px solid #e8eef9}.detail-main{min-height:0}.resource-detail-head h1{font-size:19px}.resource-card-footer small{display:none}.market-title h1{font-size:26px}.resource-detail-head{padding:22px}.wizard-steps{gap:14px;font-size:10px}.wizard-body{padding:0 20px 20px}}
@media(max-width:560px){main{padding:22px 16px}.topbar{padding:0 14px}.resource-grid{grid-template-columns:1fr}.market-title{align-items:flex-start}.market-title p{font-size:11px;max-width:160px}.market-title>button{font-size:10px;padding:9px}.market-title h1{font-size:25px}.hero-copy{padding:24px 21px}.hero-copy h2{font-size:23px}.hero-copy h2 br{display:block}.hero-copy .hero-foot{margin-left:0;display:flex}.hero-kicker{font-size:10px}.resource-tabs{gap:13px}.resource-tabs button{font-size:10px;padding-bottom:12px}.resource-tabs small{display:none}.resource-list-head{font-size:10px}.resource-list-head strong{font-size:11px;display:block;margin-bottom:5px}.resource-list-head label{white-space:nowrap}.resource-list-head select{max-width:85px;font-size:10px}.resource-list-head>span>span{font-size:9px}.market-bottom-note{align-items:flex-start;font-size:9px}.resource-detail-head{gap:11px;padding:18px}.resource-detail-head .resource-icon{width:43px;height:43px}.resource-detail-head h1{font-size:17px}.resource-detail-head span small{display:block;margin-top:5px}.dep-index{display:none}.dep-status{font-size:8px}.dep-body small{font-size:9px}.dep-body strong{font-size:11px}.dependency-node{padding:10px;gap:8px}.dep-symbol{padding:5px}.dep-connector{margin-left:24px}.wizard-steps{gap:7px;margin:22px 10px}.wizard-steps span{gap:4px}.wizard-footer{padding:14px;gap:6px}.wizard-footer button{font-size:10px;padding:9px}.success-summary{gap:10px;font-size:10px}.install-success h2{font-size:16px}.version-row time{float:none;display:block;margin-top:8px}.overview-flow{gap:8px;padding:15px 10px}.overview-flow span{font-size:10px}.resource-paper{padding:12px}}