/* JiMeng-inspired home hero only. Keep shared generation workspace styles untouched. */
#page-create .hero-create {
  min-height: 410px;
  padding: 0 32px 24px;
}
#page-create .hero-create > h1 {
  display: block;
  margin: 0 0 26px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: 0;
  text-align: center;
}
#page-create .hero-create > h1 span { color: inherit; }
#page-create .mode-switch {
  width: min(320px, 100%);
  height: 38px;
  margin: 0 auto;
  padding: 3px;
  border-radius: 999px;
  background: #242527;
}
#page-create .mode-switch .mode-btn {
  min-height: 32px;
  border-radius: 999px;
}
#page-create .composer-wrap {
  width: min(1200px, 100%);
  margin-top: 36px;
}
#page-create .composer {
  min-height: 158px;
  border-color: #292a2c;
  border-radius: 24px;
  background: #1d1d1e;
  padding: 18px 16px 12px;
}
#page-create .composer-footer {
  display: grid;
  grid-template-columns:max-content max-content max-content max-content max-content minmax(0,1fr) 30px 42px;
  align-items: center;
  gap: 4px;
}
#page-create .composer-tools,
#page-create .composer-actions { display: contents; }
#page-create .composer-tools [data-menu="agentMenu"] { grid-row: 1; grid-column: 1; }
#page-create .composer-tools [data-studio="params"] { grid-row:1; grid-column:3; }
#page-create .composer-tools [data-menu="skillMenu"] { grid-row:1; grid-column:4; }
#page-create .composer-tools [data-action="mention"] { grid-row:1; grid-column:5; }
#page-create .composer-tools [data-menu="autoMenu"] { grid-row:1; grid-column:2; justify-self:start; }
#page-create .composer-tools [data-action="prompt-options"] { grid-row: 1; display: none; }
#page-create .composer-actions .mic-btn { grid-column: 7; grid-row: 1; }
#page-create .composer-actions .send-btn { grid-column: 8; grid-row: 1; width: 38px; height: 38px; border-radius: 50%; }
#page-create .composer-tools .tool-select { min-width: 0; height: 32px; padding-inline: 7px; color: #c6c7ca; }
#page-create .composer-tools .tool-select:hover,
#page-create .composer-tools .tool-select[aria-expanded="true"] { background: #ffffff0b; color: #fff; }
#page-create .composer-tools .tool-label-mobile { display: inline; }
#page-create .composer-tools [data-menu="autoMenu"] #autoLabel { max-width: 210px; }
#page-create .mic-btn { width: 30px; height: 32px; }
#page-create .suggestion-row { margin-top: 16px; }
@media (max-width: 760px) {
  #page-create .hero-create { min-height: 0; padding: 20px 14px 24px; }
  #page-create .hero-create > h1 { font-size: 23px; margin-bottom: 18px; }
  #page-create .mode-switch { width: min(320px, 100%); }
  #page-create .composer-wrap { width: 100%; margin-top: 24px; }
  #page-create .composer { padding: 16px 12px 12px; border-radius: 18px; }
  /* Let actions share the grid rather than reserving a column beside wrapped tools. */
  #page-create .composer-footer { display:grid; grid-template-columns:minmax(0,108px) minmax(0,1fr) 28px 38px; align-items:center; gap:3px; }
  #page-create .composer-tools,#page-create .composer-actions { display:contents; }
  #page-create .composer-tools [data-menu="autoMenu"] { grid-row:1; grid-column:2 / 5; justify-self:end; max-width:100%; }
  #page-create .composer-tools [data-studio="params"] { grid-row:2; grid-column:1; }
  #page-create .composer-tools [data-menu="skillMenu"] { grid-row:2; grid-column:2; }
  #page-create .composer-tools [data-action="mention"] { grid-row:2; grid-column:3; }
  #page-create .composer-actions .mic-btn { display:none; }
  #page-create .composer-actions .send-btn { grid-row:2; grid-column:4; min-width:0px; flex:0 0 auto; }
  #page-create #skillLabel { min-width:0; overflow:hidden; text-overflow:ellipsis; }
  #page-create .suggestion { min-width:0; font-size:11px; padding-inline:10px; }
  #page-create .suggestion i { white-space:nowrap; }
  #page-create .suggestion[data-action="skills"] { flex:0 0 auto; white-space:nowrap; }

  #page-create .composer-tools [data-action="prompt-options"] { display: none; }
  #page-create .composer-tools [data-action="mention"] { display: none; }
  #page-create .composer-actions .send-btn { width:38px; height:38px; }
  #page-create .composer-tools .tool-select { max-width: 150px; font-size: 11px; padding-inline: 4px; }
  #page-create .composer-tools [data-menu="autoMenu"] #autoLabel { max-width: 100px; }
  #page-create .suggestion-row { margin-top: 12px; }
}
/* Home interaction surfaces; these share the existing anchored-popover lifecycle. */
.home-view .top-actions { gap:8px; align-self:flex-end; margin-bottom:2px; }
.home-view .top-actions [data-action="gift"] { display:none; }
.home-view .top-actions .top-pill { border-radius:8px; }
.home-view .top-actions .notification-trigger { width:34px; border-radius:8px 0 0 8px; margin-right:-8px; border-right:0; }
.home-view .top-actions .points-pill { border-radius:0; border-left:0; border-right:0; padding-inline:7px; }
.home-view .top-actions .avatar { margin-left:-8px; width:36px; height:36px; border:1px solid #ffffff19; border-left:0; border-radius:0 8px 8px 0; background:#151515; }
#page-create .hero-create { padding-top:10px; }
#page-create .hero-create>h1 { font-weight:600; }
#page-create .mode-switch .mode-btn.active { background:radial-gradient(ellipse at 68% 70%,#bcefff 0,transparent 48%),radial-gradient(ellipse at 25% 75%,#ffe2d0 0,transparent 48%),#f7f9fa; color:#111; }
#page-create .composer { background:linear-gradient(170deg,#1a1a1b,#222223); }
#page-create .composer[data-status="ready"],#page-create .composer[data-status="success"] { border-color:#2d2d2f; box-shadow:none; }
#page-create .composer:focus-within { border-color:#555; box-shadow:0 0 0 1px #ffffff08; }
#page-create .composer-tools [data-menu="agentMenu"] { color:#35b9fa; }
#page-create .composer-tools .tool-select { font-size:13px; gap:5px; }
#page-create .composer-tools [data-menu="autoMenu"]>svg:first-child { display:none; }
#page-create .composer-tools [data-menu="skillMenu"]>.tool-chevron { display:none; }
#page-create .composer-tools [data-action="mention"] { width:32px; padding:0; justify-content:center; }
#page-create .composer-tools [data-action="mention"] .tool-label-mobile { display:none; }
#page-create .composer-actions .send-btn { width:34px; height:34px; background:#414143; color:#9b9b9c; }
#page-create .composer-actions .send-btn.ready { background:#e8eeef; color:#181a1c; }
#page-create .mic-btn:disabled { cursor:not-allowed; color:#737375; }
#page-create .suggestion-row { gap:8px; margin:16px 0 0; flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scrollbar-width:thin; }
#page-create .suggestion-row .suggestion { flex:0 0 auto; white-space:nowrap; }
#page-create .suggestion { display:flex; align-items:center; gap:8px; height:36px; min-height:36px; padding:4px 20px; border-radius:40px; background:#1a1a1a; border:1px solid rgba(255,255,255,.04); color:#fff; font-size:14px; font-weight:400; line-height:21px; }
#page-create .suggestion:hover { background:#272728; border-color:rgba(255,255,255,.08); }
#page-create .suggestion span { color:#fff; margin-right:0; }
#page-create .suggestion i { display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-size:9px; font-weight:600; line-height:12px; height:16px; padding:2px 3px 2px 4px; border-radius:4px; margin-left:0; background:rgba(0,142,229,.12); color:#009efa; }
#page-create .suggestion[data-action="skills"] { margin-left:auto; padding:4px 12px 4px 20px; font-weight:600; border:0; }
#skillMenu,#subjectMenu { padding:8px; border:1px solid #ffffff0d; border-radius:12px; gap:0; }
.picker-search-row { display:flex; align-items:center; gap:4px; border-bottom:1px solid #ffffff0a; padding-bottom:6px; margin-bottom:4px; }
.picker-search { display:flex; align-items:center; gap:7px; min-width:0; padding:0 8px; height:36px; flex:1; color:#929295; border-radius:8px; }
.picker-search input { min-width:0; width:100%; height:100%; font-size:13px; border:0; outline:0; background:transparent; }
.picker-search:focus-within { background:#ffffff08; outline:1px solid #8885; }
.picker-search .ui-icon { width:16px; height:16px; flex-shrink:0; }
.picker-search-row>button { display:flex; align-items:center; gap:3px; padding:6px 4px; font-size:12px; background:none; color:#a5a5a8; white-space:nowrap; border-radius:6px; }
.picker-search-row>button .ui-icon { width:12px; height:12px; }
.picker-options { overflow:auto; max-height:330px; scrollbar-width:thin; overscroll-behavior:contain; }
.picker-options .picker-option { width:100%; padding:10px 8px; min-height:56px; display:flex; align-items:flex-start; gap:10px; background:transparent; border-radius:8px; text-align:left; }
.picker-options .picker-option:hover,.picker-options .picker-option:focus-visible { background:#ffffff0b; }
.picker-option-icon { width:20px; flex:0 0 20px; height:20px; display:grid; place-items:center; margin-top:1px; }
.picker-option-icon img { width:26px; height:26px; object-fit:cover; border-radius:5px; }
.picker-option-copy { min-width:0; flex:1; }
.picker-option-copy b { display:flex; align-items:center; gap:5px; font-size:13px; font-weight:500; line-height:20px; }
.picker-option-copy i { font-size:9px; font-style:normal; font-weight:400; border-radius:3px; padding:0 3px; line-height:15px; background:#ffffff09; color:#999; }
.picker-option-copy small { display:block; font-size:12px; line-height:18px; margin-top:3px; color:#99999c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.picker-empty { padding:18px 8px; text-align:center; font-size:12px; color:#a1a1a4; }
.picker-selected { color:#a8e7eb; }
.picker-selected svg { width:14px; height:14px; }
.picker-footnote { padding:8px; color:#8d8d91; font-size:10px; border-top:1px solid #ffffff0a; }
.picker-manage { margin-top:4px; display:flex; justify-content:space-between; border-top:1px solid #ffffff0a; }
#page-explore.skills-view>.subpage-head,#page-explore.skills-view>.explore-filters,#page-explore.skills-view>#exploreGrid { display:none; }
.skill-library[hidden] { display:none; }
.skill-library { padding:12px 40px 30px; }
.skill-library-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.skill-library-toolbar .heading-link { display:flex; align-items:center; gap:7px; }
.skill-library-toolbar .picker-search { max-width:240px; border:1px solid #303032; }
.skill-library-tabs { display:flex; gap:24px; overflow:auto; margin-bottom:28px; }
.skill-library-tabs button { padding:7px 0; background:none; font-size:13px; color:#a8a8ab; white-space:nowrap; }
.skill-library-tabs button[aria-selected="true"] { color:#fff; }
.skill-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.skill-library-card { overflow:hidden; border-radius:14px; background:#1b1b1d; }
.skill-library-cover { height:165px; padding:18px; display:flex; align-items:flex-end; gap:8px; position:relative; isolation:isolate; }
.skill-library-cover::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(transparent,#0009); }
.skill-library-cover>svg { width:28px; height:28px; }
.skill-library-cover strong { font-size:16px; flex:1; }
.skill-library-cover button { border:1px solid #ffffff4d; border-radius:8px; background:#1114; padding:6px 12px; font-size:12px; }
.skill-library-cover button:hover { background:#ffffff22; }
.skill-library-copy { padding:14px 16px; }
.skill-library-copy small { color:#a0a0a4; font-size:11px; }
.skill-library-copy p { font-size:12px; line-height:1.7; margin:8px 0 0; color:#bdbdc0; }
.skill-library-note { font-size:11px; color:#929296; margin-top:22px; }
html[data-theme="light"] #skillMenu,html[data-theme="light"] #subjectMenu { background:#fff; border-color:#ddd; }
html[data-theme="light"] .skill-library-card { background:#f1f3f5; }
html[data-theme="light"] .skill-library-tabs button[aria-selected="true"] { color:#111; }
@media (max-width:1100px) and (min-width:761px) {
  #page-create .composer-footer { grid-template-columns:max-content minmax(0,140px) max-content minmax(0,100px) 32px minmax(8px,1fr) 28px 34px; gap:2px; }
  #page-create .composer-tools .tool-select { font-size:11px; padding-inline:4px; max-width:160px; }
  #page-create .composer-tools [data-menu="autoMenu"],#page-create .composer-tools [data-menu="skillMenu"] { max-width:100%; }
  #page-create .composer-tools [data-menu="autoMenu"] #autoLabel { max-width:120px; }
}
@media (max-width:760px) {
  .home-view .top-actions { align-self:center; margin-bottom:0; gap:5px; }
  .home-view .top-actions .top-pill { padding-inline:7px; }
  .home-view .top-actions .notification-trigger { margin-right:-5px; }
  .home-view .top-actions .avatar { margin-left:-5px; }
  #page-create .hero-create { padding-top:20px; }
  #page-create .composer-tools .tool-select { font-size:11px; }
  #page-create .composer-tools [data-action="mention"] { display:flex; width:28px; }
  #page-create .composer-actions .send-btn { width:38px; height:38px; }
  #page-create .composer-tools [data-menu="skillMenu"] { max-width:100px; }
  .skill-library { padding:14px; }
  .skill-library-toolbar { align-items:stretch; flex-direction:column; }
  .skill-library-toolbar .picker-search { max-width:none; }
  .skill-library-grid { grid-template-columns:1fr; }
}
/* Explicit row axes override the legacy .popover button column layout. */
#skillMenu .picker-search-row>button { width:auto; flex:0 0 auto; flex-direction:row; }
#skillMenu .picker-option,#subjectMenu .picker-option { flex-direction:row; }
#subjectMenu .picker-manage { flex-direction:row; }
#page-create .suggestion-row { padding-top:0; }
.home-view .points-pill small { display:none; }
.home-view .top-actions .points-pill { border-radius:0 8px 8px 0; border-right:1px solid #ffffff19; }
.home-view .top-actions .avatar { margin-left:0; width:28px; height:28px; border:2px solid #242424; border-radius:50%; background:linear-gradient(135deg,#6ea8ff,#7c5ee9); }
.home-view .notification-dot[hidden] { display:none; }
@media (max-width:760px) { .home-view .top-actions .avatar { margin-left:0; } }

@media (max-width:360px) {
  #page-create .composer-footer { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px 38px; }
  #page-create .composer-tools [data-menu="agentMenu"] { grid-row:1; grid-column:1 / 3; }
  #page-create .composer-tools [data-studio="params"] { grid-row:1; grid-column:3 / 5; padding-inline:3px; }
  #page-create .composer-tools [data-studio="params"] svg { display:none; }
  #page-create .composer-tools [data-menu="autoMenu"] { grid-row:2; grid-column:1 / 5; justify-self:stretch; max-width:100%; }
  #page-create .composer-tools [data-menu="autoMenu"] #autoLabel { max-width:none; }
  #page-create .composer-tools [data-menu="skillMenu"] { grid-row:3; grid-column:1 / 3; }
  #page-create .composer-tools [data-action="mention"] { grid-row:3; grid-column:3; }
  #page-create .composer-actions .send-btn { grid-row:3; grid-column:4; }
}

body.guest-session .top-actions .account-chrome { display:none !important; }
.guest-session-actions { display:none; align-items:center; gap:2px; height:36px; padding:0 4px; border-radius:8px; background:rgba(18,18,18,.6); box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); backdrop-filter:blur(20px); }
body.guest-session .guest-session-actions { display:flex; }
.guest-session-actions[hidden] { display:none !important; }
.guest-settings { width:28px; height:28px; min-width:28px; padding:0; display:grid; place-items:center; border-radius:8px; background:transparent; color:#fff; }
.guest-settings .ui-icon { width:16px; height:16px; flex-basis:16px; }
.guest-settings:hover, .guest-settings:focus-visible { background:rgba(255,255,255,.08); color:#fff; }
.guest-login { display:inline-flex; align-items:center; justify-content:center; height:28px; min-height:28px; padding:4px 16px; border-radius:6px; background:transparent; color:#fff; font-size:12px; font-weight:500; line-height:20px; white-space:nowrap; }
.guest-login:hover, .guest-login:focus-visible { background:rgba(255,255,255,.08); }
.side-login-prompt { display:flex; align-items:center; gap:6px; width:100%; height:28px; padding:2px 8px; border-radius:8px; background:transparent; color:rgba(255,255,255,.35); font-size:13px; font-weight:400; line-height:22px; text-align:left; }
.side-login-prompt:hover, .side-login-prompt:focus-visible { color:rgba(255,255,255,.6); }
.side-login-prompt-icon { display:none; width:14px; height:14px; flex:0 0 14px; }
.side-login-prompt:hover .side-login-prompt-icon, .side-login-prompt:focus-visible .side-login-prompt-icon { display:block; }
html[data-theme="light"] .guest-session-actions { background:rgba(255,255,255,.72); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
html[data-theme="light"] .guest-settings, html[data-theme="light"] .guest-login { color:#171717; }
html[data-theme="light"] .guest-settings:hover, html[data-theme="light"] .guest-settings:focus-visible,
html[data-theme="light"] .guest-login:hover, html[data-theme="light"] .guest-login:focus-visible { background:rgba(0,0,0,.05); }
html[data-theme="light"] .side-login-prompt { color:rgba(0,0,0,.35); }
html[data-theme="light"] .side-login-prompt:hover, html[data-theme="light"] .side-login-prompt:focus-visible { color:rgba(0,0,0,.55); }

body.guest-session #profilePanel > :not(.guest-profile-menu) { display:none !important; }
.guest-profile-menu { display:none; flex-direction:column; gap:4px; }
body.guest-session .guest-profile-menu { display:flex; }
body.guest-session #profilePanel {
  width:240px; padding:4px; overflow:visible; border:0; border-radius:12px;
  background:#262626; color:#fff; box-shadow:0 8px 56px rgba(0,0,0,.24);
}
body.guest-session #profilePanel.open { z-index:46; }
.guest-profile-row { position:relative; display:block; }
.guest-profile-menu > button,
.guest-profile-row > button {
  display:flex; align-items:center; gap:8px; width:100%; height:36px; min-height:36px;
  padding:9px 12px; border-radius:8px; background:transparent; color:#fff;
  font-size:14px; font-weight:400; line-height:21px; text-align:left;
}
.guest-profile-menu > button:hover,
.guest-profile-menu > button:focus-visible,
.guest-profile-row > button:hover,
.guest-profile-row > button:focus-visible,
.guest-profile-row > button[aria-expanded="true"],
.guest-flyout > button:hover,
.guest-flyout > button:focus-visible,
.guest-flyout > button.selected {
  background:rgba(255,255,255,.08); color:#fff;
}
.guest-profile-menu > button > span,
.guest-profile-row > button > span:not(.menu-badge) { flex:1 1 auto; min-width:0; }
.guest-menu-icon { width:16px; height:16px; flex:0 0 16px; color:currentColor; }
.guest-menu-chevron { width:12px; height:12px; flex:0 0 12px; margin-left:auto; color:rgba(255,255,255,.35); }
.guest-profile-menu .menu-badge {
  margin-left:auto; color:rgba(255,255,255,.45); border-color:rgba(255,255,255,.12);
  font-size:9px; line-height:12px; padding:2px 4px;
}
.guest-flyout {
  position:absolute; top:0; right:100%; margin-right:8px; z-index:3;
  display:flex; flex-direction:column; gap:4px; width:240px; padding:4px;
  border-radius:12px; background:#262626; color:#fff;
  box-shadow:0 8px 56px rgba(0,0,0,.24);
}
.guest-flyout[hidden] { display:none !important; }
.guest-flyout > button {
  display:flex; align-items:center; gap:8px; width:100%; height:36px; min-height:36px;
  padding:9px 12px; border-radius:8px; background:transparent; color:#fff;
  font-size:14px; font-weight:400; line-height:21px; text-align:left;
}
.guest-flyout-nested > button { font-size:13px; line-height:22px; }
html[data-theme="light"] body.guest-session #profilePanel,
html[data-theme="light"] .guest-flyout { background:#fff; color:#171717; box-shadow:0 8px 56px rgba(0,0,0,.16); }
html[data-theme="light"] .guest-profile-menu > button,
html[data-theme="light"] .guest-profile-row > button,
html[data-theme="light"] .guest-flyout > button { color:#171717; }
html[data-theme="light"] .guest-profile-menu > button:hover,
html[data-theme="light"] .guest-profile-menu > button:focus-visible,
html[data-theme="light"] .guest-profile-row > button:hover,
html[data-theme="light"] .guest-profile-row > button:focus-visible,
html[data-theme="light"] .guest-profile-row > button[aria-expanded="true"],
html[data-theme="light"] .guest-flyout > button:hover,
html[data-theme="light"] .guest-flyout > button:focus-visible,
html[data-theme="light"] .guest-flyout > button.selected { background:rgba(0,0,0,.05); color:#171717; }
html[data-theme="light"] .guest-menu-chevron { color:rgba(0,0,0,.35); }
html[data-theme="light"] .guest-profile-menu .menu-badge { color:rgba(0,0,0,.45); border-color:rgba(0,0,0,.12); }

#page-create .featured-section .section-heading h2 { display:flex; align-items:center; height:32px; padding:0 16px; font-size:13px; font-weight:500; line-height:22px; color:#fff; }
#page-create .featured-section .heading-link { height:32px; padding:0 16px; font-size:13px; }
@media (min-width:1400px) {
  #page-create .feature-strip { grid-template-columns:repeat(4, 427px); height:240px; overflow-x:auto; scrollbar-width:thin; }
}
#page-create .category-tabs { gap:8px; align-items:center; }
#page-create .category { display:flex; align-items:center; height:36px; padding:0 16px; border-radius:99px; background:transparent; color:rgba(255,255,255,.7); font-size:13px; font-weight:500; line-height:22px; }
#page-create .category:hover { color:#fff; background:transparent; }
#page-create .category.active { background:rgba(255,255,255,.04); color:#fff; }
#page-create .category[data-category="精选"].active { padding:0 0 0 16px; gap:8px; }
#page-create .category-deco { width:33px; height:36px; display:block; flex:0 0 33px; overflow:hidden; }
#page-create .category-deco svg { width:33px; height:36px; display:block; }
#page-create .gallery-search { width:310px; height:36px; padding:0 12px; border-radius:8px; background:rgba(255,255,255,.04); border:0; color:#fff; }
#page-create .gallery-search input { font-size:13px; color:#fff; }
#page-create .gallery-search input::placeholder { color:rgba(255,255,255,.45); }
@media (max-width:760px) {
  #page-create .suggestion { font-size:12px; padding:4px 12px; gap:6px; }
  #page-create .suggestion[data-action="skills"] { margin-left:0; }
  #page-create .gallery-search { width:210px; height:32px; }
}