/* HH Capability Explorer — one readable, scroll-safe catalog for large workspaces. */
body.app-capability-index-route {
  overflow: hidden;
}

html body.app-capability-index-route #appMain.app-main {
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
}

html body.app-capability-index-route #appMain.app-main > .app-workspace,
html body.app-capability-index-route #appMain.app-main .app-workspace {
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
}

.app-module-hub--cosmic {
  --hub-accent: var(--accent, #62e9ff);
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 18px;
  width: min(100%, 1580px);
  margin: 0 auto;
  padding: clamp(17px, 2.1vw, 30px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hub-accent) 27%, rgba(166, 193, 255, .16));
  border-radius: 25px;
  background:
    radial-gradient(circle at 7% 5%, color-mix(in srgb, var(--hub-accent) 12%, transparent), transparent 31%),
    radial-gradient(circle at 94% 3%, color-mix(in srgb, var(--hub-secondary) 14%, transparent), transparent 34%),
    linear-gradient(150deg, rgba(11, 22, 48, .98), rgba(5, 10, 27, .99) 58%, rgba(8, 14, 35, .98));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .045);
  color: #f7f9ff;
}

.app-module-hub--cosmic::before,
.app-module-hub--cosmic::after {
  position: absolute;
  z-index: -2;
  width: 360px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--hub-accent);
  content: "";
  filter: blur(110px);
  opacity: .08;
  pointer-events: none;
  animation: appHubNebula 13s ease-in-out infinite alternate;
}

.app-module-hub--cosmic::before { left: -190px; top: 18%; }
.app-module-hub--cosmic::after { right: -210px; bottom: 6%; background: var(--hub-secondary); animation-delay: -6s; }

.app-module-hub__space,
.app-module-hub__space i {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.app-module-hub__space { overflow: hidden; opacity: .78; }
.app-module-hub__space i {
  inset: var(--star-y, 13%) auto auto var(--star-x, 8%);
  width: var(--star-size, 3px);
  height: var(--star-size, 3px);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px var(--hub-accent), 0 0 22px var(--hub-secondary);
  animation: appHubStar 3.8s ease-in-out infinite;
}
.app-module-hub__space i:nth-child(2) { --star-x: 37%; --star-y: 7%; --star-size: 2px; animation-delay: -1.2s; }
.app-module-hub__space i:nth-child(3) { --star-x: 82%; --star-y: 18%; --star-size: 4px; animation-delay: -2.3s; }
.app-module-hub__space i:nth-child(4) { --star-x: 20%; --star-y: 74%; --star-size: 2px; animation-delay: -.7s; }
.app-module-hub__space i:nth-child(5) { --star-x: 92%; --star-y: 86%; --star-size: 3px; animation-delay: -3s; }

.app-module-hub--cosmic > header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 22px;
  padding: clamp(4px, 1vw, 10px) 2px 2px;
}

.app-module-hub--cosmic > header > div { display: grid; gap: 9px; max-width: 980px; }
.app-module-hub--cosmic .section-kicker { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--hub-accent); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.app-module-hub--cosmic .section-kicker i { width: 8px; height: 8px; border-radius: 50%; background: var(--hub-accent); box-shadow: 0 0 16px var(--hub-accent); animation: appHubLive 2.2s ease-in-out infinite; }
.app-module-hub--cosmic > header h2 { margin: 0; color: #fff; font-size: clamp(29px, 3.2vw, 50px); line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.app-module-hub--cosmic > header p:not(.section-kicker) { max-width: 900px; margin: 0; color: #c6d4ef; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.72; }
.app-module-hub--cosmic > header > span { display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 10px; min-width: 150px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--hub-accent) 28%, transparent); border-radius: 17px; background: rgba(11, 23, 49, .78); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 0 28px color-mix(in srgb, var(--hub-accent) 7%, transparent); }
.app-module-hub--cosmic > header > span b { grid-row: 1 / 3; color: #fff; font-size: 34px; line-height: 1; }
.app-module-hub--cosmic > header > span small { color: var(--hub-accent); font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.app-module-hub--cosmic > header > span em { color: #a9bddd; font-size: 11px; font-style: normal; }

.app-module-hub__guide {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.app-module-hub__guide li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 66px; padding: 10px 12px; overflow: hidden; border: 1px solid rgba(157, 190, 242, .14); border-radius: 15px; background: rgba(12, 23, 47, .72); }
.app-module-hub__guide li:not(:last-child)::after { position: absolute; right: -7px; top: 50%; z-index: 2; color: var(--hub-accent); content: "›"; transform: translateY(-50%); }
.app-module-hub__guide li > b { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: color-mix(in srgb, var(--hub-accent) 13%, transparent); color: var(--hub-accent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hub-accent) 25%, transparent); }
.app-module-hub__guide li > span { display: grid; gap: 2px; min-width: 0; }
.app-module-hub__guide strong { color: #f3f7ff; font-size: 13px; }
.app-module-hub__guide small { color: #96a9ca; font-size: 10px; }

.app-module-hub__toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  padding: 8px;
  border: 1px solid rgba(156, 190, 243, .15);
  border-radius: 17px;
  background: rgba(5, 12, 29, .92);
  box-shadow: 0 16px 35px rgba(0,0,0,.28);
  backdrop-filter: blur(18px) saturate(140%);
}
.app-module-hub__toolbar label { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; min-height: 48px; padding: 0 11px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--hub-accent) 25%, transparent); border-radius: 12px; background: rgba(10, 22, 46, .82); }
.app-module-hub__toolbar label::after { position: absolute; inset: auto -45% 0; height: 2px; background: linear-gradient(90deg, transparent, var(--hub-accent), var(--hub-secondary), transparent); content: ""; animation: appHubScan 4.8s linear infinite; }
.app-module-hub__toolbar label > span { color: var(--hub-accent); font-size: 23px; }
.app-module-hub__toolbar input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: 16px; }
.app-module-hub__toolbar input::placeholder { color: #879dbc; opacity: 1; }
.app-module-hub__toolbar kbd { padding: 4px 7px; border: 1px solid rgba(174, 205, 255, .18); border-radius: 7px; color: #9eb2d1; font-size: 9px; }
.app-module-hub__toolbar > button,
.app-module-hub--cosmic > footer button { min-height: 48px; padding: 0 16px; border: 1px solid color-mix(in srgb, var(--hub-secondary) 35%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--hub-secondary) 9%, rgba(10, 20, 42, .9)); color: #e8edff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }

.app-module-hub__filters { position: relative; z-index: 2; display: flex; gap: 8px; overflow-x: auto; padding: 1px 1px 5px; scrollbar-width: thin; }
.app-module-hub__filters button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; min-height: 42px; padding: 0 13px; border: 1px solid rgba(159, 190, 238, .15); border-radius: 999px; background: rgba(12, 23, 47, .75); color: #b8c8e2; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease; }
.app-module-hub__filters button span { color: var(--hub-accent); }
.app-module-hub__filters button b { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 99px; background: rgba(169, 195, 235, .1); font-size: 9px; }
.app-module-hub__filters button:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--hub-accent) 45%, transparent); color: #fff; }
.app-module-hub__filters button[aria-pressed="true"] { border-color: color-mix(in srgb, var(--hub-accent) 62%, transparent); background: color-mix(in srgb, var(--hub-accent) 13%, rgba(12, 23, 47, .88)); color: #fff; box-shadow: 0 0 23px color-mix(in srgb, var(--hub-accent) 9%, transparent); }

.app-module-hub--cosmic .app-module-hub__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 12px; }
.app-module-hub--cosmic .app-module-hub__grid > button { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr); grid-template-rows: 1fr auto; gap: 12px 14px; min-width: 0; min-height: 224px; padding: 17px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--hub-accent) 24%, rgba(157,190,240,.13)); border-radius: 19px; background: linear-gradient(145deg, color-mix(in srgb, var(--hub-accent) 7%, rgba(11, 24, 49, .95)), rgba(6, 13, 31, .97)); color: #fff; font: inherit; text-align: left; cursor: pointer; box-shadow: inset 0 1px rgba(255,255,255,.035); animation: appHubCardIn .44s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(min(var(--hub-index), 14) * 26ms); transition: transform .19s ease, border-color .19s ease, box-shadow .19s ease; }
.app-module-hub--cosmic .app-module-hub__grid > button::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, transparent, var(--hub-accent), transparent); content: ""; opacity: .72; animation: appHubEnergy 4.6s ease-in-out infinite; }
.app-module-hub--cosmic .app-module-hub__grid > button::after { position: absolute; right: -90px; top: -90px; width: 180px; height: 180px; border-radius: 50%; background: var(--hub-accent); content: ""; filter: blur(65px); opacity: .055; pointer-events: none; }
.app-module-hub--cosmic .app-module-hub__grid > button:hover,
.app-module-hub--cosmic .app-module-hub__grid > button:focus-visible { z-index: 2; border-color: color-mix(in srgb, var(--hub-accent) 62%, transparent); box-shadow: 0 20px 45px rgba(0,0,0,.3), 0 0 28px color-mix(in srgb, var(--hub-accent) 10%, transparent); transform: translateY(-4px); outline: none; }
.app-module-hub--cosmic .app-module-hub__grid > button[hidden] { display: none !important; }
.app-module-hub__icon { position: relative; display: grid !important; place-items: center; width: 56px !important; height: 56px !important; border: 1px solid color-mix(in srgb, var(--hub-accent) 55%, transparent) !important; border-radius: 17px !important; background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--hub-accent) 42%, #fff), color-mix(in srgb, var(--hub-accent) 16%, #07152d) 48%, #061027) !important; color: #fff !important; box-shadow: 0 0 23px color-mix(in srgb, var(--hub-accent) 19%, transparent); }
.app-module-hub__icon b { position: relative; z-index: 1; max-width: 44px; overflow: hidden; font-size: 16px; font-weight: 950; text-overflow: ellipsis; text-shadow: 0 0 13px var(--hub-accent); white-space: nowrap; animation: appHubIconFloat 3.6s ease-in-out infinite; }
.app-module-hub__icon i { position: absolute; inset: -5px; border: 1px dashed color-mix(in srgb, var(--hub-accent) 36%, transparent); border-radius: 20px; animation: appHubOrbit 9s linear infinite; }
.app-module-hub--cosmic .app-module-hub__grid > button > div { display: grid; align-content: start; gap: 6px; min-width: 0; }
.app-module-hub--cosmic .app-module-hub__grid small { color: var(--hub-accent); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.app-module-hub--cosmic .app-module-hub__grid strong { overflow: visible; color: #fff; font-size: 17px; line-height: 1.35; text-overflow: clip; white-space: normal; }
.app-module-hub--cosmic .app-module-hub__grid p { display: -webkit-box; margin: 0; overflow: hidden; color: #c0cde3; font-size: 14px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.app-module-hub--cosmic .app-module-hub__grid em { color: #8399ba; font-size: 10px; font-style: normal; line-height: 1.45; }
.app-module-hub--cosmic .app-module-hub__grid > button > i { grid-column: 1 / -1; align-self: end; display: flex; align-items: center; justify-content: space-between; min-height: 36px; padding-top: 10px; border-top: 1px solid rgba(158, 190, 240, .11); color: #dce7fa; font-size: 12px; font-style: normal; font-weight: 800; }
.app-module-hub--cosmic .app-module-hub__grid > button > i b { color: var(--hub-accent); font-size: 19px; transition: transform .18s ease; }
.app-module-hub--cosmic .app-module-hub__grid > button:hover > i b { transform: translateX(4px); }

.app-module-hub--cosmic .app-module-hub__empty { min-height: 150px; padding: 48px 20px; border-color: color-mix(in srgb, var(--hub-accent) 34%, transparent); color: #b3c3dd; font-size: 15px; }
.app-module-hub--cosmic > footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 14px; border-top: 1px solid rgba(157, 189, 238, .13); }
.app-module-hub--cosmic > footer > span { display: flex; align-items: center; gap: 9px; color: #9fb1ce; font-size: 12px; line-height: 1.5; }
.app-module-hub--cosmic > footer > span i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #65efb6; box-shadow: 0 0 13px #65efb6; }

@keyframes appHubCardIn { from { opacity: 0; transform: translateY(16px) scale(.985); } }
@keyframes appHubNebula { to { transform: translate3d(45px, -25px, 0) scale(1.14); opacity: .13; } }
@keyframes appHubStar { 50% { opacity: .25; transform: scale(.65); } }
@keyframes appHubLive { 50% { opacity: .45; transform: scale(.76); } }
@keyframes appHubScan { to { transform: translateX(72%); } }
@keyframes appHubEnergy { 50% { opacity: .32; transform: scaleY(.58); } }
@keyframes appHubIconFloat { 50% { transform: translateY(-3px) rotate(2deg); } }
@keyframes appHubOrbit { to { transform: rotate(1turn); } }

@media (max-width: 1180px) {
  .app-module-hub--cosmic .app-module-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-module-hub__guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  body.app-capability-index-route #appMain { scrollbar-gutter: auto; }
  .app-module-hub--cosmic { gap: 14px; padding: 15px 12px 110px; border-width: 0; border-radius: 0; }
  .app-module-hub--cosmic > header { grid-template-columns: 1fr; align-items: start; }
  .app-module-hub--cosmic > header > span { grid-template-columns: auto 1fr; width: 100%; min-width: 0; }
  .app-module-hub__guide { display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
  .app-module-hub__guide li { flex: 0 0 min(82vw, 300px); scroll-snap-align: start; }
  .app-module-hub__toolbar { top: -1px; grid-template-columns: 1fr; }
  .app-module-hub__toolbar > button { display: none; }
  .app-module-hub__toolbar kbd { display: none; }
  .app-module-hub--cosmic .app-module-hub__grid { grid-template-columns: 1fr; }
  .app-module-hub--cosmic .app-module-hub__grid > button { min-height: 208px; }
  .app-module-hub--cosmic > footer { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .app-module-hub--cosmic *,
  .app-module-hub--cosmic *::before,
  .app-module-hub--cosmic *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Creative Cosmic Command Center — verified device data and real routes only */
body.app-capability-index-route[data-hh-layer="platform"] #appWorkspace:has([data-feature-hub="create"]){display:grid;gap:16px;background:radial-gradient(circle at 12% 4%,rgba(0,224,255,.07),transparent 28%),radial-gradient(circle at 88% 9%,rgba(255,65,199,.08),transparent 30%),linear-gradient(180deg,#061020,#080d1d)}
.app-core-command{position:relative;isolation:isolate;display:grid;gap:15px;margin:0;padding:20px;overflow:hidden;border:1px solid rgba(111,226,255,.2);border-radius:24px;background:linear-gradient(135deg,rgba(8,25,49,.96),rgba(24,12,49,.92) 58%,rgba(5,22,40,.96));box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.25)}
.app-core-command::before,.app-core-command::after{position:absolute;z-index:-1;content:"";pointer-events:none}.app-core-command::before{inset:0;background-image:radial-gradient(circle at 10% 25%,rgba(255,255,255,.72) 0 1px,transparent 1.6px),radial-gradient(circle at 60% 18%,rgba(95,240,255,.72) 0 1px,transparent 1.7px),radial-gradient(circle at 84% 70%,rgba(255,105,218,.62) 0 1px,transparent 1.7px);background-size:151px 137px,213px 191px,271px 239px;opacity:.22}.app-core-command::after{right:-120px;top:-150px;width:390px;height:390px;border:1px solid rgba(99,225,255,.12);border-radius:50%;box-shadow:0 0 0 44px rgba(255,69,202,.025),0 0 0 92px rgba(99,225,255,.025)}
.app-core-command>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.app-core-command>header>div{display:grid;gap:5px;min-width:0}.app-core-command .section-kicker{display:flex;align-items:center;gap:8px;margin:0;color:#75efff;font-size:10px;font-weight:900;letter-spacing:.13em}.app-core-command .section-kicker i{width:8px;height:8px;border-radius:50%;background:#ff64d1;box-shadow:0 0 16px #ff64d1}.app-core-command h3{margin:0;color:#fff;font-size:clamp(23px,2.4vw,38px);line-height:1.12;letter-spacing:-.035em}.app-core-command>header p:not(.section-kicker){margin:0;color:#aebfda;font-size:14px;line-height:1.55}.app-core-command__network{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid rgba(163,181,219,.18);border-radius:999px;color:#9caecc;background:rgba(5,12,28,.62);font-size:10px;font-weight:800;white-space:nowrap}.app-core-command__network i{width:7px;height:7px;border-radius:50%;background:#8390aa}.app-core-command__network.is-online i{background:#62efb2;box-shadow:0 0 12px #62efb2}.app-core-command__network.is-offline i{background:#ff9a72}
.app-core-command__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(230px,.6fr);gap:10px}.app-core-command__grid>section,.app-core-command__grid>aside{min-width:0;padding:13px;border:1px solid rgba(144,177,229,.14);border-radius:17px;background:rgba(5,15,34,.72);box-shadow:inset 0 1px rgba(255,255,255,.035)}.app-core-command__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#dce8ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.app-core-command__section-head b{color:#6eefff;font-size:9px}.app-core-command__quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-core-command__quick button,.app-core-command__recent button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;padding:7px 9px;border:1px solid rgba(144,177,229,.11);border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(19,37,70,.72),rgba(15,21,52,.78));text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.app-core-command__quick button:hover,.app-core-command__quick button:focus-visible,.app-core-command__recent button:hover,.app-core-command__recent button:focus-visible{border-color:rgba(101,235,255,.45);background:linear-gradient(135deg,rgba(22,49,83,.9),rgba(36,20,69,.86));outline:0;transform:translateY(-2px)}.app-core-command__quick button>i,.app-core-command__recent button>i{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(101,235,255,.25);border-radius:11px;color:#75efff;background:rgba(101,235,255,.08);font-size:11px;font-style:normal;font-weight:900}.app-core-command__quick button span,.app-core-command__recent button span{display:grid;min-width:0}.app-core-command__quick button strong,.app-core-command__recent button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.app-core-command__quick button small,.app-core-command__recent button small{overflow:hidden;color:#8fa3c3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.app-core-command__quick button>b{color:#ff68d5}.app-core-command__recent{display:grid;gap:7px}.app-core-command__recent button{grid-template-columns:35px minmax(0,1fr) auto}.app-core-command__recent button>b{color:#ff78dc;font-size:8px}.app-core-command__empty{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:122px;padding:12px;border:1px dashed rgba(144,177,229,.17);border-radius:12px;color:#9fb1cd}.app-core-command__empty>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);font-style:normal}.app-core-command__empty span{display:grid;gap:3px}.app-core-command__empty strong{font-size:11px}.app-core-command__empty small{font-size:9px;line-height:1.45}
.app-core-command__grid>aside{display:grid;align-content:start;gap:10px;background:linear-gradient(145deg,rgba(22,18,55,.8),rgba(4,18,37,.82))}.app-core-command__grid>aside>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1px 8px}.app-core-command__grid>aside>div span{color:#ff85dc;font-size:9px;font-weight:850;text-transform:uppercase}.app-core-command__grid>aside>div strong{grid-row:1/3;grid-column:2;color:#fff;font-size:28px;line-height:1}.app-core-command__grid>aside>div small{color:#8ea1c0;font-size:8px}.app-core-command__grid>aside ul{display:grid;gap:6px;margin:0;padding:9px 0;border-block:1px solid rgba(144,177,229,.1);list-style:none}.app-core-command__grid>aside li{display:flex;align-items:center;gap:7px;color:#aebfda;font-size:9px}.app-core-command__grid>aside li i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#77849b}.app-core-command__grid>aside li i.is-ready{background:#62efb2;box-shadow:0 0 9px rgba(98,239,178,.55)}.app-core-command__grid>aside button{min-height:37px;border:1px solid rgba(255,105,218,.25);border-radius:10px;color:#ffdff6;background:rgba(255,105,218,.07);cursor:pointer;font:inherit;font-size:9px;font-weight:800}
body.app-capability-index-route [data-feature-hub="create"].app-module-hub--cosmic{padding-top:19px;background:radial-gradient(circle at 75% 0,rgba(255,63,203,.08),transparent 30%),radial-gradient(circle at 12% 24%,rgba(53,222,255,.07),transparent 30%),linear-gradient(165deg,rgba(10,23,48,.98),rgba(13,10,34,.99))}body.app-capability-index-route [data-feature-hub="create"] .app-module-hub__grid>button{min-height:194px}body.app-capability-index-route [data-feature-hub="create"] .app-module-hub__icon{box-shadow:0 0 26px color-mix(in srgb,var(--hub-accent) 13%,transparent)}
@media(max-width:1180px){.app-core-command__grid{grid-template-columns:1fr 1fr}.app-core-command__grid>aside{grid-column:1/-1;grid-template-columns:minmax(160px,.5fr) 1fr auto;align-items:center}.app-core-command__grid>aside ul{padding:0 12px;border-block:0;border-inline:1px solid rgba(144,177,229,.1)}.app-core-command__grid>aside button{padding:0 12px}}
@media(max-width:760px){.app-core-command{margin:0 12px;padding:15px;border-radius:19px}.app-core-command>header{align-items:start;flex-direction:column}.app-core-command h3{font-size:26px}.app-core-command>header p:not(.section-kicker){font-size:13px}.app-core-command__grid{grid-template-columns:1fr}.app-core-command__grid>aside{grid-column:auto;grid-template-columns:1fr}.app-core-command__grid>aside ul{padding:9px 0;border-block:1px solid rgba(144,177,229,.1);border-inline:0}.app-core-command__quick{grid-template-columns:1fr}.app-core-command__quick button,.app-core-command__recent button{min-height:62px}.app-core-command__network{min-height:44px}body.app-capability-index-route [data-feature-hub="create"] .app-module-hub__grid>button{min-height:184px}}
.app-core-command__quick button strong,.app-core-command__recent button strong{overflow:visible;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.app-core-command__quick button small,.app-core-command__recent button small{overflow:visible;line-height:1.4;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.app-core-command__recent button>b{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.app-core-command *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}}