.tool-card-wrap{position:relative;min-width:0}.tool-card-wrap .tool-card{height:100%}.card-fav{position:absolute;right:14px;top:14px;width:30px;height:30px;border:1px solid #414954;border-radius:50%;background:#1b1f24;color:#8f99a5;font-size:16px;line-height:1;cursor:pointer}.card-fav.is-fav{color:#f0c978;border-color:#806d43}.empty-state{grid-column:1/-1;padding:48px 20px;text-align:center;color:#7e8791;background:var(--panel);border:1px dashed #3b434e;border-radius:8px}.archive-head{padding:58px 42px 22px;max-width:900px}.archive-head h1,.search-layout h1,.insights-layout h1,.rank-layout h1{margin:0;font-size:38px;line-height:1.2}.archive-head>p:not(.section-kicker),.page-lede{max-width:650px;color:var(--muted);line-height:1.8}.archive-search{margin-top:26px;max-width:720px}.archive-content{padding-top:25px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.filter-tabs,.segmented{display:flex;flex-wrap:wrap;gap:7px}.filter-tab{padding:9px 13px;border:1px solid #39414b;border-radius:5px;background:transparent;color:#8d97a3;cursor:pointer;text-decoration:none;font:inherit}.filter-tab:hover,.filter-tab.active{border-color:var(--accent);background:#20362f;color:var(--accent-2)}.result-count{color:#77818d;font-size:12px}.robot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.robot-card-art{background:radial-gradient(circle at 30% 30%,#557f76,#263b39 70%);color:#8ee6c8}.robot-stats{display:flex;gap:40px;margin-top:28px;color:#89939e;font-size:12px}.robot-stats b{margin-right:6px;color:var(--text);font-size:25px}.rank-layout,.search-layout,.insights-layout{padding:52px 42px;max-width:1180px}.rank-layout>.section-heading{align-items:flex-start}.rank-layout .page-lede{margin:10px 0 0}.trend-down{color:#d99486}.search-layout>.search-box{margin-top:24px}.search-results-section{padding:44px 0}.search-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.insights-layout>.section-heading{align-items:flex-start}.insight-list{display:grid;gap:14px;max-width:900px}.insight-row{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px 28px;background:var(--panel);border:1px solid #303640;border-radius:8px}.insight-row:hover{border-color:#46505b}.insight-index{color:#55616e;font-size:22px}.insight-row h2{margin:8px 0;font-size:21px}.insight-row p{margin:0 0 13px;color:var(--muted);line-height:1.7}.insight-type,.read-time{color:var(--accent);font-size:11px}.level-badge,.status-pill{padding:7px 10px;border-radius:4px;font-size:11px}.level-badge{background:#28483e;color:var(--accent-2)}.growth-overview{margin-top:20px;padding:24px;background:var(--panel);border:1px solid #303640;border-radius:8px}.growth-overview small,.growth-overview span{display:block;color:#7c8792;font-size:11px}.growth-overview strong{display:block;margin:7px 0;font-size:34px}.progress-track{height:7px;margin-top:20px;background:#303740;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.milestone-grid article{display:grid;gap:7px;padding:20px;background:var(--panel);border:1px solid #303640;border-radius:8px}.milestone-grid span{color:var(--accent);font-size:21px}.milestone-grid small,.activity-list p{color:#7c8792;font-size:12px}.activity-list{margin-top:28px}.activity-list h2{font-size:19px}.activity-list p{padding:13px 0;border-bottom:1px solid var(--line)}.activity-list time{display:inline-block;width:72px;color:#59636f}.submission-list{display:grid;gap:12px}.submission-card{display:flex;align-items:center;justify-content:space-between;padding:19px;background:var(--panel);border:1px solid #303640;border-radius:8px}.submission-card div{display:grid;gap:7px}.submission-card span{color:#7e8792;font-size:11px}.status-pill.pending{background:#4a3e28;color:#f0cb82}.status-pill.approved{background:#24453a;color:var(--accent-2)}dialog{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid #454d58;border-radius:8px;background:var(--panel);color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.65)}dialog form{display:grid;gap:15px;padding:24px}dialog label{display:grid;gap:7px;color:#8b95a0;font-size:12px}dialog input,dialog textarea{padding:11px;border:1px solid #3c444f;border-radius:5px;background:#1b1f24;color:var(--text);font:inherit}dialog textarea{min-height:110px;resize:vertical}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:none;color:#9aa4af;font-size:24px;cursor:pointer}.secondary-action,.primary-action{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:5px;font:inherit;cursor:pointer;text-decoration:none}.primary-action{border:0;background:var(--accent);color:#10261f;font-weight:700}.secondary-action{border:1px solid #49515c;background:transparent;color:#b6bec7}.category-head{padding-bottom:42px}@media(max-width:1050px){.tool-grid,.search-results-grid,.robot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-grid{grid-template-columns:1fr}.rank-layout,.search-layout,.insights-layout{padding:38px 24px}}@media(max-width:780px){.topbar{padding:0 18px}.archive-head,.content-section{padding-left:18px;padding-right:18px}.archive-head h1,.search-layout h1,.insights-layout h1,.rank-layout h1{font-size:30px}.tool-grid,.search-results-grid,.robot-grid{grid-template-columns:1fr}.filter-bar{align-items:flex-start;flex-direction:column}.insight-row{grid-template-columns:1fr;gap:8px}.rank-row{grid-template-columns:48px 1fr 75px 70px 0}.rank-row>span:last-child{display:none}}
.mobile-spacer{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Acceptance fixes: keep the shared shell and homepage inside the viewport. */
.main-content{min-width:0;overflow-x:hidden}
.home-promos{grid-template-columns:repeat(3,minmax(0,1fr));width:auto;max-width:none;margin:30px 15px 0;padding:0;gap:30px}
.news-promo{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:start;margin:30px 15px 0;padding:16px 18px;border:1px solid #2a3c3b;border-radius:6px;background:#202f31;color:var(--text);text-decoration:none}
.news-promo h2{margin:6px 0 0;font-size:16px}.news-promo time{align-self:center;color:#a7bbb7;font-size:11px}.news-promo .news-row{margin-top:15px;padding-top:12px}
.catalog-tabs{align-items:center}.catalog-more{flex:0 0 auto;padding:10px 15px;border:1px solid #2c333d;border-radius:6px;background:#20242a;color:#929ca7;font:inherit;font-size:12px;cursor:pointer}.catalog-more:hover,.catalog-more[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-2)}.catalog-extra-tab{display:none}.catalog-tabs.is-expanded .catalog-extra-tab{display:inline-flex}
.promo-dropdown{min-width:100%;padding:14px 16px}.promo-detail-list{display:grid;gap:7px}.promo-detail-list span{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px}.promo-detail-list span b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#365a53;color:#baf2df;font-size:10px}.promo-detail-list span em{overflow:hidden;color:#d8e8e3;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.promo-detail-list span small{color:#e5c77e;font-size:10px}.promo-detail-link{display:inline-flex;margin-top:4px;color:#9ce4cf;font-size:11px;text-decoration:none}
.banner-controls{position:absolute;right:16px;bottom:13px;z-index:4;display:flex;align-items:center;gap:8px}.banner-controls>button,.banner-controls>div>button{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(220,242,255,.35);border-radius:50%;background:rgba(18,35,61,.55);color:#d2ecff;cursor:pointer}.banner-controls>div{display:flex;gap:5px}.banner-controls>div>button{width:6px;height:6px;padding:0;border:0;background:#7d94ae}.banner-controls>div>button.active{background:#b9e3ff;transform:scale(1.35)}
.search-panel{position:fixed;inset:0;z-index:80;display:none}.search-panel.is-open{display:block}.search-panel-backdrop{position:absolute;inset:0;background:rgba(7,11,15,.78);backdrop-filter:blur(8px)}.search-panel-dialog{position:relative;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 70px);margin:35px auto 0;overflow:auto;padding:30px;background:#171d22;border:1px solid #3c4c51;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.search-panel-head{display:flex;align-items:flex-start;justify-content:space-between}.search-panel-head h2{margin:0;color:#e8efec;font-size:27px}.search-panel-close{border:0;background:transparent;color:#9aa8a8;font-size:28px;cursor:pointer}.search-panel-form{display:flex;align-items:center;height:56px;margin-top:24px;border:1px solid #49645d;border-radius:6px;background:#202a2b}.search-panel-form>span{padding:0 14px;color:#69e3bd;font-size:23px}.search-panel-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e8efec;font:inherit}.search-panel-form button{height:40px;margin-right:8px;padding:0 18px;border:0;border-radius:4px;background:#5ad5c0;color:#10261f;font-weight:700;cursor:pointer}.search-panel-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.search-panel-columns section{min-width:0}.search-panel-columns h3{margin:0 0 12px;color:#a9d3c7;font-size:13px}.search-panel-hot{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#303b3d}.search-panel-hot button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 12px;border:0;background:#20282b;color:#d9e5e2;text-align:left;cursor:pointer}.search-panel-hot button:hover{background:#263b36}.search-panel-hot b{color:#6c9c91;font-size:11px}.search-panel-hot em{color:#dfbf73;font-size:10px;font-style:normal}.search-panel-products{display:grid;gap:1px;background:#303b3d}.search-panel-products a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;background:#20282b;color:#d9e5e2;text-decoration:none}.search-panel-products a:hover{background:#263b36}.search-panel-products a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#70d9b9;color:#15372e;font-size:12px;font-weight:700}.search-panel-products small{color:#e2c77d}.search-panel-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-panel-quick a{padding:10px 12px;border:1px solid #38484a;color:#a9c9c1;text-decoration:none;font-size:12px}.search-panel-quick a:hover{border-color:#62d7b8;color:#d7f4e9}.search-panel-open{overflow:hidden}
.auth-dialog,.welcome-dialog{display:grid;gap:16px;padding:26px}.auth-dialog h2,.welcome-dialog h2{margin:0;font-size:21px}.auth-dialog .dialog-head,.welcome-dialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.auth-dialog .dialog-head button,.welcome-dialog .dialog-head button{border:0;background:transparent;color:#9aa4af;font-size:25px;cursor:pointer}.auth-qr{display:grid;place-items:center;min-height:145px;border:1px dashed #4d635e;background:repeating-linear-gradient(45deg,#202d2d,#202d2d 8px,#263936 8px,#263936 16px);color:#b9e8db;text-align:center}.auth-qr small,.auth-note{color:#7f8d8d;font-size:11px}.auth-dialog label{display:grid;gap:7px;color:#9aa7a4;font-size:12px}.auth-dialog input{width:100%;padding:11px;border:1px solid #3c4e4b;border-radius:5px;background:#1b2325;color:#e9efec;font:inherit}.welcome-dialog{width:min(600px,calc(100vw - 32px));background:#182527}.welcome-lede{margin:0;color:#b2d2c9}.welcome-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.welcome-benefits div{display:grid;gap:7px;padding:16px 13px;border:1px solid #2e4c47;background:#203330}.welcome-benefits b{color:#aaf0dc;font-size:13px}.welcome-benefits span{color:#91aaa5;font-size:11px;line-height:1.6}
.welcome-visual{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #2e4c47;background:#1d302f}.welcome-visual img{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#0c1617}.welcome-visual span{color:#b4f0df;font-size:18px;font-weight:700}
@media(max-width:780px){.welcome-visual img{width:50px;height:50px}.welcome-visual span{font-size:16px}}
.robot-support-badge{display:inline-flex;margin-top:22px;padding:5px 9px;border:1px solid #3f6c61;border-radius:4px;color:#95d8c6;font-size:10px}
.robot-view-tabs{display:flex;gap:8px;margin:20px 0 12px}.robot-view-tabs button{padding:10px 18px;border:1px solid #3b484b;background:transparent;color:#8d9b9a;font:inherit;cursor:pointer}.robot-view-tabs button.active{border-color:#64d9b8;background:#26453d;color:#b8f2e2}
@media(min-width:1051px){.home-promos{grid-template-columns:repeat(3,minmax(0,1fr));width:auto}.news-promo{margin-left:15px;margin-right:15px}.home-promos .mini-promo{min-width:0}}
@media(max-width:780px){.home-promos{grid-template-columns:1fr;width:auto;margin:18px 18px 0;padding:0;gap:12px}.news-promo{grid-template-columns:1fr;margin:18px 18px 0;padding:14px}.news-promo time{margin-top:8px}.news-promo .news-row{grid-template-columns:39px 1fr}.news-promo .news-row b:nth-of-type(2),.news-promo .news-row span:last-child{display:none}.catalog-tabs{overflow-x:auto}.catalog-tabs.is-expanded{flex-wrap:wrap;overflow:visible}.catalog-more{padding:8px 11px;font-size:11px}.catalog-extra-tab{padding:8px 11px;font-size:11px}.search-panel-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:12px auto 0;padding:20px}.search-panel-head h2{font-size:22px}.search-panel-columns{grid-template-columns:1fr;gap:24px}.search-panel-hot{grid-template-columns:1fr 1fr}.welcome-benefits{grid-template-columns:1fr}.robot-view-tabs{margin-top:12px}.robot-support-badge{margin-top:14px}.banner-controls{right:11px;bottom:10px}}

/* Search panel parity: show counts for quick entries and live-trend context. */
.search-panel-quick a,.search-panel-scenes a{display:grid;gap:4px}.search-panel-quick small,.search-panel-scenes small{color:#788f8a;font-size:10px}.search-panel-scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-panel-scenes a{padding:10px 12px;border:1px solid #38484a;color:#a9c9c1;text-decoration:none;font-size:12px}.search-panel-scenes a:hover{border-color:#62d7b8;color:#d7f4e9}.search-panel-scenes a small{color:#dfbf73}
@media(max-width:780px){.search-panel-scenes{grid-template-columns:1fr}}

/* Detail parity and the shared icon system. */
.nav-icon,.mobile-tabbar .nav-icon{display:block;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-item{display:flex;align-items:center}.nav-item>.nav-icon{width:18px;height:18px}.header-channel-title{display:inline-block;transition:transform .25s ease,opacity .25s ease}.header-channel-title.is-changing{transform:translateY(-5px);opacity:.25}
.tool-detail-product-placeholder,.robot-detail-product-placeholder{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;border:1px solid #303f40;background:radial-gradient(circle at 50% 35%,#34574f,#222c2e 70%);color:#a7e5d2;text-align:center}.tool-detail-product-placeholder b,.robot-detail-product-placeholder b{font-size:34px}.tool-detail-product-placeholder span,.robot-detail-product-placeholder span{font-size:12px}.tool-detail-product-placeholder small,.robot-detail-product-placeholder small{color:#7f9290;font-size:10px}
.robot-radar-card{display:grid;gap:14px}.robot-radar-card h3{margin-bottom:0}.robot-radar{display:grid;gap:12px}.robot-radar-row{display:grid;grid-template-columns:60px 1fr 27px;align-items:center;gap:8px;color:#9aa8a7;font-size:10px}.robot-radar-row i{height:7px;overflow:hidden;border-radius:99px;background:#303b3c}.robot-radar-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#398f78,#78e0bd)}.robot-radar-row em{color:#86d5c0;font-size:10px;font-style:normal;text-align:right}.robot-radar-card>.detail-muted{margin:0;color:#738583;font-size:10px}
@media(min-width:1051px){
  .header-channel{width:auto;height:auto;margin-right:22px;padding:0;border:0;border-radius:0;background:transparent;color:#e5e8e8;font-size:15px;font-weight:600}
  .header-channel .channel-icon{display:none}
  .user-button>span:not(.avatar){display:inline-flex}.user-button .avatar{width:32px;height:32px;border:1px solid #d9e9e3;background:#204c43;color:#9aefd8;font-size:13px}
  .tool-detail-product-placeholder{height:227px}.robot-detail-product-placeholder{position:absolute;z-index:0;left:252px;top:103px;width:336px;height:336px;min-height:0;pointer-events:none}
}
@media(max-width:780px){.robot-detail-product-placeholder{display:none}.robot-radar-row{grid-template-columns:58px 1fr 25px}.detail-actions{flex-wrap:wrap}.detail-actions>*{flex:1 1 120px;min-width:0}.tool-detail-product-placeholder{min-height:180px}}

.rank-product-title{display:flex;align-items:center;gap:9px}.rank-product-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:#234c45;color:#b3f1df;font-size:11px;font-weight:700;overflow:hidden}.rank-product-icon img{display:block;width:100%;height:100%;object-fit:cover}
.tools-featured-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.nav-item .nav-item-label{white-space:nowrap;font-size:13px}.nav-item .nav-badge{flex:0 0 auto;margin-left:2px;color:#aeb7c2;font-size:11px;line-height:1;font-weight:700}

/* Final acceptance polish: one shell, real destinations, and a mobile tab bar. */
body{font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.header-channel{height:auto;margin-right:24px;padding:0;border:0;border-radius:0;background:transparent;color:#e7efec;font-size:15px}
.header-channel .channel-icon{display:none}
.primary-action.is-disabled{border:1px solid #46504e;background:#252b2d;color:#899792;cursor:default}
.footer-partners{display:grid;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid #2b3438}.footer-partners span{color:#68797a;font-size:10px}.footer-partners a{font-size:11px}
.rank-hero-badge{position:relative;min-height:190px;overflow:hidden;align-items:center;padding:28px 32px;background:linear-gradient(110deg,#2b251b,#24282b 63%,#1f3835);border-color:#5d4e2e}
.rank-hero-art{position:relative;display:grid;place-items:center;width:180px;height:130px;color:#f0ce84;transform:translateY(4px)}
.rank-hero-art span{position:relative;z-index:1;font-size:92px;line-height:1;text-shadow:0 8px 20px rgba(239,201,117,.2)}
.rank-hero-art i{position:absolute;left:25px;right:25px;bottom:10px;height:38px;border:1px solid rgba(240,206,132,.55);border-radius:50%;box-shadow:0 0 0 13px rgba(240,206,132,.08),0 0 0 27px rgba(240,206,132,.05)}
.rank-hero-copy{display:grid;gap:8px}.rank-hero-copy>b{font-size:24px;color:#f1d894}.rank-hero-copy>small{color:#b4aa93;font-size:11px}.rank-hero-metrics{display:flex;gap:36px;margin-top:10px}.rank-hero-metrics span{display:grid;gap:3px}.rank-hero-metrics strong{color:#f0cb82;font-size:20px}.rank-hero-metrics em{color:#938b7c;font-size:10px;font-style:normal}
.rank-traffic{color:#a7d7c8;font-size:12px}
.rank-trophy-icon{width:82px;height:82px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.submit-lighthouse{position:absolute;right:12%;top:22px;display:grid;place-items:center;width:128px;height:128px;border:1px solid rgba(122,221,192,.24);border-radius:50%;color:#9ce7cf;opacity:.9}.submit-lighthouse:before{content:"";position:absolute;width:72px;height:72px;border:1px solid rgba(122,221,192,.36);border-radius:50%;box-shadow:0 0 0 15px rgba(122,221,192,.06),0 0 0 30px rgba(122,221,192,.035)}.submit-lighthouse b{position:relative;font-size:33px}.submit-lighthouse small{position:relative;margin-top:-5px;color:#a8bbb5;font-size:9px;letter-spacing:.2em}.submit-lighthouse i{position:absolute;bottom:9px;width:34px;height:5px;border-radius:50%;background:#7ed8bc;box-shadow:0 0 18px rgba(126,216,188,.6)}
.submit-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.submit-keywords b{padding:5px 8px;border:1px solid #427265;border-radius:3px;color:#94e6ce;font-size:11px;font-weight:500}
.submit-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:46px;border:1px solid #394a47;background:#394a47}.submit-trust-strip span{display:grid;gap:7px;padding:18px 20px;background:#1d2929}.submit-trust-strip b{color:#8ee1c7;font-size:20px}.submit-trust-strip small{color:#849693;font-size:10px}
.mobile-tabbar{display:none}
.mobile-menu-toggle{display:none}
@media(min-width:781px){.rank-entry{grid-template-columns:90px minmax(0,1fr) 60px 80px 110px 96px}.rank-entry>span:last-child{justify-self:end}}
@media(max-width:780px){
  body{padding-bottom:66px}
  .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;margin:0 0 8px;padding:7px 11px;border:1px solid #36444a;border-radius:5px;background:#20292d;color:#a7dacc;font:inherit;font-size:11px;cursor:pointer}.mobile-menu-toggle span{font-size:15px;line-height:1}.mobile-menu-toggle b{font-weight:500}
  .sidebar:not(.is-open) .side-nav{display:none}.sidebar.is-open .side-nav{display:flex;flex-wrap:wrap;overflow:visible}.sidebar.is-open{padding-bottom:14px}
  .mobile-tabbar{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #343d42;background:rgba(24,27,31,.97);backdrop-filter:blur(12px)}
  .mobile-tabbar a{display:grid;place-items:center;align-content:center;gap:3px;color:#77838d;text-decoration:none;font-size:10px}.mobile-tabbar a span{font-size:17px;line-height:1}.mobile-tabbar a b{font-size:10px;font-weight:500}.mobile-tabbar a.active{color:#72dfc0}.mobile-tabbar a.active span{transform:translateY(-1px)}
  .rank-hero-badge{min-height:170px;padding:20px 15px}.rank-hero-art{width:95px;height:100px}.rank-hero-art span{font-size:62px}.rank-hero-art i{left:12px;right:12px;bottom:8px}.rank-hero-copy>b{font-size:18px}.rank-hero-metrics{gap:16px}.rank-hero-metrics strong{font-size:16px}.rank-traffic{display:none}.rank-entry{grid-template-columns:44px minmax(0,1fr) 42px 0 0 0}.rank-entry>span:nth-last-child(-n+3){display:none}
  .submit-lighthouse{right:16px;top:22px;width:88px;height:88px}.submit-lighthouse:before{width:49px;height:49px;box-shadow:0 0 0 10px rgba(122,221,192,.06),0 0 0 20px rgba(122,221,192,.035)}.submit-lighthouse b{font-size:24px}.submit-hero-copy h1{padding-right:72px}.submit-keywords{max-width:260px}.submit-trust-strip{grid-template-columns:1fr 1fr;margin-top:30px}.submit-trust-strip span{padding:13px 14px}.submit-trust-strip b{font-size:16px}
}

/* Match the public footer flow: the rail ends with the content row, then the
   full-width footer starts as its own row instead of sitting underneath it. */
@media(min-width:781px){
  .app-shell{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;min-height:100vh}
  .app-shell>.sidebar{position:relative;inset:auto;grid-column:1;grid-row:1;width:200px;height:auto;min-height:0;align-self:stretch}
  .app-shell>.main-content{grid-column:2;grid-row:1;margin-left:0;min-width:0}
  .app-shell>.footer-extended{grid-column:1/-1;grid-row:2;width:auto!important;margin:80px 0 0!important;min-width:0}
}
@media(max-width:780px){
  .app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:100vh}
  .app-shell>.sidebar{grid-column:1;grid-row:1;position:relative;inset:auto;width:100%;height:auto;min-height:0}
  .app-shell>.main-content{grid-column:1;grid-row:2;margin-left:0;min-width:0}
  .app-shell>.footer-extended{grid-column:1;grid-row:3;width:auto!important;margin:0!important;min-width:0}
}

@media(min-width:781px){
  /* The source rail follows the main content row and stops before the full-width footer. */
  .app-shell>.sidebar{position:relative;inset:auto;align-self:stretch;height:auto;min-height:0;max-height:none;overflow:visible}
  /* Keep the menu visible while the right column scrolls, then let sticky
     positioning release naturally at the end of this content row. */
  .app-shell>.sidebar>.sidebar-inner{position:sticky;top:0;align-self:stretch;display:flex;flex-direction:column;height:max-content;min-height:0}
  .app-shell>.sidebar:has(.shell-subnav) .side-divider,
  .app-shell>.sidebar:has(.shell-subnav) .side-label,
  .app-shell>.sidebar:has(.shell-subnav) .side-tags,
  .app-shell>.sidebar:has(.shell-subnav) .sidebar-bottom{display:none}
}
.shell-breadcrumb{padding:10px 42px;border-bottom:1px solid rgba(255,255,255,.05);color:#7e8b8d;font-size:11px}.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-social a,.footer-social button{padding:5px 8px;border:1px solid #37484a;background:transparent;color:#8eaaa4;text-decoration:none;font:inherit;font-size:10px;cursor:pointer}.footer-social a:hover,.footer-social button:hover{border-color:#62d7b8;color:#d7f4e9}
@media(max-width:780px){.shell-breadcrumb{padding:8px 18px;font-size:10px}.footer-social{gap:6px}}
.footer-extended{width:auto!important;margin-left:0!important;margin-right:0!important}
@media(min-width:1051px){.footer-extended{margin-top:80px!important}.footer-extended .footer-top{padding-left:42px;padding-right:42px}.footer-extended .footer-honour{padding-left:42px;padding-right:42px}.footer-extended .footer-bottom{padding-left:42px;padding-right:42px}}
.rank-hero-badge{display:flex;align-items:center;gap:16px;margin:28px 0 18px;padding:16px 20px;border:1px solid #5a4b2c;background:linear-gradient(90deg,#2d281e,#24282b);color:#e5d49e}.rank-trophy{font-size:36px;color:#f0c978}.rank-hero-badge div{display:grid;gap:4px}.rank-hero-badge b{font-size:17px}.rank-hero-badge small{color:#a7a294;font-size:11px}
@media(max-width:780px){.rank-hero-badge{margin:18px 0 12px;padding:13px 15px}.rank-trophy{font-size:29px}.rank-hero-badge b{font-size:14px}}
@media(max-width:780px){
  body{font-size:13px;overflow-x:hidden}
  .sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:14px 16px 12px;border-right:0;border-bottom:1px solid var(--line);display:block}
  .app-shell>.sidebar>.sidebar-inner{position:static;display:block;height:auto;min-height:0}
  .brand{margin:0 0 14px;gap:9px}
  .brand-mark{width:28px;height:28px;font-size:17px}
  .brand strong{font-size:14px}.brand small{font-size:9px}
  .side-nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .side-nav::-webkit-scrollbar{display:none}
  .nav-item{flex:0 0 auto;padding:8px 10px;font-size:12px;gap:6px;border-radius:5px}
  .nav-item span{font-size:14px;width:auto}
  .side-divider,.side-label,.side-tags,.sidebar-bottom{display:none}
  .main-content{margin-left:0;min-width:0}
  .topbar{height:62px;padding:0 18px}
  .breadcrumb{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{gap:9px}.icon-button{font-size:18px}.user-button{font-size:12px}
  .hero-section{padding:44px 18px 34px;max-width:none}
  .hero-copy h1{font-size:38px;line-height:1.18;letter-spacing:0}
  .hero-subtitle{margin:16px 0 26px;font-size:14px;line-height:1.7}
  .search-box{height:52px;border-radius:6px}.search-icon{padding:0 12px;font-size:22px}
  .search-box input{font-size:13px}.search-box button{height:36px;margin-right:7px;padding:0 14px;font-size:12px}
  .search-hints{gap:10px;flex-wrap:wrap;line-height:1.5}
  .content-section,.split-section{padding:30px 18px}
  .section-heading{align-items:flex-start;gap:15px;margin-bottom:16px}
  .section-heading h2{font-size:21px}.section-link{font-size:12px;white-space:nowrap}
  .tool-grid,.search-results-grid,.robot-grid{grid-template-columns:1fr;gap:12px}
  .tool-card{min-height:0;padding:16px}.tool-logo{width:42px;height:42px;margin-bottom:18px}
  .tool-card .tool-desc{min-height:0}.split-section{display:grid;grid-template-columns:1fr;gap:14px}
  .panel{padding:18px}.robot-feature{grid-template-columns:54px 1fr 32px;gap:12px}
  .robot-art{width:54px;height:54px}.insight-grid{grid-template-columns:1fr;gap:12px}
  .footer{display:grid;gap:18px;padding:28px 18px}.footer-links{display:flex;flex-wrap:wrap;gap:12px}
  .copyright{font-size:10px}
}
@media(min-width:1051px){.drama-mode .footer{margin-top:41px}}

/* Shared shell alignment: a fixed 200px island rail and an 88px utility header. */
.header-channel{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-right:18px;color:var(--text);text-decoration:none;font-size:15px;font-weight:700;white-space:nowrap}
.channel-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#12231e;font-size:17px}
.header-search{display:flex;align-items:center;flex:1;min-width:260px;max-width:760px;height:48px;margin:0 auto;border:1px solid #2f353f;border-radius:8px;background:#202329;overflow:hidden}
.header-search>span{padding:0 12px;color:var(--accent);font-size:19px}
.header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}
.header-search input::placeholder{color:#707985}
.header-search button{height:100%;padding:0 24px;border:0;background:var(--accent);color:#10261f;font-weight:700;cursor:pointer}
.topbar>.breadcrumb{order:-2;margin-left:0;font-size:11px;color:#68727e;white-space:nowrap}
.topbar>.header-search{order:-1}
.shell-subnav{display:grid;gap:4px;margin:30px 0 0;padding:17px 0 0;border-top:1px solid var(--line)}
.shell-subnav-label{margin:0 10px 8px;color:#737b88;font-size:11px}
.shell-subnav a{padding:9px 10px;color:#aeb5bf;text-decoration:none;border-radius:6px;font-size:12px}
.shell-subnav a:hover{background:#2a3035;color:var(--text)}
.shell-subnav b{margin-left:4px;padding:2px 4px;border-radius:3px;background:#f0c978;color:#2a2415;font-size:9px}
.sidebar:has(.shell-subnav) .sidebar-bottom{margin-top:auto}

/* Tool-index visual language based on the public page: a bright intro, ranking rail and compact product cards. */
.archive-head{position:relative;max-width:none;min-height:224px;padding:62px 42px 32px;background:linear-gradient(90deg,#181a1e 0%,#181a1e 62%,#1d2427 100%);overflow:hidden}
.archive-head::after{content:"";position:absolute;right:40px;top:34px;width:34%;height:180px;background:radial-gradient(ellipse at center,rgba(32,201,151,.28),transparent 66%);filter:blur(18px);pointer-events:none}
.archive-head>*{position:relative;z-index:1}
.archive-head h1,.search-layout h1,.insights-layout h1,.rank-layout h1{color:var(--accent-2);font-size:39px}
.archive-head>p:not(.section-kicker),.page-lede{font-size:13px}
.archive-content{padding-top:28px}
.archive-content::before{content:"全部 AI 工具  ·  最受欢迎的产品";display:block;padding:22px 24px 0;color:var(--text);font-size:21px;font-weight:700}
.archive-content .filter-bar{margin:0;padding:18px 24px 20px;background:var(--panel);border:1px solid #303640;border-bottom:0;border-radius:8px 8px 0 0}
.archive-content #catalog-grid{padding:0 24px 24px;background:var(--panel);border:1px solid #303640;border-top:0;border-radius:0 0 8px 8px}
.archive-content .tool-card{min-height:250px;background:#24272d}
.archive-content .tool-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.archive-content .tool-card .tool-logo{margin:0 auto 20px;width:62px;height:62px;border-radius:13px}
.archive-content .tool-card .tool-name{text-align:center}
.archive-content .tool-card .tool-desc{display:none}
.archive-content .tool-card .tool-meta{margin-top:auto;justify-content:center}

@media(max-width:1050px){.archive-content .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-search{max-width:520px}}
@media(max-width:780px){
  .header-channel{display:none}.topbar{gap:8px}.topbar>.breadcrumb{display:none}.header-search{min-width:0;margin:0;max-width:none;height:42px}.header-search button{padding:0 14px;font-size:12px}.header-search input{font-size:12px}
  .shell-subnav{display:none}.archive-head{padding:42px 18px 28px;min-height:0}.archive-head::after{display:none}.archive-content::before{padding:0 0 14px;font-size:18px}.archive-content .filter-bar{padding:14px 0;background:transparent;border:0}.archive-content #catalog-grid{padding:0;background:transparent;border:0}.archive-content .tool-grid{grid-template-columns:1fr}
}

.home-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:30px;padding:10px 42px 0}
.promo-banner,.robot-hero{position:relative;min-height:220px;overflow:hidden;border:1px solid #29323b;border-radius:9px;text-decoration:none}
.promo-banner{display:flex;flex-direction:column;justify-content:center;padding:30px 38px;background:linear-gradient(110deg,#14263e 0%,#203b79 48%,#171f35 100%);color:var(--text)}
.promo-banner::before{content:"";position:absolute;right:-12%;top:-45%;width:70%;height:190%;background:radial-gradient(ellipse,rgba(85,125,255,.45),transparent 63%);transform:rotate(-16deg)}
.promo-banner::after{content:"";position:absolute;right:13%;bottom:-25px;width:165px;height:165px;border:1px solid rgba(107,173,255,.35);border-radius:50%;box-shadow:0 0 0 20px rgba(90,160,255,.08),0 0 0 45px rgba(90,160,255,.05)}
.promo-banner>*{position:relative;z-index:1}.promo-kicker{color:#9fd6ff;font-size:11px;letter-spacing:.16em}.promo-banner strong{margin:10px 0 9px;font-size:32px;line-height:1.12;color:#b9e3ff}.promo-banner small{max-width:450px;color:#c0c8db;line-height:1.7}.promo-cta{display:inline-flex;gap:10px;align-items:center;width:max-content;margin-top:17px;padding:9px 18px;border-radius:5px;background:#80bfff;color:#12213a;font-weight:700}.promo-glow{position:absolute;right:18%;top:22%;z-index:1;color:#a9d9ff;font-size:76px;font-style:normal;opacity:.82;transform:rotate(15deg)}
.robot-hero{padding:29px 32px;background:linear-gradient(130deg,#1e554f,#253c3f 68%,#1d292e);color:var(--text)}.robot-hero::before{content:"";position:absolute;right:-4%;bottom:-32%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(91,218,190,.28),transparent 66%)}.robot-hero>*{position:relative;z-index:1}.robot-ribbon{position:absolute;right:20px;top:12px;padding:4px 10px;border:1px solid #5ee0bf;border-radius:99px;color:#8ee6c8;font-size:11px}.robot-hero .section-kicker{margin:5px 0 7px;color:#8ee6c8}.robot-hero h1{margin:0;font-size:31px}.robot-hero p{margin:6px 0 19px;color:#b9c9c9;font-size:13px}.robot-hero .primary-action{width:max-content;padding:10px 15px}.robot-orb{position:absolute;right:42px;bottom:20px;font-size:120px;color:#b6fff0;opacity:.65;font-style:normal;transform:rotate(-12deg)}
.home-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.45fr);gap:30px;padding:30px 42px 0}.mini-promo{position:relative;min-height:140px;padding:17px 18px 15px;border:1px solid #2a3c3b;border-radius:9px;background:linear-gradient(135deg,#1c3432,#284640);color:var(--text);text-decoration:none;overflow:visible}.mini-tag{display:inline-flex;padding:3px 8px;border-radius:99px;background:#356c63;color:#b5f5e1;font-size:10px}.mini-promo h2{margin:7px 0 3px;font-size:17px}.mini-promo p{margin:0;color:#a9bab8;font-size:12px}.mini-icons{display:flex;gap:9px;margin-top:20px}.mini-icons i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #446b63;border-radius:8px;background:#1c3332;color:#9be7d1;font-style:normal;font-size:14px;overflow:hidden}.mini-icons img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.mini-more{display:inline-flex;align-items:center;gap:5px;margin-top:11px;color:#9be7d1;font-size:10px}.promo-dropdown{position:absolute;z-index:5;left:0;right:0;top:100%;display:grid;gap:6px;padding:15px 17px;background:#202b2d;border:1px solid #4c756c;border-top:0;border-radius:0 0 8px 8px;color:#d8e8e3;box-shadow:0 18px 30px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.18s ease}.promo-dropdown strong{color:#a8efda;font-size:12px}.promo-dropdown span{color:#9caca8;font-size:11px;line-height:1.4}.has-dropdown:hover,.has-dropdown:focus-visible{z-index:10;border-color:#4c756c}.has-dropdown:hover .promo-dropdown,.has-dropdown:focus-visible .promo-dropdown{opacity:1;pointer-events:auto;transform:none}.news-promo{display:grid;grid-template-columns:1fr auto;column-gap:15px;align-content:start}.news-promo time{color:#a7bbb7;font-size:11px;align-self:center}.news-row{grid-column:1/-1;display:grid;grid-template-columns:43px 1fr 43px 1fr;gap:10px;align-items:center;margin-top:21px;padding-top:15px;border-top:1px solid #3b5d58;color:#d3e0dd;font-size:12px}.news-row b{display:grid;place-items:center;height:34px;border:1px solid #4c7e72;border-radius:8px;color:#9ff0d6;font-size:16px}
.home-catalog{padding:30px 42px 0}.catalog-tabs{display:flex;gap:12px;overflow:auto;padding-bottom:25px}.catalog-tabs a{flex:0 0 auto;padding:10px 15px;border:1px solid #2c333d;border-radius:6px;background:#20242a;color:#929ca7;text-decoration:none;font-size:12px}.catalog-tabs a.active{border-color:#50d5b3;background:#5ad5c0;color:#10261f;font-weight:700}.catalog-tabs b{margin-left:4px;padding:2px 4px;border-radius:3px;background:#f0c978;color:#2a2415;font-size:9px}.home-catalog .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-catalog .tool-card{min-height:275px}.home-bottom{padding-top:36px}
@media(max-width:1050px){.home-stage{grid-template-columns:1fr}.home-promos{grid-template-columns:repeat(2,minmax(0,1fr))}.news-promo{grid-column:span 2}.home-catalog .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.home-stage{display:grid;padding:12px 18px 0;gap:12px}.promo-banner{min-height:210px;padding:24px}.promo-banner strong{font-size:27px}.promo-glow{right:10%;font-size:55px}.robot-hero{min-height:190px;padding:24px}.robot-orb{right:15px;font-size:85px}.home-promos{grid-template-columns:1fr;padding:18px 18px 0;gap:12px}.news-promo{grid-column:auto}.news-row{grid-template-columns:39px 1fr}.news-row b:nth-of-type(2){display:none}.news-row span:last-child{display:none}.home-catalog{padding:24px 18px 0}.home-catalog .tool-grid{grid-template-columns:1fr}.home-bottom{padding-top:24px}}
.header-submit{position:relative;display:flex;align-items:center;gap:7px;height:48px;margin-left:18px;padding:0 22px;border:1px solid #d2d7d4;border-radius:9px;color:#f3f6f3;text-decoration:none;font-size:13px;white-space:nowrap}.header-submit>span:first-child{font-size:18px}.header-submit b{position:absolute;right:-1px;top:-13px;padding:3px 7px;border:1px solid #e9d7a9;border-radius:9px;background:#262427;color:#e9d7a9;font-size:10px;font-weight:500}.topbar>.header-channel{order:-3}.topbar>.header-search{order:-2}.topbar>.breadcrumb{display:none}.top-actions{gap:14px}.top-actions .icon-button{order:2}.top-actions .user-button{order:3}.top-actions .header-submit{order:1}
.brand-image{display:block;width:150px;height:36px;object-fit:contain;object-position:left center}.brand .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}.header-channel{display:inline-flex;align-items:center;margin-right:22px}.header-channel img{display:block;width:118px;height:29px;object-fit:contain;object-position:left center}
@media(max-width:1050px){.header-submit{padding:0 13px}.header-submit b{display:none}}
@media(max-width:780px){.header-submit{display:none}.top-actions{gap:7px}.top-actions .icon-button{order:2}}
.catalog-card-wrap{position:relative}.catalog-card{position:relative;align-items:center;text-align:center;padding:20px 15px 18px}.catalog-card .tool-logo{flex:none}.catalog-rank{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:31px;height:31px;border-radius:9px 9px 11px 11px;background:#f1ca79;color:#312717;font-size:17px;font-weight:800}.catalog-score{margin-top:9px;color:#aeb5bd;font-size:12px}.catalog-trend{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:5px 8px;border-radius:5px;background:#244640;color:#a5e8d5;font-size:10px}.catalog-card-wrap .card-fav{z-index:2}
.sidebar-recommend{display:grid;gap:8px;margin:26px 0 0;padding-top:17px;border-top:1px solid var(--line)}.sidebar-recommend span{color:#737b88;font-size:11px}.sidebar-recommend a{color:#aeb5bf;text-decoration:none;font-size:12px}.sidebar-recommend a:hover{color:var(--accent-2)}
.footer-extended{display:block;padding:0;background:#15171b;border-top:1px solid #2b3038}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:46px 42px 40px}.footer-top>div{display:grid;align-content:start;gap:9px}.footer-top a{color:#9ca6b0;text-decoration:none;font-size:12px}.footer-top a:hover{color:var(--accent-2)}.footer-top h3{margin:0 0 9px;color:#dce4e5;font-size:14px}.footer-brand strong{font-size:18px;color:var(--accent-2)}.footer-brand p{max-width:350px;margin:0;color:#7f8994;font-size:12px;line-height:1.75}.footer-brand a{margin-top:7px;color:var(--accent-2)}.footer-honour{display:flex;justify-content:center;gap:56px;padding:22px 42px;border-top:1px solid #2b3038;border-bottom:1px solid #2b3038;color:#87929d;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:19px 42px;color:#69737d;font-size:10px}.footer-extended .copyright,.footer-extended>.footer-links,.footer-extended>strong,.footer-extended>p{display:none}
@media(max-width:900px){.footer-top{grid-template-columns:repeat(2,1fr);padding:36px 24px}.footer-brand{grid-column:1/-1}.footer-honour{gap:18px;flex-wrap:wrap;padding:18px 24px}.footer-bottom{padding:16px 24px;flex-wrap:wrap}}
@media(max-width:780px){.sidebar-recommend{display:none}.footer-top{grid-template-columns:1fr;padding:30px 18px}.footer-brand{grid-column:auto}.footer-honour{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.footer-bottom{display:grid;gap:8px;padding:16px 18px}}

/* The public homepage continues with editorial and ecosystem bands below the first catalog. */
.home-insights-band{padding:42px 42px 0}.home-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-insight-grid .insight-card{min-height:205px;padding:22px;background:#20272a;border:1px solid #2e4543;border-radius:8px;color:var(--text);text-decoration:none}.home-insight-grid .insight-card:hover{border-color:#5b9b8d;transform:translateY(-2px)}.home-insight-grid h3{margin:14px 0 10px;font-size:19px;line-height:1.45}.home-insight-grid p{margin:0;color:#9fb0ad;font-size:12px;line-height:1.75}.home-insight-grid .read-time{display:block;margin-top:18px;color:#76d8bb;font-size:11px}.home-ecosystem{padding:48px 42px 0}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ecosystem-grid a{display:grid;gap:9px;min-height:130px;padding:20px;background:#1c2025;border:1px solid #303640;border-radius:8px;color:var(--text);text-decoration:none}.ecosystem-grid a:hover{border-color:#4f8c7f;background:#20292a}.ecosystem-grid b{font-size:16px}.ecosystem-grid span{color:#818d98;font-size:12px;line-height:1.65}
@media(max-width:1050px){.home-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-insight-grid .insight-card:last-child{grid-column:1/-1}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.home-insights-band,.home-ecosystem{padding:30px 18px 0}.home-insight-grid{grid-template-columns:1fr}.home-insight-grid .insight-card:last-child{grid-column:auto}.ecosystem-grid{grid-template-columns:1fr}}

/* Keep the homepage recommendation heading semantic while preserving the source proportions. */
.robot-hero h2{margin:0;font-size:31px}
@media (min-width:1051px){.robot-hero h2{margin:0 0 7px;font-size:26px;line-height:1.15}}
@media (max-width:780px){.robot-hero h2{margin:0 0 7px;font-size:26px;line-height:1.15}}

/* Public image assets from the visible catalog improve parity without changing the data model. */
.tool-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.robot-card-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.robot-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Homepage first-screen proportions taken from the public desktop landing page. */
@media (min-width:1051px){
  .home-stage{grid-template-columns:minmax(0,714fr) minmax(0,466fr);gap:30px;padding:10px 15px 0;min-height:219px}
  .promo-banner,.robot-hero{height:219px;min-height:219px;border-radius:6px}
  .promo-banner{padding:0;background:#262427}
  .promo-banner .promo-image{position:static;width:100%;height:100%;object-fit:cover;opacity:1;filter:none}
  .promo-banner .promo-kicker,.promo-banner strong,.promo-banner small,.promo-banner .promo-cta,.promo-banner .promo-glow{display:none}
  .robot-hero{padding:26px 29px;background:#1a6961}
  .robot-hero-image{right:0;width:57%;height:100%;object-fit:cover;opacity:.8}
  .robot-hero:after{background:linear-gradient(90deg,#1a6961 30%,rgba(26,105,97,.58) 66%,rgba(26,105,97,.04))}
  .robot-hero>.section-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:7px;color:#9ff5df}
  .robot-hero h1{margin:0 0 7px;font-size:26px;line-height:1.15}
  .robot-hero p{margin:0 0 15px;font-size:12px;line-height:1.4;color:#d1f0e7}
  .robot-hero .primary-action{padding:8px 13px;border-radius:4px;font-size:12px;background:#00ffd1;color:#112b27}
  .robot-hero .robot-ribbon{top:13px;left:28px;border:0;border-radius:0;background:transparent;padding:0;color:#b5f9e7;font-size:10px}
  .home-promos{grid-template-columns:repeat(3,218px) 466px;gap:30px;margin:30px 15px 0;padding:0;width:1210px}
  .mini-promo{height:141px;min-height:141px;padding:16px 16px 13px;border-radius:6px}
  .mini-more{position:absolute;right:16px;bottom:11px;margin:0}
  .mini-promo h2{margin:6px 0 3px;font-size:15px}.mini-promo p{font-size:11px}.mini-icons{gap:7px;margin-top:15px}.mini-icons i{width:25px;height:25px;border-radius:6px;font-size:12px}
  .news-row{margin-top:14px;padding-top:12px;font-size:11px}.news-row b{height:28px;border-radius:5px;font-size:13px}
  .home-catalog{padding:30px 15px 0}.catalog-tabs{gap:8px;padding-bottom:30px}.catalog-tabs a{padding:8px 11px;font-size:11px}
  .home-catalog .tool-grid{grid-template-columns:repeat(4,280px);gap:30px;padding:0}.home-catalog .tool-card{min-height:0}
  /* The public desktop snapshot exposes 28 cards before its continuation CTA. */
  .home-catalog .home-post:nth-child(n+29){display:none}
}

/* The public homepage uses a four-column editorial product stream. */
.home-post{min-width:0;height:414px;border:1px solid #363637;background:#1c1c1f;border-radius:0;overflow:hidden}
.home-post>a{display:block;height:100%;padding:24px;color:#f3f0e9;text-decoration:none}
.home-post-cover{position:relative;display:grid;place-items:center;height:153px;overflow:hidden;background:#29282b}
.home-post-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-post-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:12px;background:#0d0d0e;color:#f1cb75;font-size:29px;font-weight:800}
.home-post-new{position:absolute;top:8px;left:8px;z-index:1;padding:4px 8px;border-radius:3px;background:#ffd976;color:#241d10;font-size:10px;font-weight:700}
.home-post-content{display:flex;flex-direction:column;height:191px;padding-top:17px}
.home-post-meta{display:flex;align-items:center;gap:9px;min-width:0;color:#e7e3dc;font-size:15px;font-weight:700}.home-post-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-post-meta b{flex:none;color:#dba266;font-size:11px;font-weight:500}
.home-post h3{margin:10px 0 8px;overflow:hidden;color:#f2f0ec;font-size:13px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.home-post p{display:-webkit-box;margin:0;overflow:hidden;color:#a9a39b;font-size:11px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-post footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #333236;color:#85817b;font-size:10px}
.home-post:hover{border-color:#d8b36a}.home-post:hover .home-post-cover img{transform:scale(1.03)}.home-post-cover img{transition:transform .18s ease}
@media (max-width:1050px){.home-post{height:360px}.home-post>a{padding:18px}.home-post-cover{height:132px}.home-post-content{height:174px}}

/* Desktop continuation of the public landing-page rhythm. */
@media (min-width:1051px){
  .home-more{display:flex;align-items:center;justify-content:center;gap:20px;height:123px;margin:0;color:#a8a39a;font-size:12px}
  .home-more a{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #d5ad63;border-radius:4px;color:#f2cb7e;text-decoration:none;font-size:12px}
  .home-more a:hover{background:#d5ad63;color:#211b12}
  .home-robots-list{padding:80px 15px 0}
  .home-robots-list .section-heading{height:36px;margin:0 0 30px;align-items:center}
  .home-robots-list .section-heading h2{font-size:22px}
  .home-robots-list .section-kicker,.home-robots-list .section-link{display:none}
  .home-robot-grid{grid-template-columns:repeat(4,280px);gap:30px}
  .home-robot-card{height:493px;grid-template-rows:215px 1fr;border-radius:0;background:#1c1c1f;border-color:#363637}
  .home-robot-card:nth-child(n+9){display:none}
  .home-robot-cover{background:#29282b}
  .home-robot-copy{gap:8px;padding:18px 24px}
  .home-robot-copy h3{font-size:16px}.home-robot-copy b{color:#c9c1b3;font-size:11px;font-weight:400}.home-robot-copy p{white-space:normal;font-size:11px;line-height:1.6;text-overflow:clip}.home-robot-label{top:9px;bottom:auto;border-radius:3px}.home-robot-tag{margin-top:auto}
  .home-robots-list .home-section-note{height:123px;margin:0;padding:0;border:0;justify-content:center;font-size:12px}
  .home-robots-list .home-section-note a{padding:11px 17px;border:1px solid #d5ad63;border-radius:4px;color:#f2cb7e}
  .home-aigc{padding:100px 15px 0}
  .home-aigc .section-heading{height:27px;margin:0 0 30px;align-items:center}
  .home-aigc .section-heading h2{font-size:22px}.home-aigc .section-kicker,.home-aigc .section-link{display:none}
  .tutorial-grid{grid-template-columns:repeat(4,280px);gap:29px 30px}
  .tutorial-card{height:333px;grid-template-rows:178px 1fr;border-radius:0;background:#1c1c1f;border-color:#363637}
  .tutorial-card:nth-child(n+9){display:none}
  .tutorial-card>div{padding:18px 24px}.tutorial-card h3{font-size:14px;line-height:1.55;-webkit-line-clamp:3}
  .home-aigc .home-section-note{height:123px;margin:0;padding:0;border:0;justify-content:center;font-size:12px}
  .home-aigc .home-section-note a{padding:11px 17px;border:1px solid #d5ad63;border-radius:4px;color:#f2cb7e}
  .home-insights-band,.home-ecosystem{display:none}
  .footer-extended{width:calc(100% + 200px);margin:80px 0 0 -200px}
  .footer-top{min-height:446px;padding:66px calc((100% - 1210px) / 2) 50px}
  .footer-honour{min-height:124px;padding:38px calc((100% - 1210px) / 2)}
  .footer-bottom{min-height:205px;padding:44px calc((100% - 1210px) / 2);align-items:flex-start}
}

/* Editorial artwork belongs to the card surface; keep it out of the flex flow. */
.promo-banner>.promo-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.42;pointer-events:none}
.promo-banner>.promo-kicker,.promo-banner>strong,.promo-banner>small,.promo-banner>.promo-cta{z-index:1}
.robot-hero>.robot-hero-image{position:absolute;right:0;bottom:0;z-index:0;width:58%;height:100%;max-width:none;object-fit:cover;opacity:.72;pointer-events:none}
.robot-hero>.robot-ribbon,.robot-hero>.section-kicker,.robot-hero>h1,.robot-hero>p,.robot-hero>.primary-action{z-index:1}
.split-section>*{min-width:0}
.robot-feature>div:nth-child(2){min-width:0}

/* Homepage editorial sections mirrored from the public landing page. */
.home-section{padding:42px 42px 0}
.home-section .section-heading{align-items:flex-end;margin-bottom:20px}
.home-section .section-heading h2{margin:0;font-size:25px;line-height:1.25}
.home-robot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.home-robot-card{display:grid;grid-template-rows:150px auto;min-width:0;overflow:hidden;background:#1d2327;border:1px solid #303a3e;border-radius:8px;color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.home-robot-card:hover{border-color:#579b8b;transform:translateY(-2px)}
.home-robot-cover{position:relative;min-width:0;overflow:hidden;background:#263735}
.home-robot-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-robot-label{position:absolute;left:9px;bottom:9px;padding:4px 7px;border-radius:4px;background:rgba(12,24,23,.8);color:#a8ead7;font-size:10px;line-height:1}
.home-robot-copy{display:grid;align-content:start;gap:7px;padding:14px 14px 16px;min-width:0}
.home-robot-copy h3{margin:0;overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.home-robot-copy p{margin:0;overflow:hidden;color:#7f8f92;font-size:11px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.home-robot-tag{display:inline-flex;width:max-content;max-width:100%;padding:4px 7px;border:1px solid #34544f;border-radius:4px;color:#7fd5be;font-size:10px;line-height:1;white-space:nowrap}
.home-section-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:15px 0 1px;border-top:1px solid var(--line);color:#7d8991;font-size:11px}
.home-section-note a{color:#8ddfc9;text-decoration:none;white-space:nowrap}
.home-section-note a:hover{color:#b7f4e4}
.tutorial-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tutorial-card{display:grid;grid-template-rows:120px auto;min-width:0;overflow:hidden;background:#1d2327;border:1px solid #303a3e;border-radius:8px;color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.tutorial-card:hover{border-color:#579b8b;transform:translateY(-2px)}
.tutorial-card>img{display:block;width:100%;height:100%;object-fit:cover;background:#2b3438}
.tutorial-card>div{display:grid;align-content:start;gap:8px;padding:13px 14px 16px;min-width:0}
.tutorial-card span{overflow:hidden;color:#7fd5be;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.tutorial-card h3{display:-webkit-box;margin:0;overflow:hidden;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.course-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;min-height:132px;overflow:hidden;background:#20272a;border:1px solid #31413f;border-radius:8px;color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.course-card:hover{border-color:#579b8b;transform:translateY(-2px)}
.course-card>img{display:block;width:100%;height:100%;min-height:132px;object-fit:cover;background:#2b3438}
.course-card>div{display:grid;align-content:start;gap:7px;padding:15px 14px;min-width:0}
.course-badge{width:max-content;padding:4px 7px;border-radius:4px;background:#30584f;color:#9ce4cf;font-size:10px;line-height:1}
.course-card h3{display:-webkit-box;margin:0;overflow:hidden;font-size:14px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.course-card p{margin:0;overflow:hidden;color:#899895;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.home-robot-grid,.tutorial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.home-robot-grid,.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.home-section{padding:30px 18px 0}.home-robot-grid,.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-robot-card{grid-template-rows:125px auto}.tutorial-card{grid-template-rows:105px auto}.home-section-note{align-items:flex-start;flex-direction:column;gap:9px}.course-grid{grid-template-columns:1fr;gap:12px}.course-card{grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:460px){.home-robot-grid,.tutorial-grid{grid-template-columns:1fr}.home-robot-card{grid-template-columns:110px minmax(0,1fr);grid-template-rows:1fr;min-height:116px}.home-robot-copy{padding:12px}.tutorial-card{grid-template-columns:110px minmax(0,1fr);grid-template-rows:1fr;min-height:105px}.tutorial-card>div{padding:12px}}

/* Keep the desktop homepage rules after the reusable card defaults. */
@media (min-width:1051px){
  .home-robots-list{padding:80px 15px 0}
  .home-robots-list .section-heading{height:36px;margin:0 0 30px;align-items:center}
  .home-robots-list .section-heading h2{font-size:22px}
  .home-robots-list .section-kicker,.home-robots-list .section-link{display:none}
  .home-robot-grid{grid-template-columns:repeat(4,280px);gap:30px}
  .home-robot-card{height:493px;grid-template-rows:215px 1fr;border-radius:0;background:#1c1c1f;border-color:#363637}
  .home-robot-card:nth-child(n+9){display:none}
  .home-robot-cover{background:#29282b}
  .home-robot-copy{gap:8px;padding:18px 24px}
  .home-robot-copy h3{font-size:16px}.home-robot-copy b{color:#c9c1b3;font-size:11px;font-weight:400}.home-robot-copy p{white-space:normal;font-size:11px;line-height:1.6;text-overflow:clip}.home-robot-label{top:9px;bottom:auto;border-radius:3px}.home-robot-tag{margin-top:auto}
  .home-robots-list .home-section-note{height:123px;margin:0;padding:0;border:0;justify-content:center;font-size:12px}
  .home-robots-list .home-section-note a{padding:11px 17px;border:1px solid #d5ad63;border-radius:4px;color:#f2cb7e}
  .home-aigc{padding:100px 15px 0}
  .home-aigc .section-heading{height:27px;margin:0 0 30px;align-items:center}
  .home-aigc .section-heading h2{font-size:22px}.home-aigc .section-kicker,.home-aigc .section-link{display:none}
  .tutorial-grid{grid-template-columns:repeat(4,280px);gap:29px 30px}
  .tutorial-card{height:333px;grid-template-rows:178px 1fr;border-radius:0;background:#1c1c1f;border-color:#363637}
  .tutorial-card:nth-child(n+9){display:none}
  .tutorial-card>div{padding:18px 24px}.tutorial-card h3{font-size:14px;line-height:1.55;-webkit-line-clamp:3}
  .home-aigc .home-section-note{height:123px;margin:0;padding:0;border:0;justify-content:center;font-size:12px}
  .home-aigc .home-section-note a{padding:11px 17px;border:1px solid #d5ad63;border-radius:4px;color:#f2cb7e}
}

/* Desktop navigation mirrors the original site's hoverable category panels. */
@media (min-width:781px){
  .side-nav .nav-item.has-flyout{position:relative}
  .nav-item .nav-item-label{width:auto;text-align:left;flex:1}
  .nav-flyout{position:absolute;z-index:8;left:182px;top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;width:356px;padding:15px 16px;background:#202429;border:1px solid #3a454d;border-radius:7px;box-shadow:0 18px 36px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translateX(-5px);transition:opacity .16s ease,transform .16s ease}
  .nav-flyout:before{content:"";position:absolute;left:-7px;top:17px;width:12px;height:12px;background:#202429;border-left:1px solid #3a454d;border-bottom:1px solid #3a454d;transform:rotate(45deg)}
  .nav-item.has-flyout:hover + .nav-flyout,.nav-item.has-flyout:focus-visible + .nav-flyout,.nav-item.has-flyout.is-expanded + .nav-flyout,.nav-flyout:hover{opacity:1;pointer-events:auto;transform:none}
  .nav-flyout strong,.nav-flyout .flyout-group{grid-column:1/-1}
  .nav-flyout strong{color:#dce5e3;font-size:13px;padding-bottom:5px}
  .nav-flyout .flyout-group{margin-top:4px;color:#6e9d91;font-size:10px;letter-spacing:.08em}
  .nav-flyout a{display:block;padding:4px 0;color:#9ca9a8;text-decoration:none;font-size:11px}
  .nav-flyout a:hover{color:#9ce4cf}
}
@media (max-width:780px){
  .nav-item .nav-item-label{width:auto;text-align:left}
  .side-nav{flex-wrap:wrap;overflow:visible}
  .nav-flyout{position:static;display:none;flex:0 0 100%;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:12px;border:1px solid #3a454d;border-radius:7px;background:#202429}
  .nav-item.has-flyout.is-expanded + .nav-flyout{display:grid}
  .nav-flyout:before{display:none}.nav-flyout strong,.nav-flyout .flyout-group{grid-column:1/-1}.nav-flyout strong{color:#dce5e3;font-size:12px}.nav-flyout .flyout-group{color:#6e9d91;font-size:10px}.nav-flyout a{padding:5px 0;color:#9ca9a8;text-decoration:none;font-size:11px}
}

/* Long-form detail blocks mirror the public product page's analytics, ranking,
   FAQ and feedback rhythm while remaining local/demo data. */
.detail-extended{display:grid;gap:16px}
.detail-extended .detail-section{margin-top:0}
.detail-section h2 small{margin-left:6px;color:#d6a964;font-size:10px;font-weight:500}
.detail-muted{color:#77818c;font-size:11px}
.traffic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:6px;background:var(--line);border:1px solid var(--line)}
.traffic-metrics div{display:grid;gap:8px;padding:17px;background:var(--panel)}
.traffic-metrics small,.ranking-summary span,.ranking-summary small{color:#77818c;font-size:11px}
.traffic-metrics b{font-size:24px;color:#f0cb82}
.traffic-bars{display:flex;align-items:end;gap:10px;height:150px;margin-top:20px;padding:0 12px;border-bottom:1px solid #414a55;border-left:1px solid #414a55;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#303640 30px)}
.traffic-bars i{display:block;flex:1;max-width:42px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#14775f,var(--accent));opacity:.88}
.ranking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.ranking-summary div{display:grid;gap:8px;padding:18px;background:var(--panel)}
.ranking-summary b{font-size:27px;color:#f0cb82}
.score-lines{display:grid;gap:13px;margin-top:20px}.score-lines p{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:12px;margin:0;color:#9ca5af;font-size:11px}.score-lines i{height:7px;border-radius:99px;background:#303740;overflow:hidden}.score-lines i b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.score-lines strong{color:#e5c27e;text-align:right}
.detail-callout{display:grid;gap:8px;margin-top:22px;padding:15px 17px;border-left:2px solid var(--accent);background:#263632;color:#a9bbb7;font-size:12px}.detail-callout b{color:#d7eee7}
.detail-faq details{border-top:1px solid var(--line)}.detail-faq details:last-child{border-bottom:1px solid var(--line)}.detail-faq summary{display:flex;align-items:center;justify-content:space-between;padding:17px 2px;color:#d7dce1;font-size:13px;cursor:pointer;list-style:none}.detail-faq summary::-webkit-details-marker{display:none}.detail-faq summary span{color:var(--accent);font-size:17px}.detail-faq details[open] summary span{transform:rotate(45deg)}.detail-faq details p{padding:0 22px 17px 2px!important;margin:0!important;font-size:12px!important;color:#8d98a3!important}
.aside-analytics{display:grid;gap:12px}.aside-analytics h3{margin-bottom:3px}.aside-analytics div{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.aside-analytics div b{font-size:20px;color:#f0cb82}.aside-analytics div span{color:#77818c;font-size:11px}.aside-analytics p{margin:0;color:#6e7883;font-size:10px;line-height:1.6}
@media(max-width:780px){.traffic-metrics,.ranking-summary{grid-template-columns:1fr}.score-lines p{grid-template-columns:90px 1fr 36px}.traffic-bars{gap:5px;height:120px}.detail-extended .detail-section{padding:20px 18px}}
@media (min-width:1051px){
  .robot-grid .robot-card{min-height:493px;border-radius:0;background:#1c1c1f;border-color:#363637}
  .robot-grid .robot-card-art{height:215px;background:#29282b}
  .robot-grid .robot-card-body{padding:18px 24px}
  .robot-grid .robot-card h3{font-size:17px}
  .robot-grid .robot-card p{font-size:11px;line-height:1.6;min-height:86px}
}
.robot-card-art{position:relative;overflow:hidden}.robot-card-art img{display:block;width:100%;height:100%;object-fit:cover}.robot-card-kind{position:absolute;z-index:1;top:9px;left:9px;padding:4px 7px;background:rgba(18,20,24,.82);color:#aee7d6;font-size:10px;border-radius:3px}.robot-company{display:block;margin-top:4px;color:#c9c1b3;font-size:11px;font-weight:400}
.robot-directory-continuation{padding-top:209px}.robot-pagination{display:flex;justify-content:center;gap:8px;height:52px}.robot-pagination button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #363b42;background:#22262b;color:#9da6ad;font:inherit;font-size:12px;cursor:pointer}.robot-pagination button.active{border-color:#c89f55;background:#e4c27b;color:#382c1c}.robot-pagination button:disabled{opacity:.4;cursor:default}.robot-courses{margin-top:40px}.robot-tail-heading{display:flex;align-items:center;justify-content:space-between;height:36px;margin-bottom:30px}.robot-tail-heading h2{margin:0;font-size:20px}.robot-tail-heading a{color:#a3b5b2;text-decoration:none;font-size:12px}.robot-course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;height:390px}.robot-course-card{display:grid;grid-template-rows:168px 1fr;overflow:hidden;border:1px solid #353b3e;background:#1d2226;color:#e6e9e8;text-decoration:none}.robot-course-card:hover{border-color:#70aa9a}.robot-course-card>div{position:relative;overflow:hidden;background:#293032}.robot-course-card img{display:block;width:100%;height:100%;object-fit:cover}.robot-course-card span{position:absolute;top:0;left:0;padding:5px 8px;background:#d8b46b;color:#3f301a;font-size:10px}.robot-course-card section{display:grid;align-content:start;gap:9px;padding:13px}.robot-course-card b{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.robot-course-card p{display:-webkit-box;min-height:30px;margin:0;overflow:hidden;color:#8f9a9d;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.robot-course-card small{color:#e2b965;font-size:12px}.robot-course-card small i{font-style:normal;font-size:10px}.robot-faq-section{margin-top:80px}.robot-faq-list{display:grid;border-top:1px solid #343a40}.robot-faq-list details{border-bottom:1px solid #343a40}.robot-faq-list summary{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;min-height:64px;list-style:none;color:#d5dbdc;font-size:13px;cursor:pointer}.robot-faq-list summary::-webkit-details-marker{display:none}.robot-faq-list summary>b,.robot-faq-list p>b{color:#e2bd73}.robot-faq-list summary i{color:#8bdac4;font-size:18px;font-style:normal;text-align:right}.robot-faq-list details[open] summary i{transform:rotate(45deg)}.robot-faq-list p{margin:0;padding:0 35px 18px;color:#8d989b;font-size:12px;line-height:1.75}.robot-faq-list p>b{margin-right:10px}.robot-faq-action{display:flex;align-items:center;justify-content:center;height:80px}.robot-faq-action a{padding:9px 14px;border:1px solid #42514e;color:#a6ded0;text-decoration:none;font-size:11px}.robot-faq-action a:hover{border-color:#8bdac4;color:#d2f4ea}@media(max-width:780px){.robot-directory-continuation{padding-top:50px}.robot-pagination{justify-content:flex-start;overflow:auto}.robot-courses{margin-top:28px}.robot-course-grid{grid-template-columns:1fr;gap:12px;height:auto}.robot-course-card{grid-template-columns:126px minmax(0,1fr);grid-template-rows:116px}.robot-course-card section{padding:13px}.robot-faq-section{margin-top:48px}.robot-tail-heading{margin-bottom:18px}}
.rank-channel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.rank-channel-tabs a{display:grid;gap:8px;min-height:112px;padding:18px;border:1px solid #353d45;background:#202429;color:#9ba6b0;text-decoration:none}.rank-channel-tabs a b{color:#d8e0df;font-size:16px}.rank-channel-tabs a span{font-size:11px;line-height:1.55}.rank-channel-tabs a.active,.rank-channel-tabs a:hover{border-color:#61af9d;background:#20342f}.rank-channel-tabs a.active b{color:#99efd4}.rank-entry{grid-template-columns:70px minmax(0,1.8fr) 60px 70px 95px;min-height:107px}.rank-entry .rank-product{gap:6px}.rank-entry .rank-product b{font-size:16px}.rank-entry .rank-product small{font-size:11px}.rank-entry .rank-product i{width:max-content;padding:3px 6px;background:#2e353b;color:#98aaa7;font-size:10px;font-style:normal}.rank-grade{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:#4b3c22;color:#efd18d;font-size:11px}.rank-entry .table-score{font-size:16px}.rank-entry:nth-child(1) .big-rank,.rank-entry:nth-child(2) .big-rank,.rank-entry:nth-child(3) .big-rank{color:#f0c978}@media(max-width:780px){.rank-channel-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.rank-channel-tabs a{min-height:94px;padding:14px}.rank-entry{grid-template-columns:44px minmax(0,1fr) 42px 0 0}.rank-entry>span:nth-last-child(-n+2){display:none}.rank-entry .rank-product b{font-size:14px}}

/* Claude follows the lighter editorial detail layout used by the public reference. */
@media (min-width:1051px){
  .claude-page .detail-layout{grid-template-columns:840px 340px;gap:30px;max-width:none;padding:60px 15px 0}
  .claude-page .detail-hero{display:grid;grid-template-columns:90px minmax(0,1fr);gap:29px;padding:0;border:0;border-radius:0;background:transparent}
  .claude-page .detail-logo{width:90px;height:90px;flex-basis:90px;border-radius:10px;background:linear-gradient(135deg,#df805d,#e4a463);color:#fff;font-size:45px}
  .claude-page .detail-title h1{margin:8px 0 7px;font-size:34px;line-height:1}
  .claude-page .detail-title p{font-size:15px;color:#aeb3ba}
  .claude-page .detail-title .detail-tags,.claude-page .detail-hero .detail-actions{display:none}
  .claude-page .score-strip{height:84px;margin:30px 0 29px;border-radius:8px;background:transparent;border:0;overflow:visible;gap:18px}
  .claude-page .score-strip>div{display:flex;align-items:center;gap:12px;padding:16px 21px;border:1px solid #363b43;border-radius:8px;background:rgba(28,31,35,.82)}
  .claude-page .score-strip>div:nth-child(2),.claude-page .score-strip>div:nth-child(3){background:linear-gradient(115deg,rgba(31,85,78,.55),rgba(28,31,35,.82))}
  .claude-page .score-strip small{order:2;color:#d8dde1;font-size:14px;font-weight:700}.claude-page .score-strip strong{order:1;margin:0;color:#efd27d;font-size:27px}.claude-page .score-strip span{order:3;margin-left:-8px;font-size:11px}.claude-page .score-strip>div:first-child strong{padding:8px 6px;border-radius:6px;background:#fff;color:#d9ad4d;font-size:20px}
  .claude-page .detail-main>:is(.detail-section):not(.detail-extended .detail-section):nth-of-type(3){padding:0;border:0;border-radius:0;background:transparent}
  .claude-page .detail-main>:is(.detail-section):not(.detail-extended .detail-section):nth-of-type(3)>h2{display:none}
  .claude-page .detail-main>:is(.detail-section):not(.detail-extended .detail-section):nth-of-type(3)>p{max-width:820px;margin:0 0 7px;color:#b5b7bd;font-size:14px;line-height:1.85}
  .claude-page .detail-inline-tags{display:flex!important;gap:10px;margin:23px 0 36px}.claude-page .detail-inline-tags span{padding:8px 12px;border:1px solid #3b4047;border-radius:5px;background:transparent;color:#c3c7cd;font-size:13px}
  .claude-page .detail-action-row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}.claude-page .detail-action-row button{height:54px;border-radius:7px;font-size:15px}.claude-page .detail-action-row .primary-action{background:#62e8c1;color:#0f2821}.claude-page .detail-action-row .secondary-action{border-color:#3b4047;background:#292b30;color:#e1e3e6}
  .claude-page .detail-main>:is(.detail-section):not(.detail-extended .detail-section):nth-of-type(4){margin-top:30px}
  .claude-page .detail-aside{padding-top:233px;gap:30px}.claude-page .claude-preview{display:grid;min-height:228px;padding:13px 16px;background:#090909;border-color:#24282d;color:#faf8f5;text-decoration:none;overflow:hidden}.claude-page .claude-preview>span{font-family:Georgia,serif;font-size:12px}.claude-page .claude-preview>div{align-self:center;text-align:center}.claude-page .claude-preview b{display:block;font-family:Georgia,serif;font-size:28px;line-height:1.05;font-weight:400}.claude-page .claude-preview small{display:block;margin-top:8px;color:#737373;font-size:8px}.claude-page .claude-preview i{align-self:end;justify-self:center;width:155px;padding:7px;border:1px solid #2f2f2f;border-radius:5px;text-align:center;color:#dcdcdc;font-size:8px;font-style:normal}.claude-page .aside-card:not(.claude-preview){border-radius:8px}
}

@media (min-width:1051px){
  .topbar{padding:0 15px}
  .header-channel{width:127px;height:48px;margin-right:22px;padding:0 15px;border:1px solid #2e343d;border-radius:8px;background:#202329;color:#e5e8e8;font-size:14px}
  .header-channel .channel-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#71e8c4;color:#142a25;font-size:14px}
  .header-search{max-width:none;margin:0 20px 0 0}
  .claude-page .detail-logo{font-size:46px}
  .claude-page .score-strip{grid-template-columns:245px 245px 245px;justify-content:start}
}

/* Public tools directory: headline, popularity ribbon, then category results. */
@media (min-width:1051px){
  .archive-head{max-width:none;min-height:224px;padding:58px 15px 35px;background:linear-gradient(90deg,#181a1e 53%,rgba(22,45,46,.55) 76%,#181a1e 100%)}
  .archive-head .section-kicker,.archive-content::before{display:none}
  .archive-head h1{margin-top:8px;color:#69e6c1;font-size:36px}.archive-head>p:not(.section-kicker){max-width:800px;margin:21px 0 0;color:#8b9198;font-size:13px;line-height:2}.archive-head>p:not(.section-kicker) b{color:#84ebcd;font-weight:600}
  .archive-head .archive-search{display:none}.archive-content{padding:0 15px 40px}.tools-featured-rank{display:grid;grid-template-columns:210px repeat(5,minmax(0,1fr));gap:22px;min-height:303px;padding:30px 40px;margin:0 0 40px;border:1px solid #30343a;border-radius:8px;background:#1d1f24}
  .tools-featured-intro{display:grid;justify-items:center;align-content:center;text-align:center}.tools-trophy{color:#efd08b;font-size:58px;line-height:1}.tools-featured-intro b{margin-top:9px;color:#efcf8d;font-size:20px;line-height:1.5}.tools-featured-intro a{margin-top:21px;padding:10px 17px;border-radius:8px;background:#e5c47d;color:#372e20;text-decoration:none;font-size:12px}
  .tools-featured-item{position:relative;display:grid;align-content:start;justify-items:center;gap:10px;min-height:230px;padding:31px 12px 15px;border-radius:8px;background:#24262b;color:#dfe4e4;text-decoration:none}.tools-featured-item:hover{background:#2a2d32}.tools-featured-item>i{position:absolute;top:-1px;left:0;display:grid;place-items:center;width:35px;height:38px;border-radius:0 0 13px 0;background:#f0cd83;color:#3a2e1e;font-size:16px;font-style:normal;font-weight:800}.tools-featured-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:11px;background:#234c45;color:#b3f1df;font-size:31px}.tools-featured-item:nth-child(3) .tools-featured-logo{background:#d17955;color:#fff}.tools-featured-item:nth-child(4) .tools-featured-logo{background:#234c45}.tools-featured-item:nth-child(5) .tools-featured-logo{background:#1d1d1e;color:#f07d6c}.tools-featured-item:nth-child(6) .tools-featured-logo{background:#090b0d;color:#9bdffc}.tools-featured-item b{min-height:35px;text-align:center;font-size:15px;line-height:1.25}.tools-featured-item small{color:#a4abb1;font-size:11px}.tools-featured-item em{margin-top:6px;padding:4px 8px;border-radius:10px;background:#27433c;color:#91e5cc;font-size:10px;font-style:normal}.archive-content .filter-bar{align-items:center;margin-bottom:20px}.archive-content .filter-tabs{gap:10px}.archive-content .filter-tab{padding:9px 13px;border-radius:7px}.archive-content .tool-grid{gap:18px}
  .tools-featured-item{position:relative;display:grid;align-content:start;justify-items:center;gap:10px;min-height:230px;padding:31px 12px 15px;border-radius:8px;background:#24262b;color:#dfe4e4;text-decoration:none}.tools-featured-item:hover{background:#2a2d32}.tools-featured-item>i{position:absolute;top:-1px;left:0;display:grid;place-items:center;width:35px;height:38px;border-radius:0 0 13px 0;background:#f0cd83;color:#3a2e1e;font-size:16px;font-style:normal;font-weight:800}.tools-featured-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:11px;background:#234c45;color:#b3f1df;font-size:31px}.tools-featured-item:nth-child(3) .tools-featured-logo{background:#d17955;color:#fff}.tools-featured-item:nth-child(4) .tools-featured-logo{background:#234c45}.tools-featured-item:nth-child(5) .tools-featured-logo{background:#1d1d1e;color:#f07d6c}.tools-featured-item:nth-child(6) .tools-featured-logo{background:#090b0d;color:#9bdffc}.tools-featured-item b{min-height:35px;text-align:center;font-size:15px;line-height:1.25}.tools-featured-item small{color:#a4abb1;font-size:11px}.tools-featured-item em{margin-top:6px;padding:4px 8px;border-radius:10px;background:#27433c;color:#91e5cc;font-size:10px;font-style:normal}.archive-content .filter-bar{align-items:center;margin-bottom:20px}.archive-content .filter-tabs{gap:10px}.archive-content .filter-tab{padding:9px 13px;border-radius:7px}.archive-content .tool-grid{grid-template-columns:repeat(4,280px);gap:30px}.archive-content .tool-card{min-height:414px}
  .archive-content .filter-bar{padding:8px 0 9px;margin-bottom:15px;background:transparent;border:0;border-radius:0}.archive-content .filter-tabs{flex-wrap:nowrap}.archive-content .filter-tab{padding:8px 11px;white-space:nowrap;font-size:11px}.archive-content #catalog-grid{padding:0;background:transparent;border:0;border-radius:0}
  .top-actions .icon-button{display:none}.user-button>span:not(.avatar){display:none}.user-button .avatar{width:48px;height:48px;border:1px solid #d9e9e3;background:#204c43;color:#9aefd8;font-size:15px}.header-submit{min-width:140px;justify-content:center}
}
@media(max-width:1050px){.tools-featured-rank{display:none}}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:44px 0 58px;color:#8f99a4;font-size:12px}.catalog-pagination button,.catalog-pagination label{height:34px;padding:0 11px;border:1px solid #39414b;border-radius:4px;background:#20242a;color:#b8c0c7;font:inherit}.catalog-pagination button{cursor:pointer}.catalog-pagination button.active{border-color:#62d8ba;background:#225443;color:#a5edd8}.catalog-pagination i{font-style:normal}.catalog-pagination label{display:flex;align-items:center;gap:6px}.catalog-pagination input{width:24px;border:0;background:transparent;color:#d9dfe3;text-align:center;outline:0}
@media(max-width:780px){.catalog-pagination{width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 8px;scrollbar-width:none}.catalog-pagination::-webkit-scrollbar{display:none}.catalog-pagination>*{flex:0 0 auto}}
.tools-directory-followup{display:grid;gap:50px;margin:0 0 66px}.tools-course-section{padding:38px 0 0;border-top:1px solid #2e343b}.tools-followup-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.tools-followup-heading span,.tools-discovery-section>div>span{color:#77ddc0;font-size:11px}.tools-followup-heading h2,.tools-discovery-section h2{margin:9px 0 0;font-size:24px;line-height:1.4}.tools-followup-heading>a{color:#a9e8d7;text-decoration:none;font-size:12px;white-space:nowrap}.tools-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.tools-course-grid>a{min-height:322px;background:#202329;border:1px solid #343a42;color:#e6ebea;text-decoration:none}.tools-course-grid img{display:block;width:100%;height:153px;object-fit:cover}.tools-course-grid div{display:grid;gap:9px;padding:17px}.tools-course-grid b{font-size:16px}.tools-course-grid p{min-height:37px;margin:0;color:#96a3a7;font-size:12px;line-height:1.6}.tools-course-grid small{color:#6f7d83;font-size:10px}.tools-discovery-section{display:grid;grid-template-columns:1fr 620px;gap:46px;min-height:450px;padding:50px;background:#1f2828;border:1px solid #334846}.tools-discovery-section h2{max-width:480px}.tools-discovery-section p{max-width:500px;margin:13px 0 0;color:#9ba9a8;font-size:13px;line-height:1.75}.tools-discovery-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.tools-discovery-links a{display:grid;place-items:center;min-height:72px;border:1px solid #3b5250;background:#1b2223;color:#cae1da;text-decoration:none;font-size:12px}.tools-discovery-links a:hover{border-color:#77d8bd;color:#9cf2da}
@media(max-width:780px){.tools-directory-followup{gap:30px;margin-bottom:36px}.tools-course-section{padding-top:30px}.tools-followup-heading{align-items:flex-start;flex-direction:column;gap:12px}.tools-followup-heading h2,.tools-discovery-section h2{font-size:21px}.tools-course-grid{grid-template-columns:1fr;gap:12px}.tools-course-grid>a{display:grid;grid-template-columns:124px 1fr;min-height:124px}.tools-course-grid img{height:124px}.tools-course-grid div{padding:14px}.tools-course-grid p{min-height:0}.tools-discovery-section{grid-template-columns:1fr;gap:24px;min-height:0;padding:28px 18px}.tools-discovery-links{grid-template-columns:1fr 1fr;gap:9px}.tools-discovery-links a{min-height:58px}}

@media(min-width:781px){.robot-faq-section{margin-top:200px}.robot-faq-action{height:92px}}

@media(min-width:1051px){.rank-layout{max-width:none;padding:34px 15px 0}.rank-layout>.section-heading{min-height:306px}.rank-layout h1{font-size:34px}.rank-channel-tabs{margin:30px 0 0}.rank-table{overflow:visible;border:0;border-radius:0;background:transparent}.rank-header{display:none}.rank-table>#rank-body{display:grid;gap:40px}.rank-entry{grid-template-columns:90px minmax(0,1fr) 60px 80px 96px;min-height:178px;padding:28px 31px;border:1px solid #353a40;border-radius:0;background:#1d1f24}.rank-entry:hover{border-color:#6ba992!important;background:#23282c!important}.rank-entry .big-rank{align-self:start;font-size:29px}.rank-entry .rank-product{align-content:start;gap:8px}.rank-entry .rank-product b{font-size:20px}.rank-entry .rank-product small{font-size:13px}.rank-entry .rank-product i{margin-top:2px}.rank-entry .rank-product em{max-width:680px;color:#8d969e;font-size:12px;font-style:normal;line-height:1.7}.rank-entry .rank-grade{align-self:start}.rank-entry .table-score{align-self:start;font-size:18px}.rank-entry>span:last-child{align-self:start;color:#9bcfbe;font-size:12px}.rank-note{height:105px;margin-top:0;align-items:center}.rank-layout+.footer{margin-top:0}}

@media(min-width:1051px){.claude-page .claude-editorial-bridge{display:grid;gap:22px;min-height:343px;padding:32px 0 0;border-top:1px solid #343941}.claude-page .claude-editorial-bridge>p{margin:0;padding:19px 22px;border:1px solid #363b42;border-radius:8px;background:#212429;color:#aeb5bb;font-size:13px;line-height:1.7}.claude-page .claude-editorial-bridge>div{display:grid;align-content:center;gap:10px;min-height:235px;padding:31px 38px;background:#2a2420;border:1px solid #4c4030}.claude-page .claude-editorial-bridge b{color:#efd07b;font-size:28px}.claude-page .claude-editorial-bridge span{color:#eee7dd;font-size:17px}.claude-page .claude-editorial-bridge small{max-width:480px;color:#b8aca0;font-size:13px;line-height:1.7}.claude-page .detail-extended{padding-bottom:131px}.claude-page .claude-comments{min-height:1131px;padding:31px 40px;border:1px solid #373c43;background:#1f2227}.claude-page .claude-comments .section-heading{margin-bottom:26px}.claude-comment-compose{display:grid;gap:12px;padding:18px;border:1px solid #393f47;background:#252930}.claude-comment-compose>b{font-size:13px}.claude-comment-compose textarea{width:100%;min-height:90px;padding:11px;border:1px solid #414853;background:#1d2025;color:#e8ecec;resize:none;font:inherit;font-size:12px;outline:0}.claude-comment-compose>div{display:flex;align-items:center;justify-content:space-between}.claude-comment-compose small{color:#7f8993;font-size:11px}.claude-comment-compose button{padding:8px 14px;font-size:11px}.claude-comment-list{display:grid;gap:0;margin-top:24px;border-top:1px solid #363b42}.claude-comment-list article{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid #363b42}.claude-comment-list article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#495456;color:#d8f0e8;font-size:13px}.claude-comment-list article div{display:grid;gap:8px}.claude-comment-list article p{margin:0;color:#cdd3d5;font-size:13px}.claude-comment-list article small{color:#7d8892;font-size:11px}.claude-page .claude-comments:after{content:"";display:block;height:295px}}
@media(max-width:780px){.claude-editorial-bridge{display:grid;gap:14px;margin-top:28px}.claude-editorial-bridge>p,.claude-editorial-bridge>div{margin:0;padding:18px;background:#24282c;color:#aeb7bb;font-size:12px;line-height:1.7}.claude-editorial-bridge>div{display:grid;gap:8px}.claude-editorial-bridge b{color:#efd07b;font-size:21px}.claude-editorial-bridge span{color:#e9e3db}.claude-page .detail-extended{padding-bottom:40px}.claude-page .claude-comments{padding:22px 18px}.claude-comment-compose{display:grid;gap:10px;padding:14px}.claude-comment-compose textarea{min-height:90px}.claude-comment-list article{padding:18px 0}}

@media(min-width:1051px){.claude-page .claude-editorial-bridge{min-height:334px}.claude-page .claude-editorial-bridge>div{min-height:226px}}

@media(min-width:1051px){.submit-public-hero{min-height:1480px;padding:120px 15px 0;background:linear-gradient(180deg,#181a1e 0,#1a2424 43%,#181a1e 100%)}.submit-hero-copy{min-height:580px;padding:30px 0 0}.submit-hero-copy>span{color:#80e4c8;font-size:11px;letter-spacing:.14em}.submit-hero-copy h1{margin:29px 0 20px;color:#f1f4f1;font-size:54px;line-height:1.18}.submit-hero-copy p{max-width:590px;margin:0;color:#a9b3b4;font-size:17px;line-height:1.8}.submit-hero-copy a{display:inline-block;margin-top:34px;padding:12px 18px;border:1px solid #76d2b8;color:#a5f0d9;text-decoration:none;font-size:13px}.submit-plan-section{margin-top:44px}.submit-plan-section h2,.submit-service-list h2{margin:0 0 30px;font-size:25px}.submit-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.submit-plan-grid article{display:grid;align-content:start;gap:14px;min-height:388px;padding:30px;border:1px solid #3a4245;background:#1f2428}.submit-plan-grid article:nth-child(2){border-color:#ba9653;background:#29271f}.submit-plan-grid span{color:#81dcca;font-size:12px}.submit-plan-grid h3{margin:12px 0 0;font-size:22px}.submit-plan-grid b{color:#d6e0dc;font-size:14px}.submit-plan-grid p{min-height:58px;margin:0;color:#929ea0;font-size:12px;line-height:1.7}.submit-plan-grid button{width:max-content;margin-top:auto;padding:9px 14px;border:1px solid #53625f;background:transparent;color:#bceadd;font:inherit;font-size:12px;cursor:pointer}.submit-layout{min-height:1550px;max-width:none;padding:70px 15px 0}.submit-layout .submit-intro,.submit-layout .submit-form{align-self:start}.submit-layout .submit-intro{padding-top:9px}.submit-layout .submit-intro h1{font-size:34px}.submit-service-list{grid-column:1/-1;display:grid;grid-template-columns:340px 1fr;gap:70px;margin-top:78px;padding:40px 0;border-top:1px solid #343c3e}.submit-service-list h2{font-size:24px}.submit-service-list>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#343d40;border:1px solid #343d40}.submit-service-list span{padding:20px;background:#202529;color:#b5c2c0;font-size:13px}.submit-layout+.footer{margin-top:0}}
@media(max-width:780px){.submit-public-hero{padding:56px 18px 0}.submit-hero-copy h1{font-size:35px;line-height:1.25}.submit-hero-copy p{font-size:14px;line-height:1.75}.submit-plan-section{margin-top:55px}.submit-plan-section h2,.submit-service-list h2{font-size:22px}.submit-plan-grid{display:grid;gap:12px}.submit-plan-grid article{display:grid;gap:11px;padding:22px;border:1px solid #3a4245;background:#20262a}.submit-plan-grid h3{margin:0;font-size:19px}.submit-plan-grid p{margin:0;color:#9ba7a9;font-size:12px;line-height:1.65}.submit-plan-grid button{width:max-content;padding:8px 12px;border:1px solid #576963;background:transparent;color:#bcf0df}.submit-layout{display:grid;min-height:0;padding:55px 18px}.submit-service-list{display:grid;gap:22px;margin-top:45px;padding-top:30px;border-top:1px solid #343c3e}.submit-service-list h2{margin:0}.submit-service-list>div{display:grid;gap:1px;border:1px solid #343d40;background:#343d40}.submit-service-list span{padding:16px;background:#202529;color:#b5c2c0;font-size:12px}}

@media(min-width:1051px){.category-head{min-height:224px}.category-grid{grid-template-columns:repeat(4,280px)!important;gap:30px!important}.category-grid .tool-card{min-height:363px!important;border-radius:0;background:#1c1c1f;border-color:#363637}.category-grid .tool-logo{width:64px;height:64px;margin-bottom:28px;border-radius:10px;font-size:22px}.category-grid .tool-card{padding:22px}.category-grid .tool-desc{min-height:61px;font-size:11px;line-height:1.65}.category-grid .tool-meta{margin-top:auto}.category-pagination{margin-top:40px}.category-course-tail{min-height:456px;margin-top:40px;padding:34px 0 0;border-top:1px solid #343b42}.category-course-tail h2{margin:0;font-size:20px}.category-course-tail p{max-width:450px;margin:17px 0;color:#929da0;font-size:13px;line-height:1.75}}
@media(max-width:780px){.category-grid .tool-card{min-height:270px}.category-course-tail{margin-top:38px;padding-top:28px;border-top:1px solid #343b42}.category-course-tail h2{font-size:20px}.category-course-tail p{color:#929da0;font-size:12px;line-height:1.7}}

/* The drama archive uses the source site's image-led product cards and a
   four-card course strip after the product list. */
@media(min-width:1051px){
  .drama-grid{margin-top:93px;grid-template-columns:repeat(4,280px)!important;gap:30px!important}
  .drama-grid .drama-card{height:414px!important;min-height:414px!important;padding:0;overflow:hidden;background:#1c1c1f}
  .drama-cover{height:156px;background:#292c31;overflow:hidden}.drama-cover img{display:block;width:100%;height:100%;object-fit:cover}
  .drama-card-content{display:flex;min-height:258px;padding:18px 20px 16px;flex-direction:column}
  .drama-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.drama-card-title .tool-name{margin:0;font-size:17px}.drama-card-title>span{color:#899697;font-size:10px;white-space:nowrap}
  .drama-tagline{display:block;min-height:34px;margin:14px 0 8px;color:#d9dfdc;font-size:12px;line-height:1.45}.drama-card-content .tool-desc{min-height:57px;margin:0;color:#8d9898;font-size:11px;line-height:1.65}.drama-card-content .tool-meta{margin-top:auto;padding-top:13px}
  .drama-grid + .category-pagination{margin-top:28px}
  .drama-course-tail{height:456px;min-height:456px;margin-top:40px;padding-top:34px;overflow:hidden}.drama-course-tail h2{margin:0 0 2px;font-size:20px}
  .drama-course-grid{display:grid;grid-template-columns:repeat(4,280px);gap:30px;height:390px}.drama-course-card{display:grid;grid-template-rows:129px 1fr;overflow:hidden;border:1px solid #353b3e;background:#1d2226;color:#e6e9e8;text-decoration:none}.drama-course-card:nth-child(5){display:none}.drama-course-card>div{position:relative;overflow:hidden;background:#293032}.drama-course-card img{display:block;width:100%;height:100%;object-fit:cover}.drama-course-card>div>span{position:absolute;top:0;left:0;padding:5px 8px;background:#d8b46b;color:#3f301a;font-size:10px}.drama-course-card section{display:grid;align-content:start;gap:9px;padding:13px}.drama-course-card b{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drama-course-card p{display:-webkit-box;min-height:30px;margin:0;overflow:hidden;color:#8f9a9d;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drama-course-card small{color:#e2b965;font-size:10px}
}
@media(max-width:780px){
  .drama-grid{margin-top:18px}.drama-grid .drama-card{min-height:0!important;padding:0;overflow:hidden}.drama-cover{height:155px;overflow:hidden;background:#292c31}.drama-cover img{display:block;width:100%;height:100%;object-fit:cover}.drama-card-content{display:flex;padding:17px 18px 15px;flex-direction:column}.drama-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.drama-card-title .tool-name{margin:0;font-size:17px}.drama-card-title>span{color:#899697;font-size:10px}.drama-tagline{margin:12px 0 7px;color:#d9dfdc;font-size:12px}.drama-card-content .tool-desc{min-height:0;font-size:11px}.drama-card-content .tool-meta{margin-top:18px}.drama-course-tail{padding-top:28px}.drama-course-tail h2{margin:0 0 18px}.drama-course-grid{display:grid;gap:12px}.drama-course-card{display:grid;grid-template-columns:126px minmax(0,1fr);grid-template-rows:116px;overflow:hidden;border:1px solid #353b3e;background:#1d2226;color:#e6e9e8;text-decoration:none}.drama-course-card>div{position:relative;overflow:hidden}.drama-course-card img{display:block;width:100%;height:100%;object-fit:cover}.drama-course-card>div>span{position:absolute;top:0;left:0;padding:4px 6px;background:#d8b46b;color:#3f301a;font-size:9px}.drama-course-card section{display:grid;align-content:start;gap:7px;padding:12px}.drama-course-card b{font-size:12px;line-height:1.45}.drama-course-card p{margin:0;color:#8f9a9d;font-size:10px;line-height:1.5}.drama-course-card small{color:#e2b965;font-size:10px}
}

/* Last-in-file overrides keep the source-like plain channel and visible desktop login. */
.header-channel{width:auto!important;height:auto!important;margin-right:22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e5e8e8!important;font-size:15px!important;font-weight:600!important}
.header-channel .channel-icon{display:none!important}
.header-channel-title{display:inline-block;transition:transform .25s ease,opacity .25s ease}.header-channel-title.is-changing{transform:translateY(-5px);opacity:.25}
.nav-icon,.mobile-tabbar .nav-icon{display:block;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool-detail-product-placeholder,.robot-detail-product-placeholder{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;border:1px solid #303f40;background:radial-gradient(circle at 50% 35%,#34574f,#222c2e 70%);color:#a7e5d2;text-align:center}.tool-detail-product-placeholder b,.robot-detail-product-placeholder b{font-size:34px}.tool-detail-product-placeholder span,.robot-detail-product-placeholder span{font-size:12px}.tool-detail-product-placeholder small,.robot-detail-product-placeholder small{color:#7f9290;font-size:10px}
.robot-radar-card{display:grid;gap:14px}.robot-radar-card h3{margin-bottom:0}.robot-radar{display:grid;gap:12px}.robot-radar-row{display:grid;grid-template-columns:60px 1fr 27px;align-items:center;gap:8px;color:#9aa8a7;font-size:10px}.robot-radar-row i{height:7px;overflow:hidden;border-radius:99px;background:#303b3c}.robot-radar-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#398f78,#78e0bd)}.robot-radar-row em{color:#86d5c0;font-size:10px;font-style:normal;text-align:right}.robot-radar-card>.detail-muted{margin:0;color:#738583;font-size:10px}
@media(min-width:1051px){.user-button>span:not(.avatar){display:inline-flex!important}.user-button .avatar{width:32px;height:32px;border:1px solid #d9e9e3;background:#204c43;color:#9aefd8;font-size:13px}.tool-detail-product-placeholder{height:227px}.robot-detail-product-placeholder{position:absolute;z-index:0;left:252px;top:103px;width:336px;height:336px;min-height:0;pointer-events:none}}
@media(max-width:780px){.robot-detail-product-placeholder{display:none}.robot-radar-row{grid-template-columns:58px 1fr 25px}.detail-actions{flex-wrap:wrap}.detail-actions>*{flex:1 1 120px;min-width:0}.tool-detail-product-placeholder{min-height:180px}}

@media(min-width:1051px){.robot-public-editorial{display:grid;gap:34px;min-height:710px;margin-top:30px;padding:0 66px}.robot-public-editorial dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;border:1px solid #343a42;background:#343a42}.robot-public-editorial dl>div{padding:14px;background:#20242a}.robot-public-editorial dt{color:#859098;font-size:11px}.robot-public-editorial dd{margin:8px 0 0;color:#d8dedc;font-size:13px}.robot-public-prompt{padding:18px 20px;border:1px solid #363d44;background:#24282d;color:#aeb7bb;font-size:13px;line-height:1.75}.robot-public-prompt b{color:#dfe7e5;font-weight:500}.robot-public-editorial section{padding-top:3px}.robot-public-editorial h2{margin:0 0 20px;font-size:21px}.robot-public-editorial table{width:100%;border-collapse:collapse;border:1px solid #363d44;color:#c8d0d0;font-size:12px}.robot-public-editorial th,.robot-public-editorial td{padding:12px 14px;border:1px solid #363d44;text-align:left}.robot-public-editorial th{background:#292e33;color:#e4e9e8;font-weight:600}.robot-public-editorial td{color:#9fa9ac}.robot-public-comments{min-height:763px;margin-top:0;padding:31px 40px;border:1px solid #373d44;background:#1f2227}.robot-public-comments h2{margin:0 0 26px;font-size:20px}.robot-comment-compose{display:grid;gap:12px;padding:18px;border:1px solid #393f47;background:#252930}.robot-comment-compose>b{font-size:13px}.robot-comment-compose textarea{width:100%;min-height:90px;padding:11px;border:1px solid #414853;background:#1d2025;color:#e8ecec;resize:none;font:inherit;font-size:12px;outline:0}.robot-comment-compose>div{display:flex;align-items:center;justify-content:space-between}.robot-comment-compose small{color:#7f8993;font-size:11px}.robot-comment-compose button{padding:8px 14px;font-size:11px}.robot-comment-empty{margin:28px 0;color:#818d93;font-size:12px}.robot-detail-layout .detail-extended{padding-bottom:0}}
@media(max-width:780px){.robot-public-editorial{display:grid;gap:22px;margin-top:28px}.robot-public-editorial dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:#343a42}.robot-public-editorial dl>div{padding:13px;background:#20242a}.robot-public-editorial dt{color:#859098;font-size:10px}.robot-public-editorial dd{margin:6px 0 0;font-size:12px}.robot-public-prompt{padding:16px;background:#24282d;color:#aeb7bb;font-size:12px;line-height:1.75}.robot-public-editorial h2{font-size:20px}.robot-public-editorial table{width:100%;font-size:11px;border-collapse:collapse}.robot-public-editorial th,.robot-public-editorial td{padding:10px;border:1px solid #363d44}.robot-public-comments{margin-top:32px;padding:22px 18px}.robot-public-comments h2{font-size:20px}.robot-comment-compose{display:grid;gap:10px;padding:14px}.robot-comment-compose textarea{min-height:90px}}
@media(min-width:1051px){.robot-public-comments{margin-bottom:-31px}}
@media(min-width:1051px){
  /* The public robot pages reserve a tall editorial hero before the article. */
  .robot-detail-layout{grid-template-columns:840px 340px;gap:30px;max-width:none;padding:25px 15px 0}
  .robot-detail-layout .robot-detail-hero{position:relative;min-height:778px;padding:0;align-items:flex-start;gap:28px;border:0;border-radius:0;background:linear-gradient(rgba(36,44,49,.2),rgba(36,44,49,.2)),repeating-linear-gradient(0deg,transparent 0,transparent 69px,rgba(105,135,139,.09) 70px),repeating-linear-gradient(90deg,transparent 0,transparent 69px,rgba(105,135,139,.09) 70px)}
  .robot-detail-layout .robot-detail-logo{flex-basis:70px;width:70px;height:70px;border-radius:8px;font-size:30px}
  .robot-detail-layout .detail-title{padding-top:18px}
  .robot-detail-product-image{position:absolute;z-index:0;left:252px;top:103px;width:336px;height:336px;object-fit:contain;pointer-events:none}
  .robot-detail-layout .robot-detail-hero>.detail-logo,.robot-detail-layout .robot-detail-hero>.detail-title,.robot-detail-layout .robot-detail-hero>.detail-actions{position:relative;z-index:1}
  .robot-detail-layout .robot-public-editorial{min-height:1100px}
}
@media(max-width:780px){.robot-detail-product-image{display:none}}
.robot-rating-placeholder{display:grid;place-items:center;gap:8px;min-height:190px;background:radial-gradient(circle at center,rgba(56,103,94,.22),transparent 62%),repeating-radial-gradient(circle at center,transparent 0,transparent 31px,rgba(91,139,128,.1) 32px);color:#d7dedc;text-align:center}.robot-rating-placeholder span{font-size:17px}.robot-rating-placeholder small{color:#7f8b8d;font-size:10px}.robot-aside-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#343a42;border:1px solid #343a42}.robot-aside-specs div{display:grid;gap:6px;padding:14px;background:#20242a}.robot-aside-specs b{color:#a9ecd9;font-size:13px;line-height:1.3}.robot-aside-specs small{color:#818c91;font-size:10px}@media(max-width:780px){.robot-rating-placeholder{min-height:150px}}
@media(min-width:1051px){
  .tool-detail-page .detail-layout{grid-template-columns:840px 340px;gap:30px;max-width:none;padding:25px 15px 0}
  .tool-detail-page .detail-hero{position:relative;min-height:454px;padding:35px 0 0;align-items:flex-start;gap:30px;border:0;border-radius:0;background:linear-gradient(rgba(37,44,47,.2),rgba(37,44,47,.2)),repeating-linear-gradient(0deg,transparent 0,transparent 69px,rgba(105,135,139,.08) 70px),repeating-linear-gradient(90deg,transparent 0,transparent 69px,rgba(105,135,139,.08) 70px)}
  .tool-detail-page .detail-logo{flex-basis:90px;width:90px;height:90px;border-radius:10px}
  .tool-detail-page .detail-title{padding-top:0;transform:translateY(-10px)}
  .tool-detail-product-image{display:block;width:100%;height:227px;object-fit:cover;border:1px solid #303640;border-radius:8px}
  .tool-public-editorial{min-height:1900px;margin-top:30px;background:#1f2428}
  .tool-public-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;background:#343a42;border:1px solid #343a42}.tool-public-metrics div{display:grid;gap:8px;padding:17px;background:#20242a}.tool-public-metrics small{color:#818d92;font-size:11px}.tool-public-metrics b{color:#a9ecd9;font-size:14px}.tool-public-table{display:grid;gap:1px;margin-top:26px;background:#343a42;border:1px solid #343a42}.tool-public-table div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:18px;background:#20242a}.tool-public-table b{color:#dce4e1;font-size:13px}.tool-public-table span{color:#9aa8a9;font-size:12px;line-height:1.7}.tool-public-comments{min-height:947px;margin-top:0;background:#1f2227}
}
@media(max-width:780px){.tool-detail-product-image{display:block;width:100%;height:180px;object-fit:cover;border:1px solid #303640;border-radius:8px}.tool-public-editorial{min-height:0}.tool-public-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#343a42}.tool-public-metrics div{display:grid;gap:6px;padding:13px;background:#20242a}.tool-public-metrics small{color:#818d92;font-size:10px}.tool-public-metrics b{font-size:12px}.tool-public-table{display:grid;gap:1px;margin-top:18px;background:#343a42}.tool-public-table div{display:grid;gap:7px;padding:14px;background:#20242a}.tool-public-table b{font-size:12px}.tool-public-table span{color:#9aa8a9;font-size:11px;line-height:1.65}.tool-public-comments{min-height:0}}

/* Search results mirror the public archive's tagged, single-column result
   stream. All entries are local public snapshots; no account data is used. */
@media(min-width:1051px){
  .search-source-mode .search-layout{max-width:none;padding:60px 15px 0}
  .search-source-mode .search-layout>.section-kicker,.search-source-mode .archive-search{display:none}
  .search-source-mode #search-title{height:54px;margin:0;border-bottom:1px solid #343a42;color:#e7ecea;font-size:40px;line-height:1.35}
  .search-source-tags{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;height:114px;margin-top:60px}
  .search-source-tags a{display:grid;align-content:center;gap:10px;padding:0 18px;border:1px solid #353b42;background:#20252a;color:#d9e0dd;text-decoration:none}.search-source-tags a:hover{border-color:#69d8b9}.search-source-tags b{font-size:13px}.search-source-tags span{color:#808c91;font-size:11px}
  .search-source-menu{display:flex;align-items:center;gap:25px;height:36px;margin-top:30px;border-bottom:1px solid #343a42}.search-source-menu a{height:36px;padding:0 2px;color:#89969a;text-decoration:none;font-size:12px}.search-source-menu a.active{border-bottom:2px solid #72d8bb;color:#d8e4e1}
  .search-source-mode .search-results-section{padding:24px 0 40px}.search-source-mode #search-results{display:grid;grid-template-columns:892px;gap:30px;width:892px;padding-bottom:92px}
  .search-post-item{display:block;min-height:222px;border:1px solid #363d43;background:#20252a;color:#e5eae8;text-decoration:none}.search-post-item:hover{border-color:#69cdb2;background:#232a2e}.search-item-wrap{display:grid;grid-template-columns:76px minmax(0,1fr) 192px;gap:18px;min-height:100%;padding:22px 22px}.search-item-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,#73dfbe,#2c826d);color:#112a24;font-size:20px;font-weight:800}.search-item-main{min-width:0}.search-item-main h2{display:flex;align-items:baseline;gap:12px;margin:0 0 13px}.search-item-main h2 span{color:#8c999b;font-size:10px;font-weight:400}.search-item-main h2 b{font-size:20px}.search-item-labels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.search-item-labels i{padding:4px 7px;border-radius:3px;background:#2e363b;color:#9aa7a8;font-size:10px;font-style:normal}.search-item-labels i:first-child{background:#4b3c24;color:#f1ce82}.search-item-main p{margin:0;color:#98a4a6;font-size:12px;line-height:1.8}.search-item-cover{display:grid;place-items:center;align-self:stretch;min-height:100px;border:1px solid #3b4547;background:radial-gradient(circle at 50% 40%,#34574f,#222c2e 66%);color:#9fe8d1}.search-item-cover b{font-size:32px;font-weight:700}
}
@media(max-width:780px){
  .search-source-mode .search-layout{max-width:none;padding:42px 18px 0}.search-source-mode .search-layout>.section-kicker,.search-source-mode .archive-search{display:none}.search-source-mode #search-title{height:auto;margin:0;padding-bottom:14px;border-bottom:1px solid #343a42;color:#e7ecea;font-size:30px}.search-source-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.search-source-tags a{display:grid;gap:7px;padding:14px;border:1px solid #353b42;background:#20252a;color:#d9e0dd;text-decoration:none}.search-source-tags b{font-size:11px}.search-source-tags span{color:#808c91;font-size:10px}.search-source-menu{display:flex;gap:20px;height:36px;margin-top:24px;border-bottom:1px solid #343a42}.search-source-menu a{padding-top:8px;color:#89969a;text-decoration:none;font-size:11px}.search-source-menu a.active{border-bottom:2px solid #72d8bb;color:#d8e4e1}.search-source-mode .search-results-section{padding:18px 0 28px}.search-source-mode #search-results{display:grid;grid-template-columns:1fr;gap:12px;width:100%;padding-bottom:30px}.search-post-item{display:block;min-height:0!important;border:1px solid #363d43;background:#20252a;color:#e5eae8;text-decoration:none}.search-item-wrap{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px}.search-item-logo{width:48px;height:48px;border-radius:8px;font-size:15px}.search-item-main h2{display:grid;gap:5px;margin:0 0 10px}.search-item-main h2 span{font-size:9px}.search-item-main h2 b{font-size:16px}.search-item-labels{gap:5px;margin-bottom:9px}.search-item-labels i{padding:3px 5px;font-size:9px}.search-item-main p{font-size:11px;line-height:1.7}.search-item-cover{display:none}
}

/* Final cascade for the framework acceptance pass. */
.main-content{min-width:0;overflow-x:hidden}
.home-promos{grid-template-columns:repeat(3,minmax(0,1fr));width:auto;max-width:none;margin:30px 15px 0;padding:0;gap:30px}
.news-promo{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:start;margin:30px 15px 0;padding:16px 18px;border:1px solid #2a3c3b;border-radius:6px;background:#202f31;color:var(--text);text-decoration:none}.news-promo h2{margin:6px 0 0;font-size:16px}.news-promo time{align-self:center;color:#a7bbb7;font-size:11px}.news-promo .news-row{margin-top:15px;padding-top:12px}
.catalog-tabs{align-items:center}.catalog-more{flex:0 0 auto;padding:10px 15px;border:1px solid #2c333d;border-radius:6px;background:#20242a;color:#929ca7;font:inherit;font-size:12px;cursor:pointer}.catalog-more:hover,.catalog-more[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-2)}.catalog-extra-tab{display:none}.catalog-tabs.is-expanded .catalog-extra-tab{display:inline-flex}
.promo-dropdown{min-width:100%;padding:14px 16px}.promo-detail-list{display:grid;gap:7px}.promo-detail-list span{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px}.promo-detail-list span b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#365a53;color:#baf2df;font-size:10px}.promo-detail-list span em{overflow:hidden;color:#d8e8e3;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.promo-detail-list span small{color:#e5c77e;font-size:10px}.promo-detail-link{display:inline-flex;margin-top:4px;color:#9ce4cf;font-size:11px;text-decoration:none}
.banner-controls{position:absolute;right:16px;bottom:13px;z-index:4;display:flex;align-items:center;gap:8px}.banner-controls>button,.banner-controls>div>button{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(220,242,255,.35);border-radius:50%;background:rgba(18,35,61,.55);color:#d2ecff;cursor:pointer}.banner-controls>div{display:flex;gap:5px}.banner-controls>div>button{width:6px;height:6px;padding:0;border:0;background:#7d94ae}.banner-controls>div>button.active{background:#b9e3ff;transform:scale(1.35)}
.search-panel{position:fixed;inset:0;z-index:80;display:none}.search-panel.is-open{display:block}.search-panel-backdrop{position:absolute;inset:0;background:rgba(7,11,15,.78);backdrop-filter:blur(8px)}.search-panel-dialog{position:relative;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 70px);margin:35px auto 0;overflow:auto;padding:30px;background:#171d22;border:1px solid #3c4c51;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.search-panel-head{display:flex;align-items:flex-start;justify-content:space-between}.search-panel-head h2{margin:0;color:#e8efec;font-size:27px}.search-panel-close{border:0;background:transparent;color:#9aa8a8;font-size:28px;cursor:pointer}.search-panel-form{display:flex;align-items:center;height:56px;margin-top:24px;border:1px solid #49645d;border-radius:6px;background:#202a2b}.search-panel-form>span{padding:0 14px;color:#69e3bd;font-size:23px}.search-panel-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e8efec;font:inherit}.search-panel-form button{height:40px;margin-right:8px;padding:0 18px;border:0;border-radius:4px;background:#5ad5c0;color:#10261f;font-weight:700;cursor:pointer}.search-panel-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.search-panel-columns section{min-width:0}.search-panel-columns h3{margin:0 0 12px;color:#a9d3c7;font-size:13px}.search-panel-hot{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#303b3d}.search-panel-hot button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 12px;border:0;background:#20282b;color:#d9e5e2;text-align:left;cursor:pointer}.search-panel-hot button:hover{background:#263b36}.search-panel-hot b{color:#6c9c91;font-size:11px}.search-panel-hot em{color:#dfbf73;font-size:10px;font-style:normal}.search-panel-products{display:grid;gap:1px;background:#303b3d}.search-panel-products a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;background:#20282b;color:#d9e5e2;text-decoration:none}.search-panel-products a:hover{background:#263b36}.search-panel-products a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#70d9b9;color:#15372e;font-size:12px;font-weight:700}.search-panel-products small{color:#e2c77d}.search-panel-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-panel-quick a{padding:10px 12px;border:1px solid #38484a;color:#a9c9c1;text-decoration:none;font-size:12px}.search-panel-quick a:hover{border-color:#62d7b8;color:#d7f4e9}.search-panel-open{overflow:hidden}
.auth-dialog,.welcome-dialog{display:grid;gap:16px;padding:26px}.auth-dialog h2,.welcome-dialog h2{margin:0;font-size:21px}.auth-dialog .dialog-head,.welcome-dialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.auth-dialog .dialog-head button,.welcome-dialog .dialog-head button{border:0;background:transparent;color:#9aa4af;font-size:25px;cursor:pointer}.auth-qr{display:grid;place-items:center;min-height:145px;border:1px dashed #4d635e;background:repeating-linear-gradient(45deg,#202d2d,#202d2d 8px,#263936 8px,#263936 16px);color:#b9e8db;text-align:center}.auth-qr small,.auth-note{color:#7f8d8d;font-size:11px}.auth-dialog label{display:grid;gap:7px;color:#9aa7a4;font-size:12px}.auth-dialog input{width:100%;padding:11px;border:1px solid #3c4e4b;border-radius:5px;background:#1b2325;color:#e9efec;font:inherit}.welcome-dialog{width:min(600px,calc(100vw - 32px));background:#182527}.welcome-lede{margin:0;color:#b2d2c9}.welcome-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.welcome-benefits div{display:grid;gap:7px;padding:16px 13px;border:1px solid #2e4c47;background:#203330}.welcome-benefits b{color:#aaf0dc;font-size:13px}.welcome-benefits span{color:#91aaa5;font-size:11px;line-height:1.6}
.robot-support-badge{display:inline-flex;margin-top:22px;padding:5px 9px;border:1px solid #3f6c61;border-radius:4px;color:#95d8c6;font-size:10px}.robot-view-tabs{display:flex;gap:8px;margin:20px 0 12px}.robot-view-tabs button{padding:10px 18px;border:1px solid #3b484b;background:transparent;color:#8d9b9a;font:inherit;cursor:pointer}.robot-view-tabs button.active{border-color:#64d9b8;background:#26453d;color:#b8f2e2}
@media(min-width:1051px){.home-promos{grid-template-columns:repeat(3,minmax(0,1fr));width:auto}.news-promo{margin-left:15px;margin-right:15px}.home-promos .mini-promo{min-width:0}}
@media(max-width:780px){.home-promos{grid-template-columns:1fr;width:auto;margin:18px 18px 0;padding:0;gap:12px}.news-promo{grid-template-columns:1fr;margin:18px 18px 0;padding:14px}.news-promo time{margin-top:8px}.news-promo .news-row{grid-template-columns:39px 1fr}.news-promo .news-row b:nth-of-type(2),.news-promo .news-row span:last-child{display:none}.catalog-tabs{overflow-x:auto}.catalog-tabs.is-expanded{flex-wrap:wrap;overflow:visible}.catalog-more{padding:8px 11px;font-size:11px}.catalog-extra-tab{padding:8px 11px;font-size:11px}.search-panel-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:12px auto 0;padding:20px}.search-panel-head h2{font-size:22px}.search-panel-columns{grid-template-columns:1fr;gap:24px}.search-panel-hot{grid-template-columns:1fr 1fr}.welcome-benefits{grid-template-columns:1fr}.robot-view-tabs{margin-top:12px}.robot-support-badge{margin-top:14px}.banner-controls{right:11px;bottom:10px}}

/* Keep banner artwork at its source brightness without decorative overlays. */
.promo-banner{background:#1c283a}
.promo-banner::before,.promo-banner::after{display:none!important;content:none!important}
.promo-banner>.promo-image{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;background:transparent!important}
.promo-banner>.banner-controls{z-index:5}

/* v4 visual parity: use the source mint/lime brand system consistently. */
:root{--accent:#00ffd1;--accent-2:#c0ff81;--brand-gradient:linear-gradient(90deg,#c0ff81 0%,#00ffd1 33%,#c0ff81 66%,#00ffd1 100%)}
.brand-mark{background:var(--brand-gradient)!important}
.brand-image{filter:brightness(1.12) saturate(1.2)}
.primary-action,.search-box button,.header-search button,.search-panel-form button,.save-button,.submit-button{background:var(--brand-gradient)!important;color:#10261f!important;transition:opacity 10ms linear,transform .18s ease}
.primary-action:hover,.search-box button:hover,.header-search button:hover,.search-panel-form button:hover,.save-button:hover,.submit-button:hover{opacity:.88}
.header-submit{background:linear-gradient(#202329,#202329) padding-box,var(--brand-gradient) border-box!important;border:1px solid transparent!important;transition:opacity 10ms linear,transform .18s ease}
.header-submit:hover{opacity:.88}
.header-channel{display:inline-flex!important;align-items:center!important;gap:8px!important;width:127px!important;height:48px!important;margin-right:22px!important;padding:0 14px!important;border:1px solid #2e343d!important;border-radius:8px!important;background:#202329!important;color:#e5e8e8!important;font-size:14px!important;font-weight:700!important}
.header-channel .channel-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:var(--brand-gradient)!important;color:#142a25!important;font-size:14px!important}
.header-search{background:linear-gradient(#202329,#202329) padding-box,var(--brand-gradient) border-box!important;border:1px solid transparent!important}
.header-search>span.search-mascot{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;flex:0 0 31px!important;margin-left:8px!important;padding:0!important;border-radius:50%!important;background:#f6f8f0!important;font-size:17px!important;line-height:1!important}
.header-search button{border-radius:0!important}
.mini-tag,.robot-ribbon,.robot-card-kind,.home-robot-label,.course-badge{border:1px solid rgba(0,255,209,.45)!important;background:rgba(0,255,209,.14)!important;color:#c0ffdd!important}
.robot-ribbon{border-radius:99px!important;padding:4px 10px!important}
.home-robot-label,.robot-card-kind{border-radius:4px!important}
.nav-item,.filter-tab,.catalog-more,.detail-actions>*{transition:opacity 10ms linear,background-color .16s ease,border-color .16s ease,color .16s ease,transform .18s ease}
.nav-icon,.mobile-tabbar .nav-icon{stroke-width:1.6!important}
.robot-ribbon{left:auto!important;right:20px!important;width:max-content!important;max-width:calc(100% - 40px)!important}

/* Tool details follow the source's compact title, score cards, long description
   and action-row flow instead of a tall empty hero. */
@media(min-width:1051px){
  .tool-detail-page .detail-main{position:relative;max-width:840px}
  .tool-detail-page .detail-main::before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:454px;pointer-events:none;background:linear-gradient(rgba(37,44,47,.2),rgba(37,44,47,.2)),repeating-linear-gradient(0deg,transparent 0,transparent 69px,rgba(105,135,139,.08) 70px),repeating-linear-gradient(90deg,transparent 0,transparent 69px,rgba(105,135,139,.08) 70px)}
  .tool-detail-page .detail-main>*,.tool-detail-page .detail-aside>*{position:relative;z-index:1}
  .tool-detail-page .detail-hero{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;grid-template-rows:auto!important;min-height:100px!important;height:auto!important;padding:0!important;align-items:start!important;gap:30px!important;border:0!important;border-radius:0!important;background:transparent!important}
  .tool-detail-page .detail-logo{grid-column:1;grid-row:1;width:90px;height:90px;flex-basis:90px;border-radius:10px}
  .tool-detail-page .detail-title{grid-column:2;grid-row:1;padding-top:0}
  .tool-detail-page .detail-title h1{margin:8px 0 7px;font-size:34px;line-height:1}
  .tool-detail-page .detail-title p{font-size:15px;color:#aeb3ba}
  .tool-detail-page .detail-title .detail-tags{display:none}
  .tool-detail-page .score-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 29px;overflow:visible;background:transparent;border:0;border-radius:0}
  .tool-detail-page .score-strip>div{display:grid;align-content:center;min-height:84px;padding:14px 20px;border:1px solid #363b43;border-radius:8px;background:rgba(28,31,35,.88)}
  .tool-detail-page .score-strip>div strong{margin:0;color:#e8eceb;font-size:25px;line-height:1.1}
  .tool-detail-page .score-strip>div small{color:#8f999f;font-size:11px}
  .tool-detail-page .score-strip>div span{color:#73d9ba;font-size:11px}
  .tool-detail-page .score-strip .score-point{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:10px}
  .tool-detail-page .score-strip .score-point strong{grid-row:1 / span 2;display:grid;place-items:center;padding:8px 9px;border-radius:6px;background:#fff;color:#d9a945;font-size:22px}
  .tool-detail-page .score-strip .score-point small{align-self:end;color:#d8dde1;font-size:12px;font-weight:700}
  .tool-detail-page .score-strip .score-point span{align-self:start}
  .tool-detail-page .tool-detail-intro{margin:0;padding:0;border:0;border-radius:0;background:transparent}
  .tool-detail-page .tool-detail-intro>h2{display:none}
  .tool-detail-page .tool-detail-intro>p{max-width:820px;margin:0 0 7px;color:#b5b7bd;font-size:14px;line-height:1.85}
  .tool-detail-page .tool-detail-intro>.detail-tags{display:flex;gap:10px;margin:23px 0 36px}
  .tool-detail-page .tool-detail-intro>.detail-tags span{padding:8px 12px;border:1px solid #3b4047;border-radius:5px;background:transparent;color:#c3c7cd;font-size:13px}
  .tool-detail-page .tool-detail-intro>.detail-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}
  .tool-detail-page .tool-detail-intro>.detail-actions>*{height:54px;border-radius:7px;font-size:15px}
  .tool-detail-page .tool-detail-intro>.detail-actions .secondary-action{border-color:#3b4047;background:#292b30;color:#e1e3e6}
  .tool-detail-page .detail-aside{padding-top:284px;gap:30px}
  .tool-detail-page .detail-aside>.aside-card:first-child{display:none}
  .tool-detail-page .tool-detail-product-image,.tool-detail-page .tool-detail-product-placeholder{width:100%;height:227px;object-fit:cover;border-radius:8px}
  .tool-detail-page .tool-aside-traffic{margin-top:0;min-height:300px;padding:31px 30px;background:#1f2227}
  .tool-detail-page .tool-aside-traffic h3{font-size:20px}
}
@media(max-width:780px){
  .header-channel{display:none!important}
  .brand-image{filter:brightness(1.08) saturate(1.15)}
  .tool-detail-page .detail-main::before{display:none}
  .tool-detail-page .tool-detail-intro{padding:20px 18px;border:1px solid #303640;border-radius:8px;background:var(--panel)}
  .tool-detail-page .tool-detail-intro>h2{display:none}
  .tool-detail-page .tool-detail-intro>.detail-tags{display:flex;gap:7px;margin:20px 0}
  .tool-detail-page .tool-detail-intro>.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0}
  .tool-detail-page .tool-detail-intro>.detail-actions>*{flex:1 1 120px;height:44px;font-size:12px}
  .tool-detail-page .detail-aside{padding-top:0}
  .tool-detail-page .tool-detail-product-image,.tool-detail-page .tool-detail-product-placeholder{height:180px}
}

/* Category controls follow the supplied source palette: quiet graphite
   buttons, a mint active state, and an outlined video-tool emphasis. */
.catalog-tabs a,.catalog-more,.filter-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 24px;
  border:1px solid #282e37;
  border-radius:8px;
  background:#1c2027;
  color:#b2b6bf;
  font-size:16px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,opacity 10ms linear,transform .18s ease;
}
.catalog-tabs a.active,.filter-tab.active{
  border-color:transparent;
  background:var(--brand-gradient)!important;
  color:#102521;
}
.catalog-tabs a:hover,.filter-tab:hover{
  border-color:#63e4c2;
  background:#222b31;
  color:#aef2dc;
}
.catalog-tabs a[href*="AI%20视频"]:not(.active),
.filter-tab[data-tool-filter="AI 视频"]:not(.active){
  border-color:#53e2be;
  background:#1b282c;
  color:#79e7c8;
}
.catalog-tabs a[href*="AI%20视频"]:not(.active):hover,
.filter-tab[data-tool-filter="AI 视频"]:not(.active):hover{
  border-color:#79eed0;
  background:#203a36;
  color:#b8f4df;
}
.catalog-tabs:not(.is-expanded) .catalog-extra-tab{display:none!important}
.catalog-tabs.is-expanded .catalog-extra-tab{display:inline-flex!important}
.catalog-more{
  flex:0 0 auto;
  margin-left:auto;
  padding-inline:28px;
  background:#1c2027;
  color:#b7bbc2;
}
.catalog-more:hover,.catalog-more[aria-expanded="true"]{
  border-color:#3a4652;
  background:#242a31;
  color:#d8dde2;
}
@media(max-width:780px){
  .catalog-tabs{gap:8px}
  .catalog-tabs a,.catalog-more,.filter-tab{min-height:42px;padding:0 13px;border-radius:6px;font-size:12px}
  .catalog-more{margin-left:0;padding-inline:14px}
}

/* Source-style line icons for every category in the sidebar flyout. */
.nav-flyout a{display:flex!important;align-items:center;gap:7px}
.nav-flyout .flyout-icon{display:block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#8edfc7}
.nav-flyout a>span{min-width:0}
.header-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-submit .header-icon{width:18px;height:18px}
.header-channel .header-icon{width:20px;height:20px}

/* Restore the four-stop brand ribbon and give it a restrained horizontal flow. */
.brand-mark,.primary-action,.search-box button,.header-search button,.search-panel-form button,.save-button,.submit-button,.header-channel .channel-icon,.catalog-tabs a.active,.filter-tab.active{
  background-size:200% 100%!important;
  animation:brandShimmer 3.2s linear infinite;
}
@keyframes brandShimmer{0%{background-position:0 0}100%{background-position:-200% 0}}

/* Cards lift consistently on pointer hover, matching the source's tactile feedback. */
.tool-card,.robot-card,.insight-card,.tutorial-card,.course-card,.drama-card,.collection-card,.submission-card,.robot-course-card,.drama-course-card,.home-post,.home-robot-card,.mini-promo,.search-post-item,.ecosystem-grid a{
  transition:transform .25s ease,box-shadow .25s ease,border-color .18s ease,background-color .18s ease!important;
}
@media (hover:hover){
  .tool-card:hover,.robot-card:hover,.insight-card:hover,.tutorial-card:hover,.course-card:hover,.drama-card:hover,.collection-card:hover,.submission-card:hover,.robot-course-card:hover,.drama-course-card:hover,.home-post:hover,.home-robot-card:hover,.mini-promo:hover,.search-post-item:hover,.ecosystem-grid a:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,255,209,.15);
  }
}

/* Search suggestions appear beneath the panel field after a short debounce. */
.search-panel-dialog{will-change:transform,opacity}
.search-panel-backdrop{animation:searchBackdropIn .22s ease both}
.search-panel.is-open .search-panel-dialog{animation:searchPanelIn .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes searchPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes searchBackdropIn{from{opacity:0}to{opacity:1}}
.search-suggestions{display:none;gap:1px;margin-top:8px;overflow:hidden;border:1px solid #384d49;border-radius:6px;background:#263635;box-shadow:0 10px 25px rgba(0,0,0,.24)}
.search-suggestions.is-visible{display:grid}
.search-suggestions button{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 13px;border:0;background:#202a2b;color:#dce9e4;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.search-suggestions button:hover{background:#29403a}
.search-suggestions button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-suggestions button small{color:#829a93;font-size:10px}
.search-suggestions button>span{color:#7edabd;font-size:13px;text-align:right}

/* Keep the source search mascot on first paint, then clear it after the user
   starts a search so the field remains quiet during longer interactions. */
.header-search .search-mascot{transition:opacity .22s ease,transform .22s ease}
.header-search.mascot-dismissed .search-mascot{opacity:0;transform:translateY(-3px);pointer-events:none}

/* The public shell uses a circular robot avatar; keep the local guest entry
   visually consistent without exposing or copying account data. */
.user-button .avatar{display:block;width:42px;height:42px;overflow:hidden;border:1px solid #d9e9e3;border-radius:50%;background:#182b2b;line-height:0}
.user-button .avatar-image{display:block;width:175px;height:42px;max-width:none;object-fit:fill}
@media(max-width:780px){
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar{width:27.04px;height:27.04px}
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar-image{width:112.67px;height:27.04px}
}

/* Match the source navigation flyouts: compact cards anchored directly to
   the right edge of the 200px rail. */
@media (min-width:781px){
.app-shell>.sidebar .nav-flyout{
    left:200px;
    top:0;
    padding:20px;
    border:1px solid rgba(255,255,255,.04);
    border-radius:10px;
    background:#202228;
    box-shadow:0 18px 36px rgba(0,0,0,.35);
    transform:translateX(0);
  }
  .app-shell>.sidebar .nav-flyout:before{display:none}
  .app-shell>.sidebar .nav-flyout>strong{display:none}
  .app-shell>.sidebar .nav-flyout-tools{top:69.2px;width:356px;grid-template-columns:1fr;padding:20px}
  .app-shell>.sidebar .nav-flyout-tools .flyout-group-wrap{display:block;width:314px}
  .app-shell>.sidebar .nav-flyout-tools .flyout-group{display:none}
  .app-shell>.sidebar .nav-flyout-tools .flyout-group-items{display:grid;grid-template-columns:repeat(3,98px);gap:10px}
  .app-shell>.sidebar .nav-flyout-tools a{
    display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;
    width:98px;height:67px;padding:14px;border:0;border-radius:6px;
    background:#252a2f;color:#dddedf;font-size:12px;line-height:20px;text-align:center;
  }
  .app-shell>.sidebar .nav-flyout-tools a:hover{background:#30383b;color:#9ce4cf}
  .app-shell>.sidebar .nav-flyout-tools .flyout-icon{width:14px;height:14px;flex:0 0 14px}
  .app-shell>.sidebar .nav-flyout-tools a>span{display:block;width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-shell>.sidebar .nav-flyout-robots{top:115.2px;width:524px;grid-template-columns:1fr;padding:20px}
  .app-shell>.sidebar .nav-flyout-robots .flyout-group-wrap{display:block;width:482px}
  .app-shell>.sidebar .nav-flyout-robots .flyout-group-wrap + .flyout-group-wrap{margin-top:29px}
  .app-shell>.sidebar .nav-flyout-robots .flyout-group{display:block;height:32px;margin:0;color:#6e9d91;font-size:10px;line-height:20px;letter-spacing:.08em}
  .app-shell>.sidebar .nav-flyout-robots .flyout-group-items{display:grid;grid-template-columns:repeat(3,154px);gap:10px}
  .app-shell>.sidebar .nav-flyout-robots a{
    display:flex!important;align-items:center;gap:6px;width:154px;height:44px;padding:14px;
    border:0;border-radius:6px;background:#252a2f;color:#dddedf;font-size:12px;line-height:20px;
  }
  .app-shell>.sidebar .nav-flyout-robots a:hover{background:#30383b;color:#9ce4cf}
  .app-shell>.sidebar .nav-flyout-robots .flyout-icon{width:14px;height:14px;flex:0 0 14px}
  .app-shell>.sidebar .nav-flyout-robots a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* The current source header keeps the mascot element hidden; retain the node
   for accessibility/interaction hooks while matching the visible header. */
@media(min-width:781px){
  .app-shell>.main-content>.topbar>.header-search .search-mascot{display:none!important}
}

/* Improve keyboard navigation and lazy-image loading feedback across the shell. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.deferred-image{opacity:0;transition:opacity .25s ease}
.deferred-image.is-loaded{opacity:1}
.mobile-tabbar a.active,.mobile-tabbar a.active .nav-icon{color:#00ffd1!important}
.promo-detail-link{cursor:pointer}
@media(prefers-reduced-motion:reduce){
  .brand-mark,.primary-action,.search-box button,.header-search button,.search-panel-form button,.save-button,.submit-button,.header-channel .channel-icon,.catalog-tabs a.active,.filter-tab.active{animation:none}
  .search-panel-backdrop,.search-panel.is-open .search-panel-dialog{animation:none}
  .tool-card,.robot-card,.insight-card,.tutorial-card,.course-card,.drama-card,.collection-card,.submission-card,.robot-course-card,.drama-course-card,.home-post,.home-robot-card,.mini-promo,.search-post-item,.ecosystem-grid a{transition:none!important}
}

/* Source parity pass: desktop shell, search, home rhythm and category controls. */
body,button,input,select,textarea{font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",Arial,sans-serif;letter-spacing:0}
@media(min-width:781px){
  .app-shell>.sidebar{padding:24.8px 0 0;background:#181a1e}
  .app-shell>.sidebar>.sidebar-inner{width:200px}
  .app-shell>.sidebar .brand{width:200px;height:38.4px;margin:0 0 34.8px;padding:0 20px;align-items:center}
  .app-shell>.sidebar .brand-image{width:160px;height:38.4px;max-width:none;object-fit:contain;object-position:left center}
  .app-shell>.sidebar .side-nav{width:200px;gap:6px}
  .app-shell>.sidebar .nav-item{width:160px;height:40px;margin:0 20px;padding:0 20px;gap:15px;border-radius:10px;line-height:40px}
  .app-shell>.sidebar .nav-item .nav-icon{width:14px;height:14px;flex:0 0 14px}
  .app-shell>.sidebar .nav-item .nav-item-label{font-size:14px;line-height:40px;white-space:nowrap}
  .app-shell>.sidebar .nav-item.active{background:#252a2f;box-shadow:inset 4px 0 0 #00ffd1}
  .app-shell>.sidebar .nav-badge{margin-left:auto;font-size:14px;line-height:40px}
  .app-shell>.sidebar .shell-subnav{width:200px;margin-top:24px;padding-top:17px;border-top:1px solid #343943;gap:6px}
  .app-shell>.sidebar .shell-subnav-label{margin:0 20px 11px;font-size:14px;line-height:20px}
  .app-shell>.sidebar .shell-subnav a{width:160px;height:40px;margin:0 20px;padding:0;line-height:40px;font-size:14px}
  .app-shell>.sidebar .shell-subnav a b{margin-left:8px}
  .app-shell>.sidebar .sidebar-recommend{width:200px;margin-top:26px;padding:14px 20px 0;border-top:1px solid #343943;gap:6px}
  .app-shell>.sidebar .sidebar-recommend span{font-size:14px;line-height:20px}
  .app-shell>.sidebar .sidebar-recommend a{width:160px;font-size:14px;line-height:40px}

  .app-shell>.main-content>.topbar{display:flex;gap:20px;padding:0 15px}
  .app-shell>.main-content>.topbar>.header-channel{order:0;flex:0 0 128px;width:128px;height:48px;margin:0!important;padding:0 14px;border:1px solid #252833;border-radius:10px;background:#1d1f26;color:#dcdddd;font-size:14px;line-height:48px}
  .app-shell>.main-content>.topbar>.header-channel .channel-icon{display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(270.19deg,rgba(0,170,255,.85) 2.82%,rgba(35,250,236,.8) 50%,#52ffba 97.18%);color:#142a25}
  .app-shell>.main-content>.topbar>.header-channel .header-icon{width:18px;height:18px}
  .app-shell>.main-content>.topbar>.header-search{order:1;flex:1;min-width:0;width:auto;height:48px;margin:0;position:relative;border:0;border-radius:10px;background:transparent!important;overflow:visible}
  .app-shell>.main-content>.topbar>.header-search input{display:block;width:100%;height:48px;margin:0;padding:14px 150px 14px 55px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#1d1f26;color:rgba(255,255,255,.82);font:14px/20px Arial,sans-serif;outline:0}
  .app-shell>.main-content>.topbar>.header-search input::placeholder{color:rgba(255,255,255,.5);opacity:1}
  .app-shell>.main-content>.topbar>.header-search button{position:absolute;z-index:2;top:0;right:0;display:flex;align-items:center;justify-content:center;width:130px;height:48px;margin:0;padding:1px 6px;border:0;border-radius:0 10px 10px 0;background:#efefef!important;color:#181a1e!important;font:14px Arial,sans-serif;gap:6px}
  .app-shell>.main-content>.topbar>.header-search button .header-icon{width:14px;height:14px}
  .app-shell>.main-content>.topbar>.header-search .search-mascot{position:absolute;z-index:1;top:10px;left:15px!important;display:block;width:30px;height:38px;margin:0!important;padding:0;background:transparent!important;border-radius:0!important}
  .app-shell>.main-content>.topbar>.header-search .search-mascot img{display:block;width:30px;height:38px;object-fit:contain}
  .app-shell>.main-content>.topbar>.top-actions{order:2;display:flex;flex:0 0 auto;gap:20px;width:206px}
  .app-shell>.main-content>.topbar>.top-actions .header-submit{order:1;flex:0 0 138px;width:138px;min-width:138px;height:48px;margin:0;padding:0 18px;border-radius:10px}
  .app-shell>.main-content>.topbar>.top-actions .user-button{order:2;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0}
  .app-shell>.main-content>.topbar>.top-actions .user-button>span:not(.avatar){display:none!important}
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar{width:48px;height:48px;border:1px solid #d9e9e3;background:#204c43;color:#9aefd8;font-size:15px}

  .home-promos{grid-template-columns:repeat(3,218px) 466px;width:1210px;margin:30px 15px 0;padding:0;gap:30px}
  .home-promos .mini-promo{width:218px;height:141px;min-height:141px;padding:15px;border-radius:10px;background:linear-gradient(#223234 41.33%,#183933 100%)}
  .home-promos .news-promo{grid-column:auto;width:466px;height:141px;min-height:141px;margin:0;padding:15px;border:0;border-radius:10px;background:linear-gradient(#223234 41.33%,#183933 100%)}
  .home-promos .news-promo .news-row{margin-top:15px;padding-top:12px}
  .home-catalog{padding:30px 15px 0}
  .catalog-tabs{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:15px;min-height:34px;height:34px;overflow:hidden;padding:0 92px 0 0;margin:0 0 30px}
  .catalog-tabs a,.catalog-tabs .catalog-more,.filter-tab{display:inline-flex;flex:0 0 auto;width:auto;height:34px;min-height:34px;padding:0 15px;border:1px solid rgba(255,255,255,.03);border-radius:6px;background:#202229;color:rgba(255,255,255,.7);font-size:14px;font-weight:400;line-height:34px;white-space:nowrap}
  .catalog-tabs .category-icon{display:block;width:14px;height:14px;flex:0 0 14px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .catalog-tabs .catalog-badge{margin-left:0;padding:1px 4.5px;border-radius:4px;background:#f0c978;color:#2a2415;font-size:10px;font-weight:700;line-height:16px}
  .catalog-tabs a.active,.filter-tab.active{border-color:rgba(255,255,255,.03);background:linear-gradient(90deg,#00d5d9 2.82%,#77f8d3 97.18%)!important;background-size:100% 100%!important;animation:none;color:#181a1e}
  .catalog-tabs a:hover,.catalog-tabs .catalog-more:hover,.filter-tab:hover{border-color:#1daf95;background:#1d3031;color:#00ffd1}
  .catalog-tabs .catalog-more{position:absolute;top:0;right:0;width:77px;margin:0;justify-content:center}
  .catalog-tabs a[href*="AI%20视频"]:not(.active),.filter-tab[data-tool-filter="AI 视频"]:not(.active){border-color:rgba(255,255,255,.03);background:#202229;color:rgba(255,255,255,.7)}
  .catalog-tabs a[href*="AI%20视频"]:not(.active):hover,.filter-tab[data-tool-filter="AI 视频"]:not(.active):hover{border-color:#1daf95;background:#1d3031;color:#00ffd1}
}

/* The public home has no extra content bands between tutorials and the footer. */
.home-insights-band,.home-ecosystem{display:none!important}

/* Use the public GENTO visual in the robot home tile; the transparent product
   render sits over the same grid background used by the source. */
.robot-hero{background:#1a6961 url('/assets/original/robot-home-bg.webp') center/cover no-repeat!important}
.robot-hero>.robot-hero-image{width:58%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:normal}
.home-robot-cover{background:#29282b url('/assets/original/robot-list-bg.webp') center/cover no-repeat!important}
@media(max-width:780px){
  .app-shell>.sidebar .brand-image{width:160px;height:38.4px}
  .home-promos{grid-template-columns:1fr;width:auto;margin:18px 18px 0;padding:0;gap:12px}
  .home-promos .mini-promo,.home-promos .news-promo{width:auto;height:auto;min-height:141px;margin:0}
  .catalog-tabs{display:flex;flex-wrap:nowrap;gap:8px;height:34px;min-height:34px;overflow-x:auto;padding:0;margin:0 0 24px}
  .catalog-tabs.is-expanded{height:auto;flex-wrap:wrap;overflow:visible}
  .catalog-tabs a,.catalog-tabs .catalog-more,.filter-tab{height:34px;min-height:34px;padding:0 13px;font-size:12px;line-height:34px}
  .catalog-tabs .category-icon{width:13px;height:13px;flex-basis:13px}
  .catalog-tabs .catalog-more{position:static;top:auto;right:auto;width:auto;margin-left:0}
  .app-shell>.main-content>.topbar>.header-search .search-mascot{display:none!important}
}

/* Match the source mobile shell: fixed compact header, no desktop rail, and
   two-column content cards beneath a full-width hero. */
@media(max-width:780px){
  body{font-size:14px;padding-bottom:78px;overflow-x:hidden}
  .app-shell{display:block;min-height:0}
  .app-shell>.sidebar{display:none!important}
  .app-shell>.main-content{display:block;width:100%;margin:0;padding-top:53px;min-width:0}
  .app-shell>.main-content>.topbar{position:fixed;z-index:70;top:0;right:0;left:0;display:flex;align-items:center;gap:10.4px;width:100%;height:53px;padding:0 10.4px;border-bottom:1px solid #252833;background:linear-gradient(rgba(24,26,30,.94),rgba(24,26,30,.81))}
  .mobile-brand{display:block;flex:0 0 108.2px;width:108.2px;height:26px;order:0}
  .mobile-brand img{display:block;width:108.2px;height:26px;object-fit:contain;object-position:left center}
  .app-shell>.main-content>.topbar>.header-channel,.app-shell>.main-content>.topbar>.breadcrumb,.app-shell>.main-content>.topbar .header-submit,.app-shell>.main-content>.topbar .icon-button{display:none!important}
  .app-shell>.main-content>.topbar>.header-search{position:relative;display:block;flex:1;order:1;width:auto;height:31.2px;margin:0!important;border:0;background:transparent!important;overflow:visible}
  .app-shell>.main-content>.topbar>.header-search input{display:block;width:100%;height:31.2px;margin:0;padding:6px 31px 6px 35px;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:#1d1f26;color:rgba(255,255,255,.82);font:12px/18px Arial,sans-serif;outline:0}
  .app-shell>.main-content>.topbar>.header-search input::placeholder{color:rgba(255,255,255,.5);opacity:1}
  .app-shell>.main-content>.topbar>.header-search button{position:absolute;z-index:2;top:0;right:0;display:grid;place-items:center;width:31.2px;height:31.2px;margin:0;padding:0;border:0;border-radius:0 6px 6px 0;background:transparent!important;color:#c5c7d5!important;font-size:0}
  .app-shell>.main-content>.topbar>.header-search button .header-icon{width:15px;height:15px}
  .app-shell>.main-content>.topbar>.header-search button span{display:none}
  .app-shell>.main-content>.topbar>.header-search .search-mascot{display:none!important}
  .app-shell>.main-content>.topbar>.top-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 31.2px;order:2;width:31.2px;gap:0}
  .app-shell>.main-content>.topbar>.top-actions .user-button{display:grid;place-items:center;width:31.2px;height:31.2px;margin:0;padding:0}
  .app-shell>.main-content>.topbar>.top-actions .user-button>span:not(.avatar){display:none!important}
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar{width:31.2px;height:31.2px;border:1px solid #d9e9e3;background:#204c43;color:#9aefd8;font-size:12px}

  .home-stage{display:block;height:auto;margin:0 0 15.6px;padding:4.2px 0 0}
  .home-stage .promo-banner{display:block;width:100%;height:132.6px;min-height:132.6px;padding:0;border:0;border-radius:0;background:#262427}
  .home-stage .promo-banner .promo-image{display:block;width:100%;height:132.6px;object-fit:cover;opacity:1;filter:none}
  .home-stage .promo-banner .banner-controls{display:none}
  .home-stage .robot-hero{display:none}

  .home-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:90.1px 96px;column-gap:12.1px;row-gap:12.1px;width:auto;height:200.5px;margin:0 10.4px 15.6px;padding:0}
  .home-promos .mini-promo{display:block;width:auto;height:90.1px;min-height:90.1px;padding:14.5px 10.4px;border:0;border-radius:10.4px;background:linear-gradient(#223234 41.33%,#183933 100%);overflow:hidden}
  .home-promos .mini-promo:nth-child(3){display:none}
  .home-promos .mini-promo p,.home-promos .mini-promo .mini-more,.home-promos .mini-promo .promo-dropdown{display:none}
  .home-promos .mini-promo h2{margin:3px 0 0;font-size:14px;line-height:20px;white-space:nowrap}
  .home-promos .mini-promo .mini-tag{padding:2px 6px;font-size:10px}
  .home-promos .mini-promo .mini-icons{gap:8px;margin-top:10px}
  .home-promos .mini-promo .mini-icons i{width:29px;height:29px;border-radius:8px}
  .home-promos .news-promo{grid-column:1/-1;width:auto;height:96px;min-height:96px;margin:0 1px;padding:14.5px 10.4px;border:0;border-radius:10.4px;background:linear-gradient(#223234 41.33%,#183933 100%)}
  .home-promos .news-promo h2{margin:2px 0 0;font-size:14px;line-height:20px}
  .home-promos .news-promo .news-row{grid-template-columns:34px minmax(0,1fr) 34px minmax(0,1fr);gap:7px;margin-top:10px;padding-top:9px;font-size:11px}
  .home-promos .news-promo .news-row b{height:34px;border-radius:8px;font-size:15px}
  .home-promos .news-promo time{font-size:11px}

  .home-catalog{width:auto;margin:0;padding:0 10.4px}
  .home-catalog .catalog-tabs{display:flex;flex-wrap:nowrap;align-items:flex-start;width:100%;height:35.4px;min-height:35.4px;margin:0 0 15.6px;padding:0;gap:10.4px;overflow:hidden}
  .home-catalog .catalog-tabs a,.home-catalog .catalog-tabs .catalog-more{position:static;display:inline-flex;flex:0 0 auto;width:auto;height:31.2px;min-height:31.2px;padding:0 8.32px;border-radius:6.24px;font-size:14px;line-height:31.2px}
  .home-catalog .catalog-tabs .category-icon{width:13px;height:13px;flex-basis:13px;margin-right:5px}
  .home-catalog .catalog-tabs .catalog-badge{font-size:9px;line-height:14px;padding:1px 4px}
  .home-catalog .catalog-tabs .catalog-more{margin-left:0}
  .home-catalog .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10.4px;width:100%;padding:0}
  .home-catalog .home-post{width:auto;height:259.2px;min-height:259.2px;padding:1px;border:0;border-radius:8.32px;background:#25262e;overflow:hidden}
  .home-catalog .home-post>a{display:block;width:100%;height:100%;padding:10.4px 7.8px 12.5px}
  .home-catalog .home-post-cover{width:100%;height:107.4px;min-height:107.4px;border-radius:5px;overflow:hidden}
  .home-catalog .home-post-cover img{display:block;width:100%;height:107.4px;object-fit:cover}
  .home-catalog .home-post-content{padding-top:10px}
  .home-catalog .home-post-content h3{margin:7px 0 6px;font-size:12px;line-height:16px}
  .home-catalog .home-post-content p{font-size:10px;line-height:15px}
  .home-catalog .home-post-content footer{margin-top:10px;padding-top:8px;font-size:9px}
  .home-catalog .home-more{height:96.7px;padding-top:15.6px}
  .footer-extended{display:none!important}
  .mobile-tabbar{height:56px;padding-bottom:0}
  .mobile-tabbar a{height:56px;font-size:10px}
}

/* Source mobile grids: robot and AIGC cards keep the public two-column rhythm. */
@media(max-width:780px){
  .home-robots-list{
    width:auto;
    margin:41.6px 10.4px 52px;
    padding:0;
  }
  .home-robots-list .section-heading{
    height:27.04px;
    margin:0 0 15.6px;
    align-items:center;
  }
  .home-robots-list .section-heading h2{font-size:22px;line-height:27.04px}
  .home-robots-list .section-kicker,.home-robots-list .section-link{display:none}
  .home-robot-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10.4px;
    width:100%;
  }
  .home-robot-card{
    display:block;
    width:auto;
    height:314.07px;
    min-height:314.07px;
    padding:7.8px 7.8px 12.48px;
    border:1px solid #303237;
    border-radius:8.32px;
    background:#25262e;
    overflow:hidden;
    box-sizing:border-box;
  }
  .home-robot-card .home-robot-cover{
    position:relative;
    width:100%;
    height:161.8px;
    min-height:161.8px;
    border-radius:6px;
    background:#29282b url('/assets/original/robot-list-bg.webp') center/cover no-repeat;
    overflow:hidden;
  }
  .home-robot-card .home-robot-cover img{
    position:absolute;
    top:55%;
    left:50%;
    display:block;
    width:85%;
    height:85%;
    object-fit:cover;
    transform:translate(-50%,-50%);
  }
  .home-robot-card .home-robot-copy{
    position:relative;
    display:flex;
    flex-direction:column;
    height:129.98px;
    min-height:129.98px;
    gap:0;
    padding:15.6px 0 0;
    box-sizing:border-box;
  }
  .home-robot-card .home-robot-label{
    position:absolute;
    top:-151.4px;
    left:0;
    right:auto;
    bottom:auto;
    z-index:1;
    display:block;
    max-width:100%;
    overflow:hidden;
    padding:3px 6px;
    border-radius:4px;
    background:rgba(12,24,23,.8);
    color:#c0ffdd;
    font-size:9px;
    line-height:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-robot-card .home-robot-copy h3{
    margin:0 0 3px;
    overflow:hidden;
    color:rgba(255,255,255,.9);
    font-size:14px;
    line-height:18px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-robot-card .home-robot-copy b{
    display:block;
    margin:0 0 4px;
    overflow:hidden;
    color:rgba(255,255,255,.55);
    font-size:10px;
    font-weight:400;
    line-height:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-robot-card .home-robot-copy p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:rgba(255,255,255,.58);
    font-size:10px;
    line-height:15px;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .home-robot-card .home-robot-tag{
    align-self:flex-start;
    margin-top:auto;
    max-width:100%;
    overflow:hidden;
    padding:3px 6px;
    border-radius:4px;
    font-size:9px;
    line-height:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-robots-list .home-section-note{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:96.71px;
    margin:0;
    padding:0;
    border:0;
  }
  .home-robots-list .home-section-note span{display:none}
  .home-robots-list .home-section-note a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:49.9px;
    padding:0;
    border:0;
    border-radius:8.32px;
    background:#00ffd1;
    color:#10261f;
    font-size:12px;
    line-height:49.9px;
  }

  .home-aigc{
    width:auto;
    margin:0 10.4px;
    padding:0;
  }
  .home-aigc .section-heading{
    height:25.3px;
    margin:0 0 15.6px;
    align-items:center;
  }
  .home-aigc .section-heading h2{font-size:22px;line-height:25.3px}
  .home-aigc .section-kicker,.home-aigc .section-link{display:none}
  .home-aigc .tutorial-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10.4px;
    width:100%;
  }
  .home-aigc .tutorial-card{
    display:block;
    width:auto;
    height:221.74px;
    min-height:221.74px;
    padding:10.4px 7.8px 12.48px;
    border:1px solid #303237;
    border-radius:8.32px;
    background:#25262e;
    box-sizing:border-box;
  }
  .home-aigc .tutorial-card>img{
    display:block;
    width:100%;
    height:107.44px;
    min-height:107.44px;
    border-radius:5px;
    object-fit:cover;
  }
  .home-aigc .tutorial-card>div{
    display:block;
    height:76.95px;
    min-height:76.95px;
    padding:12.48px 0 0;
    box-sizing:border-box;
  }
  .home-aigc .tutorial-card span{
    display:block;
    margin:0 0 4px;
    overflow:hidden;
    color:#7fd5be;
    font-size:9px;
    line-height:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-aigc .tutorial-card h3{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:rgba(255,255,255,.85);
    font-size:12px;
    line-height:17px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .home-aigc .home-section-note{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:96.71px;
    margin:0;
    padding:0;
    border:0;
  }
  .home-aigc .home-section-note span{display:none}
  .home-aigc .home-section-note a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:49.9px;
    padding:0;
    border:0;
    border-radius:8.32px;
    background:#00ffd1;
    color:#10261f;
    font-size:12px;
    line-height:49.9px;
  }
}

/* Desktop section boxes begin after the same 80/100px rhythm as the source. */
@media(min-width:781px){
  .app-shell>.main-content>.topbar>.mobile-brand{display:none!important}
  .app-shell>.main-content{padding-top:88px}
  .app-shell>.main-content>.topbar{
    position:fixed;
    z-index:55;
    top:0;
    right:0;
    left:200px;
    width:auto;
    border-bottom:0;
    background:linear-gradient(rgba(24,26,30,.94),rgba(24,26,30,.81));
  }
  .app-shell>.main-content>.topbar>.header-search{border:0!important}
  .app-shell>.sidebar{position:relative;inset:auto;z-index:3;height:auto;min-height:0;align-self:stretch;overflow:visible}
  .app-shell>.sidebar>.sidebar-inner{position:sticky;top:14.8px;align-self:flex-start;display:flex;flex-direction:column;width:200px;height:max-content;min-height:0;padding-top:73.2px}
  .app-shell>.sidebar .brand{position:fixed;z-index:62;top:24.8px;left:0;width:200px;height:38.4px;margin:0;padding:0 20px;align-items:center}
  .app-shell>.sidebar .shell-subnav{margin-top:20px}
  .home-catalog .home-post{height:413.72px;min-height:413.72px}
  .home-robots-list{
    width:1210px;
    margin:80px 15px 100px;
    padding:0;
  }
  .home-aigc{
    width:1210px;
    margin:0 15px;
    padding:0;
  }
  .home-aigc .section-heading{height:26.5px;margin:0 0 30px}
  .home-aigc .section-heading h2{line-height:26.5px}
  .home-aigc .tutorial-grid{grid-template-columns:repeat(4,280px);gap:30px}
  .home-aigc .tutorial-card{height:332.72px;min-height:332.72px}
  .home-robot-card{
    display:block;
    width:280px;
    height:493px;
    min-height:493px;
    padding:24px;
    border:1px solid transparent;
    border-radius:8.32px;
    background:#25262e;
    box-sizing:border-box;
  }
  .home-robot-card .home-robot-cover{
    position:relative;
    width:230px;
    height:230px;
    min-height:230px;
    border-radius:8.32px;
    background:#29282b url('/assets/original/robot-list-bg.webp') center/cover no-repeat;
    overflow:hidden;
  }
  .home-robot-card .home-robot-cover img{
    position:absolute;
    top:54%;
    left:50%;
    width:85%;
    height:85%;
    object-fit:cover;
    transform:translate(-50%,-50%);
  }
  .home-robot-card .home-robot-copy{
    display:flex;
    flex-direction:column;
    width:230px;
    height:213px;
    min-height:213px;
    gap:0;
    padding:20px 0 0;
    box-sizing:border-box;
  }
  .home-robot-card .home-robot-copy h3{order:1;margin:0;color:rgba(255,255,255,.85);font-size:18px;line-height:28px}
  .home-robot-card .home-robot-copy b{order:2;display:block;margin:0;color:rgba(255,255,255,.45);font-size:14px;font-weight:400;line-height:20px}
  .home-robot-card .home-robot-label{position:static;order:3;display:block;width:max-content;max-width:100%;margin:20px 0 16px;padding:0 8px;border-radius:6px;background:#362e36!important;color:#ce7a7a!important;font-size:14px;line-height:22px}
  .home-robot-card .home-robot-copy p{order:4;display:-webkit-box;margin:0;color:rgba(255,255,255,.65);font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .home-robot-card .home-robot-tag{order:5;margin-top:auto;align-self:flex-start;max-width:100%;padding:0 8px;border:0;border-radius:6px;background:#2b3430;color:#91d3b5;font-size:12px;line-height:22px;white-space:nowrap}
}

/* Final avatar sizing overrides the generic shell defaults above. */
@media(min-width:781px){
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar{position:relative;display:block;width:42px;height:42px;overflow:hidden;background:#182b2b;color:transparent;line-height:0}
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar-image{position:absolute;left:0;top:0;display:block;width:175px;height:42px;max-width:none;margin:0;object-fit:fill;object-position:left top;transform:none}
}
@media(max-width:780px){
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar{position:relative;display:block;width:27.04px;height:27.04px;overflow:hidden;background:#182b2b;color:transparent;line-height:0}
  .app-shell>.main-content>.topbar>.top-actions .user-button .avatar-image{position:absolute;left:0;top:0;display:block;width:112.67px;height:27.04px;max-width:none;margin:0;object-fit:fill;object-position:left top;transform:none}
}

/* Final source-parity pass for the header controls and the homepage promo
   modules. The source uses a gradient pseudo-layer on the search action and
   keeps the promo label and title on one compact line. */
@media(min-width:781px){
  .app-shell>.main-content>.topbar>.header-search button{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:130px;
    height:48px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0 10px 10px 0!important;
    overflow:hidden;
    background:#efefef!important;
    color:#181a1e!important;
    font:14px Arial,sans-serif;
  }
  .app-shell>.main-content>.topbar>.header-search button::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-1px;
    display:block;
    padding:1px;
    border-radius:0 10px 10px 0;
    background:var(--brand-gradient);
    background-size:300% 100%;
    animation:brandShimmer 3.2s linear infinite;
  }
  .app-shell>.main-content>.topbar>.header-search button>*{position:relative;z-index:1}
  .app-shell>.main-content>.topbar>.top-actions>.header-submit{
    background:#282931!important;
    border:1px solid #f9e3c6!important;
    color:#fde2c2!important;
  }
  .app-shell>.main-content>.topbar>.top-actions>.header-submit .header-icon{color:#fde2c2!important}
  .home-promos .mini-promo{
    box-sizing:border-box;
    border:1px solid rgba(0,255,191,.04);
    background:linear-gradient(#223234 41.33%,#183933 100%);
  }
  .home-promos .mini-title{
    display:flex;
    align-items:center;
    width:100%;
    height:20px;
    min-height:20px;
    margin:0!important;
    overflow:hidden;
    gap:7px;
    white-space:nowrap;
  }
  .home-promos .mini-title .mini-tag{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    height:20px;
    margin:0;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    color:#b1ffe9!important;
    font-size:12px;
    line-height:20px;
    width:45px;
    box-sizing:border-box;
  }
  .home-promos .mini-title .mini-tag::before{content:"◉";margin-right:4px;font-size:10px;line-height:1}
  .home-promos .mini-title>strong{
    display:block;
    min-width:0;
    overflow:hidden;
    color:rgba(255,255,255,.85);
    font-size:15px;
    font-weight:700;
    line-height:20px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-promos .mini-promo>p{height:16px;margin:7px 0 0;overflow:hidden;color:rgba(231,237,240,.5);font-size:12px;line-height:16px;white-space:nowrap;text-overflow:ellipsis}
  .home-promos .mini-icons{display:grid;grid-template-columns:repeat(4,36px);gap:14px;width:186px;height:36px;margin-top:30px}
  .home-promos .mini-icons i{width:36px;height:36px;border-radius:10px}
  .home-promos .mini-icons i:nth-child(n+5){display:none}
  .home-promos .mini-more{display:none}
  .home-promos .news-promo{position:relative;display:block;padding:15px;border:1px solid rgba(0,255,191,.04);background:linear-gradient(#223234 41.33%,#183933 100%)}
  .home-promos .news-heading{display:flex;align-items:center;height:20px;overflow:hidden;white-space:nowrap}
  .home-promos .news-heading .mini-tag{height:20px;padding:0!important;border:0!important;background:none!important;color:#b1ffe9!important;font-size:12px;line-height:20px}
  .home-promos .news-heading .mini-tag::before{content:""}
  .home-promos .news-heading h2{margin:0 0 0 7px;font-size:15px;line-height:20px}
  .home-promos .news-heading time{margin-left:auto;color:rgba(255,255,255,.65);font-size:12px;line-height:16px}
  .home-promos .news-heading{height:40px}
  .home-promos .news-promo .news-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;border:0}
  .home-promos .news-item{display:flex;align-items:center;min-width:0;height:48px;gap:12px;color:rgba(255,255,255,.7)}
  .home-promos .news-item b{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #314b42;border-radius:10px;background:linear-gradient(rgba(0,255,191,.01),rgba(0,255,191,.05));color:#8becc9;font:19px/20px Impact,Arial,sans-serif}
  .home-promos .news-item span{display:-webkit-box;min-width:0;overflow:hidden;color:rgba(255,255,255,.7);font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

@media(max-width:780px){
  .home-promos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:92.1px 97.96px;column-gap:10.4px;row-gap:10.4px;height:200.46px}
  .home-promos .mini-promo{width:auto;height:92.1px;min-height:92.1px;padding:14.56px 10.4px;box-sizing:border-box;border:1px solid rgba(0,255,191,.04);border-radius:10.4px;overflow:hidden}
  .home-promos .mini-title{display:flex;align-items:center;width:100%;height:20.8px;min-height:20.8px;gap:5.2px;margin:0!important;overflow:hidden;white-space:nowrap}
  .home-promos .mini-title .mini-tag{display:inline-flex;align-items:center;flex:0 0 46.8px;width:46.8px;height:20.8px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#b1ffe9!important;font-size:12.48px;font-weight:400;line-height:20.8px}
  .home-promos .mini-title .mini-tag::before{content:"◉";margin-right:4px;font-size:10px;line-height:1}
  .home-promos .mini-title>strong{display:block;min-width:0;overflow:hidden;color:rgba(255,255,255,.85);font-size:14.56px;font-weight:700;line-height:20.8px;text-overflow:ellipsis;white-space:nowrap}
  .home-promos .mini-promo>p{display:none}
  .home-promos .mini-promo .mini-icons{display:grid;grid-template-columns:repeat(4,29.8px);gap:12.48px;width:156.6px;height:29.8px;margin-top:10.4px}
  .home-promos .mini-promo .mini-icons i{width:29.8px;height:29.8px;border-radius:8px}
  .home-promos .mini-icons i:nth-child(n+5){display:none}
  .home-promos .mini-more{display:none}
  .home-promos .news-promo{grid-column:1/-1;width:100%;height:97.96px;min-height:97.96px;margin:0;padding:14.56px 10.4px;border:1px solid rgba(0,255,191,.04);border-radius:10.4px;box-sizing:border-box;overflow:hidden}
  .home-promos .news-heading{display:flex;align-items:center;width:100%;height:20.8px;margin:0 0 10.4px;overflow:hidden;white-space:nowrap}
  .home-promos .news-heading .mini-tag{height:20.8px;font-size:12.48px;line-height:20.8px}
  .home-promos .news-heading h2{margin:0 0 0 5.2px;font-size:14.56px;line-height:20.8px}
  .home-promos .news-heading time{flex:0 0 auto;margin:3.12px 0 0 6.24px;color:rgba(255,255,255,.65);font-size:12.48px;line-height:12.48px}
  .home-promos .news-promo .news-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20.8px;width:100%;height:35.7px;margin:0;padding:0;border:0}
  .home-promos .news-item{display:flex;align-items:center;min-width:0;gap:8.32px;height:35.7px;color:rgba(255,255,255,.7)}
  .home-promos .news-item b{display:flex;align-items:center;justify-content:center;flex:0 0 35.3px;width:35.3px;height:35.3px;border:1px solid #314b42;border-radius:10.4px;background:linear-gradient(rgba(0,255,191,.01),rgba(0,255,191,.05));color:#8becc9;font:18.72px/20.8px Impact,Arial,sans-serif}
  .home-promos .news-item span{display:-webkit-box;min-width:0;overflow:hidden;color:rgba(255,255,255,.7);font-size:12.48px;line-height:17.83px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .home-promos .news-promo .news-row .news-item b{height:35.3px;width:35.3px;flex-basis:35.3px}
  .home-promos .news-promo .news-row .news-item>span{display:-webkit-box!important;min-width:0;overflow:hidden;color:rgba(255,255,255,.7);font-size:12.48px;line-height:17.83px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

/* Product cards follow the source taxonomy card hierarchy: cover, product
   identity, action label, excerpt, then the small desktop-only metadata row. */
.home-catalog .home-post{
  box-sizing:border-box;
  height:413.72px;
  min-height:413.72px;
  padding:1px;
  border:0;
  border-radius:10px;
  background:transparent;
  overflow:hidden;
}
.home-catalog .home-post>a{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:24px;
  border-radius:10px;
  background:#25262e;
  color:#f3f0e9;
  text-decoration:none;
}
.home-catalog .home-post-cover{
  position:relative;
  display:block;
  width:100%;
  height:152.72px;
  min-height:152.72px;
  margin:0 0 20px;
  border-radius:10px;
  overflow:hidden;
  background:#29282b;
}
.home-catalog .home-post-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-catalog .home-post-new{
  position:absolute;
  right:auto;
  top:auto;
  bottom:0;
  left:0;
  z-index:1;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  height:22px;
  min-height:22px;
  padding:0 10px;
  border-radius:0 10px 0 0;
  background:rgba(230,26,80,.75);
  color:#fff;
  font-size:14px;
  font-weight:400;
  line-height:22px;
}
.home-catalog .home-post-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:191px;min-height:191px;padding:0}
.home-catalog .home-post-title{display:block;width:100%;height:48px;min-height:48px;overflow:hidden}
.home-catalog .home-post-title-a{display:flex;align-items:center;width:100%;height:48px;min-width:0}
.home-catalog .home-post-logo{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0;border-radius:10px;background:#111318;color:#f1f4f1;font-size:20px;font-weight:700;line-height:1}
.home-catalog .home-post-logo-mark{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(145deg,#293c3a,#0e1719);color:#a7f6dd;font-size:20px;font-weight:700;line-height:1}
.home-catalog .home-post-title-main{display:flex;flex-direction:column;justify-content:center;min-width:0;height:48px;margin-left:12px}
.home-catalog .home-post-name{display:block;max-width:100%;height:28px;margin:0;overflow:hidden;font-size:18px;font-weight:700;line-height:28px;text-overflow:ellipsis;white-space:nowrap}
.home-catalog .home-post-name strong{font:inherit;color:#f3f0e9}
.home-catalog .home-post-category{display:block;max-width:100%;height:20px;margin:0!important;overflow:hidden;font-size:12px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.home-catalog .home-post-category i{font-style:normal;color:rgba(231,237,240,.55)}
.home-catalog .home-post-labels{display:flex;width:100%;height:22px;min-height:22px;margin:16px 0 0;overflow:hidden}
.home-catalog .home-post-label{display:flex;align-items:center;box-sizing:border-box;width:calc(100% - 20px);height:22px;min-height:22px;padding:0 8px;border-radius:6px;background:#362e36;color:#ce7a7a;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-catalog .home-post-label-icon{display:inline-flex;flex:0 0 auto;margin-right:5px;color:#ce7a7a;font-size:12px;line-height:1}
.home-catalog .home-post-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-catalog .home-post-excerpt{display:block;width:100%;height:40px;min-height:40px;margin:16px 0 0;overflow:hidden}
.home-catalog .home-post-excerpt p{display:-webkit-box;width:100%;height:40px;margin:0;overflow:hidden;color:rgba(231,237,240,.5);font-size:12px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-catalog .home-post-meta{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:20px;min-height:20px;margin:auto 0 0;color:rgba(255,255,255,.45);font-size:12px;line-height:20px}
.home-catalog .home-post-meta span{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}

@media(max-width:780px){
  .home-catalog .home-post{height:259.2px;min-height:259.2px;padding:1px;border-radius:8.32px;background:#25262e}
  .home-catalog .home-post>a{padding:10.4px 7.8px 12.48px;border-radius:8.32px}
  .home-catalog .home-post-cover{height:107.44px;min-height:107.44px;margin:0 0 12.48px;border-radius:5px}
  .home-catalog .home-post-new{height:18.14px;min-height:18.14px;padding:0 8.32px;border-radius:0 10.4px 0 0;font-size:10.4px;line-height:18.14px}
  .home-catalog .home-post-content{height:114.39px;min-height:114.39px}
  .home-catalog .home-post-title{height:37.44px;min-height:37.44px}
  .home-catalog .home-post-title-a{height:37.44px}
  .home-catalog .home-post-logo{flex-basis:37.44px;width:37.44px;height:37.44px;border-radius:8px;font-size:17px}
  .home-catalog .home-post-logo-mark{font-size:17px}
  .home-catalog .home-post-title-main{height:37.44px;margin-left:6.24px}
  .home-catalog .home-post-name{height:18.72px;font-size:15.6px;line-height:18.72px}
  .home-catalog .home-post-category{height:18.72px;margin:0!important;font-size:10.4px;line-height:18.72px}
  .home-catalog .home-post-labels{height:20.8px;min-height:20.8px;margin:12.48px 0 0}
  .home-catalog .home-post-label{width:100%;height:20.8px;min-height:20.8px;padding:0 6.24px;border-radius:5px;font-size:10.4px;line-height:20.8px}
  .home-catalog .home-post-label-icon{margin-right:4px;font-size:9px}
  .home-catalog .home-post-excerpt{height:33.28px;min-height:33.28px;margin:10.4px 0 0}
  .home-catalog .home-post-excerpt p{height:33.28px;font-size:10.4px;line-height:16.64px;-webkit-line-clamp:2}
  .home-catalog .home-post-meta{display:none}
}

/* Final strict-parity cascade: the source header has no visible mascot, and
   desktop flyouts open flush with the 200px rail edge. */
@media(min-width:781px){
  .app-shell>.main-content>.topbar>.header-search .search-mascot{display:none!important}
  .app-shell>.sidebar .nav-flyout{left:200px;transform:translateX(0)}
}

/* The homepage recommendation uses the supplied person video as a decorative
   visual layer. The link remains the single interactive target for the card. */
.robot-hero>.robot-hero-video{
  position:absolute;
  right:0;
  bottom:0;
  z-index:0;
  display:block;
  width:54%;
  height:94%;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  opacity:1;
  mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.9) 13%,#000 25%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.9) 13%,#000 25%);
  pointer-events:none;
}

/* API monitoring is deliberately a local sample until a server-side probe,
   scheduler and persisted measurements are connected. */
.monitor-layout{max-width:1440px;margin:0 auto;padding:62px 42px 86px}
.monitor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
.monitor-heading h1{margin:0;color:#f5f7f8;font-size:38px;line-height:1.2}
.monitor-heading .page-lede{margin:13px 0 0;color:#939ba6;font-size:15px;line-height:1.7}
.monitor-demo-badge{display:inline-flex;align-items:center;flex:0 0 auto;gap:8px;padding:8px 11px;border:1px solid #3c514d;border-radius:5px;background:#1c2928;color:#9edccc;font-size:12px;white-space:nowrap}
.monitor-demo-badge>span{width:7px;height:7px;border-radius:50%;background:#eecb85}
.monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin:28px 0 38px;border-left:1px solid #343943}
.monitor-summary>span{display:flex;flex-direction:column;gap:6px;min-height:62px;padding:0 24px;border-right:1px solid #343943}
.monitor-summary b{color:#f2f5f4;font-size:25px;line-height:1.1}
.monitor-summary small{color:#7f8995;font-size:12px}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.monitor-filters{display:flex;flex-wrap:wrap;gap:8px}
.monitor-filters button,.monitor-refresh{height:38px;border:1px solid #3b444f;border-radius:6px;background:#20242a;color:#aeb7c1;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.monitor-filters button{padding:0 15px}
.monitor-filters button:hover,.monitor-filters button.active{border-color:#20c997;background:#1e3a34;color:#a7f6df}
.monitor-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#b8f3df}
.monitor-refresh:hover{border-color:#20c997;background:#1e3a34}
.monitor-refresh svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.monitor-table-shell{border:1px solid #343b45;border-radius:8px;background:#202329;overflow:hidden}
.monitor-table-note{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #343b45;background:#1c1f24}
.monitor-table-note>span{color:#f0cd83;font-size:12px;font-weight:700}
.monitor-table-note small{color:#7e8794;font-size:12px}
.monitor-table-scroll{overflow-x:auto}
.monitor-table{min-width:1120px}
.monitor-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(132px,1.1fr) 102px 104px 108px 82px 84px 72px minmax(166px,1.25fr);align-items:center;min-height:78px;padding:0 18px;border-bottom:1px solid #343943;color:#c8cdd3;font-size:13px}
.monitor-row:last-child{border-bottom:0}
.monitor-row:not(.monitor-row-header):hover{background:#252b30}
.monitor-row-header{min-height:48px;background:#25292f;color:#858e9a;font-size:12px}
.monitor-site{display:flex;flex-direction:column;gap:5px}
.monitor-site b{color:#edf0f2;font-size:14px}
.monitor-site small{color:#697480;font-size:11px}
.monitor-price,.monitor-availability{color:#f3f5f6;font-variant-numeric:tabular-nums}
.monitor-trend{color:#9da5ae}
.monitor-trend.is-up{color:#e6b46d}
.monitor-trend.is-down{color:#82dfbd}
.monitor-risk{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:22px;padding:0 7px;border-radius:4px;font-size:11px;font-style:normal}
.monitor-risk.risk-low{background:rgba(32,201,151,.14);color:#80e1bf}
.monitor-risk.risk-medium{background:rgba(238,203,133,.14);color:#f1cf89}
.monitor-status{display:flex;align-items:center;justify-content:space-between;gap:9px}
.monitor-status em{color:#9be3c8;font-size:11px;font-style:normal;white-space:nowrap}
.monitor-pulse{display:flex;align-items:center;gap:3px}
.monitor-pulse i{display:block;width:4px;height:19px;border-radius:2px;background:#3d4851}
.monitor-pulse i.is-up{background:#20c997}
.monitor-pulse i.is-down{background:#eecb85}
.monitor-empty{padding:42px 18px;color:#8a939d;text-align:center}

@media(max-width:780px){
  .monitor-layout{padding:34px 18px 52px}
  .monitor-heading{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:24px}
  .monitor-heading h1{font-size:31px}
  .monitor-heading .page-lede{font-size:14px}
  .monitor-demo-badge{font-size:11px}
  .monitor-summary{width:100%;margin:23px 0 28px}
  .monitor-summary>span{min-height:54px;padding:0 12px}
  .monitor-summary b{font-size:20px}
  .monitor-summary small{font-size:11px}
  .monitor-toolbar{align-items:stretch;flex-direction:column}
  .monitor-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .monitor-filters button{width:100%}
  .monitor-refresh{width:100%}
  .monitor-table-note{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 14px}
  .monitor-table{min-width:1050px}
  .monitor-row{padding:0 14px}
}

/* Denser operational layout for relay status: the status summary should carry
   the full table width instead of leaving the desktop view visually lopsided. */
.monitor-summary>span:last-child{border-right:0}
.monitor-table-note{box-shadow:inset 3px 0 0 rgba(32,201,151,.78)}
.monitor-price,.monitor-availability{font-weight:700}
.monitor-row-header{letter-spacing:.02em}

@media(min-width:781px){
  .monitor-layout{padding-top:48px;padding-bottom:66px}
  .monitor-heading{padding-bottom:24px}
  .monitor-summary{max-width:none;margin:20px 0 24px}
  .monitor-summary>span{padding:0 26px}
  .monitor-toolbar{margin-bottom:12px}
  .monitor-row{min-height:72px}
  .monitor-row-header{min-height:46px}
}

@media(max-width:780px){
  .monitor-summary{margin:20px 0 24px}
}