#platform-shell .module-sidebar { border-color: var(--line); padding-top: 24px; }
#platform-shell .module-sidebar .home-brand { padding-bottom: 30px; }
#platform-shell .module-navigation { gap: 8px; }
#platform-shell .module-navigation .module-link { font-size: 14px; color: var(--muted); }
#platform-shell .module-navigation button:hover { color: var(--text); }
#platform-shell .module-navigation .module-link.is-active { color: var(--text); background: var(--panel-2); }
.module-children { display: grid; gap: 3px; margin: 0 0 14px 22px; padding-left: 14px; border-left: 1px solid var(--line); }
#platform-shell .module-children button { min-height: 38px; padding: 8px 12px; font-size: 12px; color: var(--muted); }
#platform-shell .module-children button.is-active { color: var(--text); background: var(--panel-2); }
#platform-shell .module-children button.is-active::before { content: ''; width: 5px; height: 5px; background: var(--yellow); border-radius: 50%; }
#platform-shell .home-sidebar-bottom { padding-top: 28px; }
#platform-shell .home-sidebar-bottom .home-account { margin-top: 10px; }
.module-main { padding-top: 32px; }
.module-main > .platform-workspace-page { max-width: 1400px; width: 100%; margin-inline: auto; }
#platform-shell:is(.platform-home,.platform-account) svg.platform-graph-preview { width: 100%; height: 100%; }
#platform-shell:is(.platform-home,.platform-account) .platform-graph-empty svg { width: 40px; height: 32px; }
#platform-shell .module-main .platform-page-heading { padding: 0; margin-bottom: 26px; }
#platform-shell .module-main .platform-page-heading h1 { font-size: 28px; letter-spacing: -.7px; }
#platform-shell .platform-page-heading :is(.platform-eyebrow, p):empty { display: none; }
#platform-shell .module-main .platform-page-heading .workspace-page-meta { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }
#platform-shell .module-main .platform-button { background: var(--panel); border: 1px solid var(--line); color: var(--text); border-radius: 8px; }
#platform-shell .module-main .platform-primary { background: #f7d95d; border-color: #f7d95d; color: #252115; }
#platform-shell .asset-feed-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
#platform-shell .asset-feed-card { overflow: hidden; border-radius: 12px; background: var(--panel); border: 1px solid var(--line); transition: border-color .15s, box-shadow .15s; }
#platform-shell .asset-feed-card.has-origin { cursor: pointer; }
#platform-shell .asset-feed-card:hover { border-color: var(--muted); }
#platform-shell .asset-feed-card:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
#platform-shell .asset-feed-card .platform-media-preview { aspect-ratio: 16/10; height: auto; position: relative; display: grid; overflow: hidden; padding: 0; }
.asset-feed-card .platform-media-preview > :is(img,video) { width: 100%; height: 100%; object-fit: cover; }
#platform-shell .asset-feed-card .platform-media-info { padding: 14px; display: block; }
#platform-shell .asset-feed-card h2 { font-size: 13px; font-weight: 550; margin: 8px 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#platform-shell .asset-feed-card .workspace-media-actions { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 12px; }
#platform-shell .asset-feed-card .workspace-media-actions .platform-button { min-height: 32px; font-size: 11px; padding: 5px 9px; }
.asset-status { position: absolute; top: 10px; left: 10px; border-radius: 5px; padding: 4px 7px; color: #fff; background: #17191dda; font-size: 11px; }
.asset-status:is(.is-running,.is-processing,.is-queued) { background: #715b14; }
.asset-status.is-failed { background: #812f3b; }
.asset-job-cover { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 145px; gap: 13px; color: var(--muted); background: var(--panel-2); }
#platform-shell .asset-job-cover > svg { width: 36px; height: 36px; opacity: .7; }
.asset-job-cover strong { font-size: 13px; font-weight: 500; }
.asset-job-cover progress { height: 4px; width: 45%; accent-color: var(--yellow); }
.asset-hover-hint { position: absolute; inset: auto 0 0; padding: 16px 10px 10px; text-align: center; color: white; background: linear-gradient(transparent,#0009); font-size: 11px; opacity: 0; }
.asset-feed-card:hover .asset-hover-hint, .asset-feed-card:focus-visible .asset-hover-hint { opacity: 1; }
.asset-feed-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin: 0 0 22px; font-size: 12px; color: var(--muted); }
.asset-feed-filters label { display: flex; align-items: center; gap: 8px; }
.asset-feed-filters select { font: inherit; min-height: 36px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); background: var(--panel); padding: 6px 10px; }
.asset-feed-filters > span { margin-left: auto; font-size: 11px; }
.asset-load-more { display: flex; justify-content: center; padding: 28px 0; }
#platform-shell .asset-job-error { color: var(--red); font-size: 11px; }
.personal-overview { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,1fr); gap: 24px; }
.personal-links { display: grid; gap: 8px; }
#platform-shell .personal-links button { display: flex; align-items: center; gap: 14px; padding: 18px 12px; border-radius: 10px; text-align: left; color: var(--text); }
#platform-shell .personal-links button:hover { background: var(--panel-2); }
.personal-links button > span { display: grid; gap: 6px; flex: 1; }
.personal-links strong { font-size: 14px; font-weight: 500; }
.personal-links small { font-size: 12px; color: var(--muted); }
.home-composer-meta { justify-content: flex-end; }
#platform-shell .home-topbar { border-color: var(--line); }
@media (max-width: 900px) { .personal-overview { grid-template-columns: 1fr; } }
@media (min-width: 681px) and (max-width: 900px) {
  #platform-shell:is(.platform-home,.platform-account) { grid-template-columns: 172px minmax(0,1fr); }
  #platform-shell .module-sidebar .home-brand { padding-inline: 8px; }
  #platform-shell .module-sidebar .home-brand > span,
  #platform-shell .module-navigation .module-link > span { display: inline; }
  #platform-shell .module-navigation button { justify-content: flex-start; }
}
@media (max-width: 680px) {
  #platform-shell:is(.platform-home,.platform-account) { grid-template: auto minmax(0,1fr) / minmax(0,1fr); }
  #platform-shell .module-sidebar { padding: 8px 12px; overflow: visible; border-right: 0; border-bottom: 1px solid var(--line); }
  #platform-shell .module-sidebar .home-brand, #platform-shell .module-sidebar .home-sidebar-bottom { display: none; }
  #platform-shell .module-navigation { display: grid; width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
  #platform-shell .module-navigation .module-link { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 8px 2px; min-height: 52px; font-size: 11px; grid-row: 1; }
  #platform-shell .module-navigation button { width: auto; white-space: nowrap; }
  #platform-shell .module-navigation .module-link > span { display: inline; }
  #platform-shell .module-children { grid-column: 1/-1; grid-row: 2; display: flex; justify-content: center; gap: 6px; padding: 4px 0 0; margin: 0; border: 0; }
  #platform-shell .module-children button { flex: 1; font-size: 11px; min-height: 32px; padding: 5px 10px; }
  #platform-shell .home-topbar { padding: 0 18px; }
  .module-main { padding: 22px 18px; }
  .asset-feed-filters { gap: 10px; }
  .asset-feed-filters > span { display: none; }
  #platform-shell .asset-feed-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  #platform-shell .asset-feed-card .platform-media-info { padding: 10px; }
  #platform-shell .asset-feed-card .workspace-media-actions { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) { .asset-feed-card { transition: none !important; } }
.composer-overlay .node-unified-model.model-panel { display: contents; }
.composer-overlay .model-panel > .composer-compact-trigger { grid-column: 1; grid-row: 1; }
.model-panel .node-model-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-panel .composer-compact-trigger > svg { width: 12px; height: 12px; fill: none; stroke: currentColor; }
.model-choice-menu .model-menu-choice { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 10px; border: 0; border-radius: 7px; color: var(--text); background: transparent; text-align: left; cursor: pointer; }
.model-choice-menu .model-menu-choice:hover, .model-choice-menu .model-menu-choice.active { background: var(--panel-2); }
.model-menu-choice > span { display: grid; gap: 4px; min-width: 0; }
.model-menu-choice strong { font-size: 12px; font-weight: 500; }
.model-menu-choice small, .model-catalog-status { font-size: 11px; color: var(--muted); }
.model-menu-choice i { font-style: normal; }