.remote-container{max-width:1200px;padding:0 var(--page-gutter);margin:0 auto}.remote-featured-section,.remote-loading-section{padding:var(--space-6) 0;background-color:var(--background)}.remote-library-section{padding:var(--space-6) 0 var(--space-7);background-color:var(--canvas)}.remote-section-eyebrow{margin:0 0 var(--space-3);color:var(--text-tertiary);font-size:var(--font-caption);font-weight:600;line-height:1.5}.remote-featured-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.65fr) minmax(272px,.85fr);align-items:stretch;display:grid}.remote-featured-grid--solo{grid-template-columns:minmax(0,1fr)}.remote-featured-main-wrap,.remote-featured-side-list{min-width:0}.remote-featured-side-list{gap:var(--space-3);grid-auto-rows:minmax(0,1fr);display:grid}.remote-featured-main{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--background);height:100%;color:inherit;transition:border-color var(--duration-standard) ease, background-color var(--duration-fast) ease, transform var(--duration-standard) var(--ease-standard), box-shadow var(--duration-standard) ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}@media (hover:hover){.remote-featured-main:hover,.remote-featured-side:hover,.remote-tool-card:hover{border-color:var(--border-strong);background-color:var(--surface-hover);box-shadow:var(--shadow-float);transform:translateY(-1px)}}.remote-main-cover-wrap{aspect-ratio:16/9;border-bottom:1px solid var(--border);background-color:var(--surface);width:100%;position:relative;overflow:hidden}.remote-main-cover,.remote-main-cover-placeholder{width:100%;height:100%}.remote-main-cover,.remote-main-video{object-fit:contain;display:block}.remote-main-cover-placeholder,.remote-side-cover-placeholder,.remote-card-cover-placeholder{background-color:var(--surface)}.remote-main-video{opacity:0;width:100%;height:100%;transition:opacity var(--duration-standard) ease;position:absolute;inset:0}.remote-main-video.is-playing{opacity:1}.remote-main-content{padding:var(--space-5);flex-direction:column;justify-content:center;display:flex}.remote-main-meta,.remote-detail-meta,.remote-tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.remote-main-meta{margin-bottom:var(--space-2)}.remote-main-title{margin:0 0 var(--space-2);color:var(--text);font-size:var(--font-title);font-weight:700;line-height:1.2}.remote-main-desc{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--font-body);line-height:1.6}.remote-featured-side{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:inherit;transition:border-color var(--duration-standard) ease, background-color var(--duration-fast) ease, transform var(--duration-standard) var(--ease-standard), box-shadow var(--duration-standard) ease;text-decoration:none;display:flex}.remote-side-cover-wrap{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;width:96px;overflow:hidden}.remote-side-cover{object-fit:cover;width:100%;height:100%;display:block}.remote-side-body{flex:1;min-width:0}.remote-side-name{margin-bottom:var(--space-1);color:var(--text);font-size:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.remote-side-desc,.remote-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.remote-side-desc{font-size:var(--font-caption);line-height:1.5}.remote-library-header{margin-bottom:var(--space-5)}.remote-section-title,.remote-block-title{margin:0 0 var(--space-4);color:var(--text);font-size:var(--font-title);font-weight:700;line-height:1.2}.remote-card-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.remote-tool-card{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:inherit;transition:border-color var(--duration-standard) ease, background-color var(--duration-fast) ease, transform var(--duration-standard) var(--ease-standard), box-shadow var(--duration-standard) ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.remote-card-cover-wrap{aspect-ratio:16/9;border-bottom:1px solid var(--border);width:100%;overflow:hidden}.remote-card-cover{object-fit:cover;width:100%;height:100%;display:block}.remote-card-body{min-width:0;padding:var(--space-5);flex-direction:column;flex:1;display:flex}.remote-card-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.remote-card-title-block{min-width:0}.remote-card-title{color:var(--text);font-size:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.remote-card-sub{align-items:center;gap:var(--space-1);margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--font-micro);line-height:1.4;display:flex}.remote-sub-sep{color:var(--border-strong)}.remote-card-desc{margin:0 0 var(--space-4);font-size:var(--font-body);line-height:1.6}.remote-tags{margin-top:auto;overflow:hidden}.remote-tag{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text-secondary);font-size:var(--font-caption);white-space:nowrap;line-height:1.5;display:inline-block}.remote-category-badge{color:var(--text-tertiary);font-size:var(--font-micro);white-space:nowrap;font-weight:500;line-height:1.4;display:inline-block}.remote-tool-icon{border:1px solid var(--border);background-color:var(--surface);color:var(--text);user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex}.remote-tool-icon--card{border-radius:var(--radius-md);width:40px;height:40px;font-size:20px}.remote-tool-icon--header{border-radius:var(--radius-lg);width:56px;height:56px;font-size:28px}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--material-solid);flex-direction:column;display:flex}@supports (backdrop-filter:blur(20px)){.filter-bar{background-color:var(--material);backdrop-filter:saturate(180%)blur(20px)}}.filter-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-label{margin-right:var(--space-1);color:var(--text-tertiary);font-size:var(--font-caption);font-weight:500;line-height:1.5}.filter-chip{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--background);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-caption);cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;line-height:1.4}.filter-chip:hover{border-color:var(--border-strong);background-color:var(--surface-hover);color:var(--text)}.filter-chip.is-active{background-color:var(--accent-subtle);color:var(--accent);border-color:#0000}.remote-empty,.remote-loading-text,.remote-state-message{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--font-body)}.remote-loading-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.65fr) minmax(272px,.85fr);display:grid}.remote-loading-block{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);min-height:160px}.remote-loading-block--main{border-radius:var(--radius-lg);min-height:320px}.remote-state-section{padding:var(--space-7) 0;background-color:var(--canvas)}.remote-retry-button,.remote-detail-back{min-height:44px;margin-top:var(--space-4);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:var(--text);font-size:var(--font-body);cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.remote-retry-button:hover,.remote-detail-back:hover{border-color:var(--border-strong);background-color:var(--surface-hover)}.remote-detail{padding:var(--space-6) 0 var(--space-8);background-color:var(--background)}.remote-detail-container{max-width:880px;padding:0 var(--page-gutter);margin:0 auto}.remote-breadcrumbs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--font-caption);flex-wrap:wrap;line-height:1.5;display:flex}.remote-breadcrumbs a{color:var(--accent);text-decoration:none}.remote-breadcrumbs a:hover{text-underline-offset:3px;text-decoration:underline}.remote-breadcrumbs-separator{color:var(--text-tertiary)}.remote-breadcrumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote-detail-state{padding:var(--space-8) var(--page-gutter);color:var(--text-secondary)}.remote-detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.remote-detail-title-block{min-width:0}.remote-detail-name{margin:0 0 var(--space-2);overflow-wrap:anywhere;color:var(--text);font-size:var(--font-display);font-weight:700;line-height:1.1}.remote-product-visual{max-width:65ch;margin:0 0 var(--space-7);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);overflow:hidden}.remote-promo-video,.remote-product-cover{aspect-ratio:16/9;background-color:var(--surface);object-fit:cover;width:100%;display:block}.remote-prose{max-width:65ch;color:var(--text);font-size:var(--font-body);line-height:1.6}.remote-prose h2{margin:var(--space-6) 0 var(--space-3);color:var(--text);font-size:var(--font-title);font-weight:700;line-height:1.2}.remote-prose h3{margin:var(--space-5) 0 var(--space-2);color:var(--text);font-size:var(--font-heading);font-weight:600;line-height:1.3}.remote-prose p,.remote-prose ul,.remote-prose ol,.remote-prose blockquote,.remote-prose pre{margin:0 0 var(--space-4)}.remote-prose ul,.remote-prose ol{padding-left:var(--space-5)}.remote-prose li{margin-bottom:var(--space-2)}.remote-prose a{color:var(--accent);text-underline-offset:3px;transition:color var(--duration-fast) ease;text-decoration:underline}.remote-prose a:hover{color:var(--accent-hover)}.remote-prose blockquote{padding:var(--space-3) var(--space-4);border-left:2px solid var(--border-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:var(--surface);color:var(--text-secondary)}.remote-prose blockquote p{color:var(--text-secondary);margin:0}.remote-prose code{padding:1px var(--space-1);border-radius:var(--radius-sm);background-color:var(--surface);font-family:var(--font-mono);font-size:var(--font-caption)}.remote-prose pre{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);overflow-x:auto}.remote-prose pre code{background:0 0;padding:0}.remote-prose img{width:100%;margin:0 0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);display:block}.remote-prose table{width:100%;margin:0 0 var(--space-4);border-collapse:collapse}.remote-prose th,.remote-prose td{padding:var(--space-2);border:1px solid var(--border);text-align:left}.remote-install-block,.remote-related-block{max-width:65ch;margin-top:var(--space-7)}.remote-install-block .remote-block-title,.remote-related-block .remote-block-title{margin-bottom:var(--space-3)}.remote-code-block{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);position:relative;overflow:hidden}.remote-code-block pre{padding:var(--space-4) var(--space-5);margin:0;overflow-x:auto}.remote-code-block code{color:var(--text);font-family:var(--font-mono);font-size:var(--font-caption);line-height:1.7}.remote-copy-button{top:var(--space-2);right:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-standard) ease, background-color var(--duration-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute}.remote-copy-button:hover{border-color:var(--border-strong);background-color:var(--surface-hover)}.remote-download-grid,.remote-related-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.remote-download-button{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:var(--text);font-size:var(--font-body);transition:border-color var(--duration-standard) ease, background-color var(--duration-fast) ease, box-shadow var(--duration-standard) ease;text-decoration:none;display:flex}@media (hover:hover){.remote-download-button:hover{border-color:var(--border-strong);background-color:var(--surface-hover);box-shadow:var(--shadow-float)}}.remote-download-action{color:var(--accent);font-size:var(--font-caption)}@media (width>=641px){.remote-featured-main{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;display:grid}.remote-main-cover-wrap{aspect-ratio:auto;border-right:1px solid var(--border);border-bottom:0;min-height:288px}}@media (width>=980px){.remote-featured-main{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)}.remote-featured-side--panel{flex-direction:column;align-items:stretch;gap:0;height:100%;padding:0;overflow:hidden}.remote-featured-side--panel .remote-side-cover-wrap{border:0;border-bottom:1px solid var(--border);border-radius:0;width:100%}.remote-featured-side--panel .remote-side-body{padding:var(--space-5)}.remote-library-header{align-items:center;gap:var(--space-5);display:flex}.remote-library-header .remote-section-title{flex-shrink:0;margin-bottom:0}.remote-library-header .filter-bar{flex:1;margin-bottom:0}.filter-bar{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=979px){.remote-featured-grid,.remote-loading-grid{grid-template-columns:1fr}.remote-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.remote-card-grid,.remote-download-grid{grid-template-columns:1fr}.remote-detail{padding-top:var(--space-5)}.remote-detail-header{align-items:flex-start}.remote-product-visual{margin-bottom:var(--space-6)}}