/* This file is copied only into the isolated client-next build. Never load it on the old H5. */
.next-shell { --next-sidebar: 232px; --next-topbar: 64px; }
.next-home { color: #20334e; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; }
.next-shell button { cursor: pointer; }
.next-shell button:focus-visible, .next-shell a:focus-visible { outline: 3px solid #91b9fb; outline-offset: 3px; }
.next-icon { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 21px; }
.next-sidebar, .next-topbar { display: none; }
.next-home { padding: 22px 16px 95px; background: #f8faff; }
.next-home h1, .next-home h2, .next-home h3, .next-home p { margin: 0; }
.next-home h1 { font-size: 25px; font-weight: 650; letter-spacing: -.6px; line-height: 1.45; }
.next-home h2 { font-size: 18px; font-weight: 650; }
.next-home-heading { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.next-home-heading p { color: #8c9ab0; font-size: 13px; margin-top: 7px; }
.next-home-heading > button { display: none; }
.next-hero { display: flex; position: relative; overflow: hidden; align-items: center; min-height: 245px; padding: 26px 22px; border: 1px solid #e0eafb; border-radius: 20px; background: linear-gradient(120deg,#f0f5ff,#e6f0ff); }
.next-hero > div { position: relative; z-index: 1; }
.next-eyebrow { color: #8a9fc1; font-size: 12px; letter-spacing: 1.6px; }
.next-hero h2 { font-size: 27px; font-weight: 600; line-height: 1.5; margin: 12px 0 9px; color: #294b7c; }
.next-hero p { max-width: calc(100% - 66px); font-size: 12px; line-height: 1.8; color: #8197b6; }
.next-hero button { margin-top: 22px; padding: 12px 20px; border: 0; border-radius: 10px; background: #3779ec; color: #fff; font-size: 13px; box-shadow: 0 6px 16px #2365df21; }
.next-hero > img { position: absolute; width: 145px; height: 145px; object-fit: contain; bottom: -10px; right: -22px; opacity: .9; }
.next-creation-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin: 17px 0 28px; }
.next-creation-grid > button { grid-column: span 2; position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 0; padding: 16px 6px; border: 1px solid #e6edf7; border-radius: 14px; background: #fff; text-align: center; }
.next-creation-grid > button:nth-child(-n+2) { grid-column: span 3; }
.next-creation-grid img { width: 54px; height: 54px; object-fit: contain; }
.next-creation-grid strong { font-size: 14px; font-weight: 600; }
.next-creation-grid span { font-size: 12px; line-height: 1.7; color: #97a5b8; }
.next-creation-grid b { position: absolute; right: 12px; top: 12px; color: #bac8dc; font-size: 13px; font-weight: 400; }
.next-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.next-section-heading button { border: 0; background: none; color: #7a91b2; font-size: 12px; }
.next-muted { color: #91a0b4; font-size: 12px; line-height: 1.8; margin: 7px 0 18px !important; }
.next-recent-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.next-recent-card { min-width: 0; overflow: hidden; border: 1px solid #e6edf7; border-radius: 15px; padding: 0; text-align: left; background: #fff; }
.next-recent-cover { height: 96px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; background: linear-gradient(135deg,#edf4ff,#f6f9ff); color: #729add; }
.next-recent-cover .next-icon { width: 30px; height: 30px; }
.next-recent-cover > span { font-size: 12px; }
.next-recent-cover.kind-image { background: linear-gradient(135deg,#f2ecff,#faf7ff); color: #a38bd1; }
.next-recent-cover.kind-mix { background: linear-gradient(135deg,#fff4e8,#fffbf7); color: #d4a375; }
.next-recent-copy { padding: 14px; }
.next-recent-copy strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 38px; font-size: 13px; line-height: 1.6; font-weight: 550; }
.next-recent-copy > span, .next-recent-copy small { display: block; font-size: 12px; color: #8c9bb0; margin-top: 9px; }
.next-recent-copy > span { color: #6488bf; }
.next-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 220px; gap: 13px; color: #8da3c1; background: #fff; border: 1px dashed #dfe8f5; border-radius: 16px; padding: 24px; }
.next-empty h3 { font-size: 15px; font-weight: 500; }.next-empty p { font-size: 12px; line-height: 1.8; }
.next-tools { margin-top: 26px; }.next-tools > button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 4px; border: 0; border-bottom: 1px solid #edf1f7; background: none; text-align: left; color: #8c9fb9; }
.next-tools > button > span:first-of-type { flex: 1; }.next-tools strong, .next-tools small { display: block; }.next-tools strong { font-size: 13px; color: #4e6687; font-weight: 550; }.next-tools small { font-size: 12px; margin-top: 5px; color: #9caabe; }
.next-safety-note { background: #f0f5ff; padding: 17px; border-radius: 13px; margin-top: 22px; }.next-safety-note strong { font-size: 12px; }.next-safety-note p { font-size: 12px; line-height: 1.9; margin-top: 8px; color: #8fa1ba; }
.next-inline-error { padding: 12px; border-radius: 12px; font-size: 12px; background: #fff6e9; color: #9e7946; margin: 14px 0; line-height: 1.8; }.next-inline-error button { color: #3779ec; background: none; border: 0; padding: 4px 10px; }
@media (min-width: 768px) {
  .next-shell { color: #20334e; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; }
  .next-shell.is-ready .next-sidebar { display: flex; position: fixed; inset: 0 auto 0 0; width: var(--next-sidebar); padding: 24px 16px 16px; box-sizing: border-box; flex-direction: column; background: #fcfdff; border-right: 1px solid #e7edf6; z-index: 30; overflow-y: auto; }
  .next-sidebar button { font: inherit; border: 0; background: none; }
  .next-sidebar .next-brand { display: flex; gap: 7px; align-items: center; padding: 0 10px 21px; color: #24476f; font-size: 24px; font-weight: 680; letter-spacing: -.8px; }.next-brand img { width: 34px; height: 34px; object-fit: contain; }.next-brand span { margin-left: -5px; color: #3775d5; }
  .next-sidebar .next-business { display: flex; gap: 9px; align-items: center; padding: 11px; border: 1px solid #e6edf6; background: white; border-radius: 11px; text-align: left; min-height: 58px; }
  .next-avatar { display: grid; place-items: center; width: 32px; height: 32px; background: linear-gradient(135deg,#596e85,#a59684); border-radius: 10px; color: #fff; font-size: 13px; flex-shrink: 0; }.next-business > span:nth-child(2) { flex: 1; min-width: 0; }.next-business strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 550; }.next-business small { display: block; font-size: 12px; color: #9ba8bc; margin-top: 3px; }
  .next-nav-label { font-size: 12px; color: #a0adbe; margin: 21px 12px 7px; letter-spacing: .5px; }
  .next-sidebar nav button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 41px; padding: 8px 12px; border-radius: 9px; color: #7e8da3; font-size: 12px; text-align: left; margin: 2px 0; }.next-sidebar nav button.active { color: #3377e3; background: #ecf3ff; font-weight: 600; }.next-sidebar nav button:hover { background: #f0f5fd; }
  .next-sidebar-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 12px; color: #9daabc; padding: 30px 10px 4px; margin-top: auto; }.next-sidebar-foot a { color: #7098d5; text-decoration: none; margin-left: auto; }.next-test-dot { width: 5px; height: 5px; border-radius: 50%; background: #76a7eb; }
  .next-shell.is-ready .next-topbar { display: flex; position: fixed; inset: 0 0 auto var(--next-sidebar); height: var(--next-topbar); box-sizing: border-box; padding: 0 30px; align-items: center; justify-content: space-between; gap: 16px; background: #ffffffed; border-bottom: 1px solid #e8eef6; z-index: 24; backdrop-filter: blur(14px); font-size: 12px; color: #9ba8bc; }
  .next-topbar > div { display: flex; gap: 15px; align-items: center; }.next-topbar strong { color: #526985; font-weight: 500; }.next-crumb { color: #ced6e3; }.next-release-badge { font-size: 12px; color: #85a3ce; padding: 5px 10px; border: 1px solid #e5edf8; border-radius: 30px; }.next-topbar button { border: 0; background: none; font-size: 12px; color: #7e91aa; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .next-shell.is-ready .next-stage { margin-left: var(--next-sidebar); padding-top: var(--next-topbar); }
  .next-shell.is-ready .kelai-app { max-width: none; width: 100%; box-shadow: none; background: #f8faff; }
  .next-shell.is-ready .page-container { min-height: calc(100vh - var(--next-topbar)); background: #f8faff; }
  .next-shell.is-ready .bottom-nav { display: none; }
  .next-shell.is-ready .page-with-bottom-nav { padding-bottom: 35px; }
  .next-shell.is-ready .page-with-primary-dock { padding-bottom: 95px; }
  .next-shell.is-ready .app-bar { min-height: 88px; background: transparent; padding: 16px 30px; grid-template-columns: 44px minmax(0,1fr) auto; gap: 14px; border-bottom: 1px solid #edf1f7; box-shadow: none; }
  .next-shell.is-ready .app-bar-copy { align-items: flex-start; text-align: left; }.next-shell.is-ready .app-bar-title { font-size: 24px; font-weight: 600; line-height: 1.6; }.next-shell.is-ready .app-bar-subtitle { color: #94a3b8; font-size: 12px; }
  .next-shell.is-ready .primary-dock { left: var(--next-sidebar); right: 0; bottom: 0; display: flex; justify-content: flex-end; padding: 14px 30px; background: #ffffffed; border-top: 1px solid #e7edf6; }.next-shell.is-ready .primary-dock > * { width: auto; min-width: 250px; max-width: 600px; padding-left: 24px; padding-right: 24px; }
  .next-shell.is-ready .confirm-sheet { left: calc(var(--next-sidebar) + (100vw - var(--next-sidebar) - min(560px, 90vw - var(--next-sidebar))) / 2); right: auto; width: min(560px, 90vw - var(--next-sidebar)); bottom: 7vh; border-radius: 20px; }
  .next-shell.is-ready .toast { max-width: 500px; }
  .next-shell.is-ready .loading-state, .next-shell.is-ready .message-state { max-width: 860px; margin: auto; }
  .next-home { padding: 30px 30px 40px !important; max-width: 1600px; margin: auto; }.next-home-heading h1 { font-size: 27px; }.next-home-heading > button { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; border: 0; background: none; color: #71839d; font-size: 12px; }.next-home-heading > button span { color: #a0adc0; font-size: 12px; }
  .next-hero { min-height: 250px; padding: 32px; }.next-hero h2 { font-size: 32px; }.next-hero p { max-width: none; }.next-hero > img { width: 260px; height: 240px; right: 10px; bottom: 0; }
  .next-creation-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }.next-creation-grid > button, .next-creation-grid > button:nth-child(-n+2) { grid-column: auto; align-items: flex-start; text-align: left; padding: 17px 14px; min-height: 148px; }.next-creation-grid img { width: 49px; height: 49px; }.next-creation-grid strong { font-size: 13px; }.next-creation-grid span { font-size: 12px; }
  .next-home-columns { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 28px; }.next-tools { margin-top: 0; }.next-recent-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .next-shell.is-ready .content-body, .next-shell.is-ready .materials-body, .next-shell.is-ready .digital-human-body, .next-shell.is-ready .video-body { padding: 24px 30px 40px; max-width: 1480px; margin: auto; }
  .next-shell.is-ready .creation-hub-compact { display: grid; grid-template-columns: 2fr 3fr; gap: 16px; border-radius: 18px; background: #fff; }.next-shell.is-ready .creation-hub-heading { grid-column: 1/-1; }.next-shell.is-ready .creation-shortcut-grid, .next-shell.is-ready .creation-video-grid { margin: 0; gap: 12px; }
  .next-shell.is-ready .topic-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .next-shell.is-ready .content-create-page { height: calc(100dvh - var(--next-topbar)); min-height: 0; padding: 0; }
  .next-shell.is-ready .creation-context-bar { justify-content: flex-end; padding: 10px 30px; }.next-shell.is-ready .creation-store-chip { max-width: 200px; margin-right: auto; }
  .next-shell.is-ready .creation-chat-body { width: min(100%,940px); padding: 28px 30px; }.next-shell.is-ready .creation-composer-shell { width: min(100%,1000px); margin: 0 auto; box-sizing: border-box; padding: 12px 30px 24px; }.next-shell.is-ready .creation-welcome-card { border: 0; box-shadow: none; background: transparent; }.next-shell.is-ready .creation-scenario-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .next-shell.is-ready .creation-history-drawer { width: min(430px,80vw); }.next-shell.is-ready .creation-model-sheet { max-width: 680px; }.next-shell.is-ready .creation-overlay { align-items: center; }
  .next-shell.is-ready .image-studio-body { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,1fr); align-items: start; padding: 24px 30px; gap: 20px; max-width: 1400px; margin: auto; }
  .next-shell.is-ready .image-studio-body > .image-panel:first-child { grid-column: 1; grid-row: 1 / span 2; }.next-shell.is-ready .image-studio-body > .image-panel:nth-child(2) { grid-column: 2; }.next-shell.is-ready .image-studio-body > .image-panel:nth-child(3) { grid-column: 2; }.next-shell.is-ready .image-submit-panel, .next-shell.is-ready .image-studio-body > .image-error { grid-column: 1/-1; }
  .next-shell.is-ready .image-prompt { min-height: 245px; }.next-shell.is-ready .image-prompt .taro-textarea { min-height: 225px; }
  .next-shell.is-ready .creation-library-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; padding: 24px 30px 40px; }
  .next-shell.is-ready .creation-library-body > .creation-type-tabs, .next-shell.is-ready .creation-library-body > .image-error, .next-shell.is-ready .creation-library-body > .image-muted, .next-shell.is-ready .creation-library-body > .creation-load-more, .next-shell.is-ready .creation-library-body > .creation-list-end, .next-shell.is-ready .creation-library-body > .image-panel { grid-column: 1/-1; }
  .next-shell.is-ready .creation-library-page .creation-type-tabs { display: flex; gap: 10px; }.next-shell.is-ready .creation-library-page .creation-type-tabs > * { width: auto; min-width: 75px; padding: 11px 20px; }
  .next-shell.is-ready .creation-image-stage { height: 220px; }.next-shell.is-ready .creation-image-card .creation-image-actions { gap: 8px; }
  .next-shell.is-ready .advanced-shell { max-width: 1200px; padding: 24px 30px 40px; }.next-shell.is-ready .advanced-card { padding: 26px; border: 1px solid #e2eaf5; border-radius: 18px; box-shadow: 0 8px 24px #16386704; }
  .next-shell.is-ready .advanced-steps { position: sticky; top: 64px; z-index: 10; padding: 15px 10px; background: #f8fafff5; backdrop-filter: blur(14px); gap: 10px; }.next-shell.is-ready .advanced-steps > * { min-height: 64px; }.next-shell.is-ready .advanced-item { padding: 22px; margin-top: 18px; border-radius: 14px; }.next-shell.is-ready .advanced-bindings { grid-template-columns: repeat(3,minmax(0,1fr)); }.next-shell.is-ready .advanced-preview { max-width: 680px; margin: 18px auto; }
  .next-shell.is-ready .video-page .app-bar { top: 64px; background: #f8fafff5; }.next-shell.is-ready .video-config-card { padding: 24px; }.next-shell.is-ready .avatar-selection-grid, .next-shell.is-ready .material-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .next-shell.is-ready .video-body { max-width: 1040px; }.next-shell.is-ready .avatar-workspace-page .video-body { max-width: 1260px; }
  .next-shell.is-ready .mix-tabs { margin: 20px 30px; max-width: 720px; }.next-shell.is-ready .mix-scroll { height: calc(100dvh - 238px); padding: 0 30px 40px; }.next-shell.is-ready .mix-section { max-width: 1050px; margin-left: auto; margin-right: auto; padding: 24px; }.next-shell.is-ready .mix-work-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }.next-shell.is-ready .mix-work-card { margin: 0; }.next-shell.is-ready .mix-submit { left: var(--next-sidebar); right: 0; bottom: 0; }
  .next-shell.is-ready .material-asset-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.next-shell.is-ready .digital-human-record-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }.next-shell.is-ready .digital-human-record-card { width: auto; min-width: 0; }.next-shell.is-ready .digital-human-hero { min-height: 250px; }.next-shell.is-ready .digital-human-actions { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .next-shell.is-ready .mix-hub-scroll { max-width: 1260px; margin: auto; }.next-shell.is-ready .mix-mode-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }.next-shell.is-ready .mix-hub-hero { padding: 30px; }.next-shell.is-ready .mix-mode-card { min-width: 0; margin: 0; }
  .next-shell.is-ready .image-picker-mask { align-items: center; justify-content: center; }.next-shell.is-ready .image-picker { max-width: 840px; border-radius: 22px; }.next-shell.is-ready .creation-model-sheet { right: auto; left: 50%; bottom: 10vh; width: min(680px,80vw); transform: translateX(-50%); }
  .next-shell.is-ready .mix-asset-overlay, .next-shell.is-ready .mix-music-overlay { align-items: center; }.next-shell.is-ready .mix-asset-sheet, .next-shell.is-ready .mix-music-sheet { width: min(820px,85vw); border-radius: 22px; }.next-shell.is-ready .mix-asset-picker-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1400px) {
  .next-home { padding: 35px 44px 50px !important; }.next-home-columns { grid-template-columns: minmax(0,1fr) 280px; gap: 34px; }.next-recent-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.next-shell.is-ready .creation-library-body { grid-template-columns: repeat(3,minmax(0,1fr)); }.next-hero > img { right: 70px; width: 310px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell { --next-sidebar: 188px; }.next-sidebar { padding-right: 12px !important; padding-left: 12px !important; }.next-home-columns { grid-template-columns: 1fr; }.next-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; }.next-tools h2, .next-tools > p, .next-safety-note { grid-column: 1/-1; }.next-hero > img { width: 190px; opacity: .6; right: -40px; }.next-creation-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }.next-creation-grid > button { grid-column: span 2; }.next-creation-grid > button:nth-child(-n+2) { grid-column: span 3; }.next-shell.is-ready .image-studio-body { display: flex; }.next-shell.is-ready .topic-list { grid-template-columns: 1fr; }.next-shell.is-ready .creation-scenario-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.next-topbar > div:last-child > button { display: none; }
}

/* AI copywriting PC polish: presentation only; keep the single conversation and mobile UI. */
@media (min-width: 768px) {
  .next-shell.is-ready .content-create-page {
    --next-chat-column: 1008px;
    background: #f7f9fc;
  }
  .next-shell.is-ready .content-create-page > .app-bar {
    min-height: 80px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .next-shell.is-ready .content-create-page .creation-context-bar { padding: 10px 30px; }
  .next-shell.is-ready .content-create-page .creation-store-chip {
    flex: 0 1 auto;
    width: auto;
    max-width: 200px;
    margin-right: auto;
  }
  .next-shell.is-ready .content-create-page .creation-store-chip,
  .next-shell.is-ready .content-create-page .creation-kb-chip,
  .next-shell.is-ready .content-create-page .creation-new-button {
    height: 36px;
    border-radius: 11px;
    font-size: 14px;
  }
  .next-shell.is-ready .content-create-page .creation-chat-body,
  .next-shell.is-ready .content-create-page .creation-composer-shell {
    width: min(100%, var(--next-chat-column));
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px;
  }
  .next-shell.is-ready .content-create-page .creation-chat-body { padding-top: 28px; padding-bottom: 24px; }
  .next-shell.is-ready .content-create-page .creation-message { margin-top: 18px; }
  .next-shell.is-ready .content-create-page .creation-message:first-child { margin-top: 0; }
  .next-shell.is-ready .content-create-page .creation-user-message {
    box-sizing: border-box;
    max-width: 78%;
    padding: 14px 18px;
    border-radius: 16px 16px 6px 16px;
    background: #246bf3;
    box-shadow: 0 3px 10px #246bf30d;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.65;
  }
  .next-shell.is-ready .content-create-page .creation-assistant-message {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    box-shadow: 0 4px 16px #203f6805;
    overflow-wrap: anywhere;
  }
  .next-shell.is-ready .content-create-page .creation-assistant-identity { min-width: 0; }
  .next-shell.is-ready .content-create-page .creation-reasoning { border-radius: 12px; }
  .next-shell.is-ready .content-create-page .creation-reasoning-trigger { min-height: 40px; padding: 8px 12px; }
  .next-shell.is-ready .content-create-page .creation-message-error { margin-top: 16px; gap: 12px; line-height: 1.65; }
  .next-shell.is-ready .content-create-page .creation-message-error > taro-text-core {
    padding: 12px 14px;
    border: 1px solid #e7edf5;
    border-radius: 12px;
    background: #f7f9fc;
    overflow-wrap: anywhere;
    font-size: 14px;
  }
  .next-shell.is-ready .content-create-page .creation-message-error > taro-button-core {
    width: auto;
    min-height: 38px;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid #bed2fb;
    border-radius: 10px;
    background: #f8fbff;
    font-size: 14px;
    line-height: 20px;
  }
  .next-shell.is-ready .content-create-page .creation-composer-shell {
    padding-top: 12px;
    padding-bottom: 24px;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .next-shell.is-ready .content-create-page .creation-composer {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #d5e1f1;
    border-radius: 16px;
    box-shadow: 0 4px 18px #203f6808;
  }
  .next-shell.is-ready .content-create-page .creation-composer:focus-within {
    border-color: #97b9f8;
    box-shadow: 0 0 0 3px #246bf30a;
  }
  .next-shell.is-ready .content-create-page .creation-composer-input {
    min-height: 64px;
    padding: 0;
    font-size: 16px;
    line-height: 1.65;
  }
  .next-shell.is-ready .content-create-page .creation-composer-input .taro-textarea {
    min-height: 64px;
    max-height: 120px;
    padding: 2px 2px 8px;
    font-size: 16px;
    line-height: 1.65;
  }
  .next-shell.is-ready .content-create-page .creation-composer-actions { margin-top: 10px; gap: 10px; }
  .next-shell.is-ready .content-create-page .creation-composer-actions > taro-button-core {
    width: auto;
    min-height: 38px;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #e3eaf3;
    border-radius: 10px;
    gap: 5px;
    font-size: 14px;
    line-height: 20px;
  }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-attach-button { flex: 0 0 auto; min-width: 86px; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-scenario-button { flex: 0 1 auto; max-width: 240px; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-send-button {
    flex: 0 0 82px;
    margin-left: auto;
    border-color: transparent;
    font-weight: 600;
  }
  .next-shell.is-ready .content-create-page .creation-inline-error,
  .next-shell.is-ready .content-create-page .creation-attachment-scroll { width: 100%; }
}

/* New test site only. UI text, never generated-video/canvas subtitle geometry. */
.next-shell {
  --next-safe-top: env(safe-area-inset-top, 0px);
  --next-safe-right: env(safe-area-inset-right, 0px);
  --next-safe-bottom: env(safe-area-inset-bottom, 0px);
  --next-safe-left: env(safe-area-inset-left, 0px);
  -webkit-text-size-adjust: 100%;
}

.next-home-heading p,
.next-hero p,
.next-muted,
.next-creation-grid span,
.next-empty p,
.next-tools small,
.next-safety-note p {
  font-size: 15px;
  line-height: 1.65;
  color: #5e728f;
}
.next-hero button,
.next-creation-grid strong { font-size: 17px; line-height: 1.5; }
.next-section-heading button { font-size: 14px; color: #466da3; }
.next-recent-copy strong { font-size: 16px; line-height: 1.6; min-height: 51px; }
.next-recent-copy > span,
.next-recent-copy small { font-size: 13px; line-height: 1.6; color: #61748b; }
.next-recent-copy > span { color: #3d65a0; }
.next-tools strong { font-size: 16px; line-height: 1.5; color: #334e70; }
.next-safety-note strong { font-size: 14px; color: #36557e; }
.next-eyebrow { color: #5875a0; }
.next-recent-cover.kind-image { color: #75539c; }
.next-recent-cover.kind-mix { color: #936335; }

/* Mobile home brand and compact entry copy; desktop keeps its existing sidebar brand. */
.next-home-mobile-brand,
.next-creation-grid .next-entry-mobile-description { display: none; }

@media (max-width: 767px) {
  .next-shell .next-home { padding-top: calc(12px + var(--next-safe-top)); }
  .next-home .next-home-mobile-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; min-height: 44px; }
  .next-home-mobile-brand > img { width: 122px; height: 42px; object-fit: contain; flex-shrink: 0; }
  .next-home-mobile-brand > button { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 48%; min-height: 44px; padding: 8px 10px; border: 1px solid #e3ebf7; border-radius: 12px; background: #fff; color: #48617f; font-size: 13px; line-height: 20px; }
  .next-home-mobile-brand > button > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .next-home-mobile-brand > button > span:last-child { flex-shrink: 0; }
  .next-home .next-home-heading, .next-home .next-eyebrow { display: none; }
  .next-home .next-hero { min-height: 0; padding: 20px; border-radius: 18px; }
  .next-home .next-hero > div { width: 100%; }
  .next-home .next-hero h2 { margin: 0; font-size: 24px; line-height: 1.4; font-weight: 650; letter-spacing: -.4px; }
  .next-home .next-hero p { margin-top: 10px; max-width: calc(100% - 90px); font-size: 14px; line-height: 1.6; }
  .next-home .next-hero button { min-height: 44px; margin-top: 16px; padding: 10px 16px; font-size: 16px; line-height: 24px; }
  .next-home .next-hero > img { width: 112px; height: 112px; right: 8px; bottom: 8px; opacity: 1; pointer-events: none; }
  .next-home .next-creation-grid { margin: 16px 0 22px; gap: 10px; }
  .next-home .next-creation-grid > button { padding: 14px 6px; gap: 6px; border-radius: 15px; color: #213e62; }
  .next-home .next-creation-grid img { width: 44px; height: 44px; }
  .next-home .next-creation-grid strong { font-size: 16px; line-height: 24px; }
  .next-home .next-creation-grid .next-entry-description { display: none; }
  .next-home .next-creation-grid .next-entry-mobile-description { display: block; font-size: 13px; line-height: 20px; color: #637891; }
  .next-home .next-creation-grid b { display: none; }
}

@media (max-width: 359px) {
  .next-home .next-hero { padding: 18px; }
  .next-home .next-hero h2 { font-size: 22px; }
  .next-home .next-hero > img { width: 88px; height: 88px; right: 5px; bottom: 10px; }
  .next-home .next-hero p { max-width: calc(100% - 66px); }
  .next-home .next-creation-grid .next-entry-mobile-description { font-size: 12px; }
}

/* Phone business pages inherit the original H5 typography, controls and insets.
   Only the redesigned home has a separate mobile presentation. */
@media (max-width: 767px) {
  .next-shell .next-home {
    padding-top: calc(12px + var(--next-safe-top));
    padding-right: max(16px, var(--next-safe-right));
    padding-left: max(16px, var(--next-safe-left));
    padding-bottom: calc(98px + var(--next-safe-bottom));
  }
}

@media (min-width: 768px) {
  .next-shell {
    --kelai-muted: #596b82;
    --kelai-muted-light: #697b91;
    --kelai-font-body-sm: 15px;
    --kelai-line-body-sm: 24px;
  }
  .next-shell .next-sidebar nav button { font-size: 14px; line-height: 22px; color: #53667f; }
  .next-shell .next-sidebar nav button.active { color: #2465c5; }
  .next-business strong { font-size: 14px; }
  .next-business small { font-size: 12px; line-height: 18px; color: #65778e; }
  .next-business > span:last-child { flex: 0 0 12px; font-size: 16px; }
  .next-nav-label,
  .next-sidebar-foot { color: #697d98; }
  .next-shell.is-ready .next-topbar { font-size: 14px; color: #61748e; }
  .next-topbar button { font-size: 14px; color: #506985; }
  .next-release-badge { font-size: 12px; color: #4f6e9d; }
  .next-home-heading > button,
  .next-home-heading > button span { font-size: 14px; color: #61748e; }
  .next-shell .next-creation-grid strong { font-size: 17px; }
  .next-shell .next-creation-grid span { font-size: 14px; line-height: 1.7; color: #5e728f; }
  .next-shell.is-ready .app-bar-subtitle { font-size: 14px; line-height: 22px; color: #61748e; }
  .next-shell.is-ready .creation-hub-subtitle,
  .next-shell.is-ready .creation-entry-description,
  .next-shell.is-ready .creation-hub-compact .creation-entry-description {
    font-size: 14px;
    line-height: 1.7;
    color: #5e728f;
  }
}

@media (max-width: 359px) {
  .next-shell .next-home .next-creation-grid > button { padding-right: 4px; padding-left: 4px; }
}

/* New homepage only. Same-size windows keep the grid tidy; images retain their ratio. */
.next-shell .next-recent-card { display: flex; flex-direction: column; position: relative; }
.next-shell .next-recent-open { display: flex; flex: 1; flex-direction: column; width: 100%; min-width: 0; padding: 0; border: 0; text-align: left; color: inherit; background: transparent; }
.next-shell .next-recent-cover { position: relative; width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 280px; flex-shrink: 0; overflow: hidden; border-bottom: 1px solid #eaf0f8; }
.next-shell .next-recent-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .18s ease; }
.next-shell .next-recent-image.is-loaded { opacity: 1; }
.next-shell .next-recent-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 32px 10px 12px; width: 100%; height: 100%; box-sizing: border-box; }
.next-shell .next-recent-placeholder > span { font-size: 13px; line-height: 20px; color: #687991; text-align: center; }
.next-shell .next-recent-kind,
.next-shell .next-recent-count { position: absolute; top: 9px; z-index: 1; max-width: calc(100% - 18px); padding: 3px 7px; border-radius: 6px; background: rgba(255,255,255,.94); box-shadow: 0 2px 7px #1931510a; color: #425871; font-size: 12px; line-height: 18px; }
.next-shell .next-recent-kind { left: 9px; }
.next-shell .next-recent-count { top: auto; right: 9px; bottom: 9px; }
.next-shell .next-recent-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: white; background: #17325799; box-shadow: 0 2px 12px #132e5b24; font-size: 14px; padding-left: 2px; }
.next-shell .next-recent-copy { width: 100%; box-sizing: border-box; }
.next-shell .next-home-task-summary { margin: 16px 0; border: 1px solid #dce7f8; border-radius: 14px; background: #eff5ff; overflow: hidden; }
.next-shell .next-home-task-toggle { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 12px 16px; border: 0; background: transparent; color: #34557f; text-align: left; }
.next-shell .next-home-task-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; background: #e1ecff; color: #3775d7; }
.next-shell .next-home-task-counts { display: flex; flex: 1; flex-wrap: wrap; align-items: center; gap: 4px 14px; min-width: 0; font-size: 14px; line-height: 22px; }
.next-shell .next-home-task-label { font-weight: 650; color: #294970; }
.next-shell .next-home-task-action { flex-shrink: 0; font-size: 13px; color: #2767c0; }
.next-shell .next-home-task-list { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; background: #fff; border-top: 1px solid #dce7f8; padding: 0 16px; }
.next-shell .next-home-task-list > p { margin: 12px 0 4px; font-size: 12px; line-height: 20px; color: #657893; }
.next-shell .next-home-task-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 62px; padding: 12px 0; background: transparent; border: 0; border-bottom: 1px solid #edf1f7; color: #617b9e; text-align: left; }
.next-shell .next-home-task-row:last-child { border-bottom: 0; }
.next-shell .next-home-task-row > span:first-child { min-width: 0; flex: 1; }
.next-shell .next-home-task-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 22px; color: #2b4568; font-weight: 600; }
.next-shell .next-home-task-row small { display: block; font-size: 12px; line-height: 20px; color: #536f98; }
.next-shell .next-home-task-row.task-attention small { color: #9b622d; }
.next-shell .next-home-task-toggle:focus-visible,.next-shell .next-home-task-row:focus-visible { outline: 2px solid #2e74ff; outline-offset: -3px; }
@media (max-width: 767px) {
  .next-shell .next-home-task-toggle { gap: 10px; padding: 12px; }
  .next-shell .next-home-task-counts { display: block; }
  .next-shell .next-home-task-counts > span { display: block; font-size: 13px; }
}
.next-shell .next-recent-copy strong { overflow-wrap: anywhere; }
.next-shell .state-failed .next-recent-copy > span { color: #a04c46; }
.next-shell .state-active .next-recent-copy > span { color: #2465c5; }
.next-shell .next-cover-retry { align-self: flex-start; margin: 0 14px 12px; padding: 4px 0; border: 0; background: transparent; color: #346fc2; font-size: 13px; line-height: 22px; }
.next-shell .next-recent-document { position: absolute; inset: 0; padding: 42px 16px 14px; box-sizing: border-box; color: #405774; background: linear-gradient(145deg,#f8fbff,#edf4ff); }
.next-shell .next-recent-document > .next-icon { display: none; }
.next-shell .next-recent-document p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
@media (min-width: 768px) {
  .next-shell .next-recent-cover { aspect-ratio: 16 / 10; }
  .next-shell .next-recent-document { padding: 44px 20px 16px; }
}
@media (max-width: 359px) {
  .next-shell .next-recent-cover { aspect-ratio: 1 / 1; }
  .next-shell .next-recent-document { padding: 38px 10px 10px; }
  .next-shell .next-recent-document p { -webkit-line-clamp: 3; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .next-shell .next-recent-image { transition: none; } }

/* Existing history drawer, docked only on wide desktop. No phone overrides. */
@media (min-width: 768px) {
  .next-shell.is-ready .content-create-page .creation-composer-actions { gap: 8px; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 220px;
    height: 38px;
    min-height: 38px;
    padding: 8px 10px;
    gap: 3px;
    border-color: #d7ebdf;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip .app-icon,
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-name,
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-separator { flex-shrink: 0; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip.tone-ready { color: #27694c; background: #edf7f1; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip.tone-muted { border-color: #e3eaf3; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip.tone-warning { border-color: #f1e5c3; }
  .next-shell.is-ready .content-create-page .creation-composer-actions .creation-kb-chip.tone-danger { border-color: #f1dada; }
}
@media (min-width: 1280px) {
  .next-shell.is-ready .content-create-page .next-history-reopen {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    gap: 0;
    border-radius: 10px;
  }
  .next-shell.is-ready .content-create-page .next-history-reopen > taro-text-core { display: none; }
  .next-shell.is-ready .content-create-page.has-next-history {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 0;
  }
  .next-shell.is-ready .has-next-history > .app-bar { grid-column: 2; grid-row: 1; }
  .next-shell.is-ready .has-next-history > .creation-context-bar { grid-column: 2; grid-row: 2; }
  .next-shell.is-ready .has-next-history > .creation-chat-scroll { grid-column: 2; grid-row: 3; min-width: 0; height: 100%; }
  .next-shell.is-ready .has-next-history > .creation-composer-shell { grid-column: 2; grid-row: 4; min-width: 0; }
  .next-shell.is-ready .has-next-history > .next-chat-history-docked {
    grid-column: 1;
    grid-row: 1 / -1;
    min-height: 0;
    overflow: hidden;
    background: #fbfcff;
    border-right: 1px solid #e2eaf5;
  }
  .next-shell.is-ready .next-chat-history-docked .creation-history-drawer {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
    padding: 24px 14px 16px;
    background: transparent;
    box-shadow: none;
  }
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-heading { align-items: flex-start; gap: 8px; padding: 0 4px; }
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-heading > view,
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-heading > taro-view-core { min-width: 0; }
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-title { font-size: 18px; line-height: 26px; }
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-copy { font-size: 12px; line-height: 20px; color: #65778e; }
  .next-shell.is-ready .next-chat-history-docked .creation-sheet-heading > taro-button-core {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 8px;
    font-size: 24px;
    line-height: 30px;
  }
  .next-shell.is-ready .next-chat-history-docked .creation-history-search { margin-top: 18px; padding: 8px 10px; gap: 6px; background: #f0f4fa; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-search > taro-input-core { flex: 1; min-width: 0; width: 0; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-search input { width: 100%; font-size: 14px; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-search > taro-button-core { flex: 0 0 28px; width: 28px; height: 28px; line-height: 28px; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list { flex: 1; min-height: 0; height: auto; margin-top: 12px; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list taro-button-core {
    width: 100%;
    min-height: 80px;
    padding: 13px 12px;
    margin: 0 0 8px;
    border: 1px solid #e6ecf5;
    border-radius: 12px;
    background: #fff;
    text-align: left;
  }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list taro-button-core:hover { background: #f1f6ff; border-color: #c9daf9; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list taro-button-core.active { background: #eaf2ff; border-color: #adc9ff; box-shadow: inset 3px 0 #2872f4; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list taro-text-core:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 22px;
  }
  .next-shell.is-ready .next-chat-history-docked .creation-history-list taro-text-core:last-child { margin-top: 7px; font-size: 12px; line-height: 18px; color: #65778e; }
  .next-shell.is-ready .next-chat-history-docked .creation-history-empty { padding: 22px 8px; font-size: 14px; }
}

/* Desktop presentation only. Mobile form, upload, consent and submission stay shared. */
@media (min-width: 768px) {
  /* WorkspaceShell inserts .next-stage between Taro's router and its pages.
     Mirror Taro's existing inactive-page rule at that boundary, otherwise
     returning from the clone form leaves the previous page in front. */
  .next-shell.is-ready .next-stage > .taro_page {
    height: calc(100dvh - var(--next-topbar));
    max-height: calc(100dvh - var(--next-topbar));
  }
  .next-shell.is-ready .next-stage > .taro_page.taro_page_show.taro_page_stationed:not(.taro_page_shade):not(.taro_tabbar_page):not(:last-child) {
    display: none;
  }
  .next-shell.is-ready .avatar-clone-page > .app-bar {
    position: static;
    width: 100%;
    max-width: 1180px;
    min-height: 96px;
    margin: 0 auto;
    padding: 20px 24px 16px;
    box-sizing: border-box;
    border-bottom: 0;
    background: transparent;
  }
  .next-shell.is-ready .avatar-clone-page .app-bar-title { line-height: 34px; }
  .next-shell.is-ready .avatar-clone-page .app-bar-subtitle { white-space: normal; }
  .next-shell.is-ready .avatar-clone-page .digital-create-body {
    width: 100%;
    max-width: 1180px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 24px 32px;
    gap: 18px;
    align-items: start;
  }
  .next-shell.is-ready .avatar-clone-page .digital-create-body > * { min-width: 0; }
  .next-shell.is-ready .avatar-clone-page .digital-create-card,
  .next-shell.is-ready .avatar-clone-page .avatar-shooting-section {
    padding: 18px;
    border-radius: 16px;
    box-shadow: 0 3px 12px #203f6805;
  }
  .next-shell.is-ready .avatar-clone-page .digital-create-label,
  .next-shell.is-ready .avatar-clone-page .avatar-section-heading > taro-view-core > taro-text-core:first-child {
    font-size: 16px;
    line-height: 24px;
    font-weight: 650;
  }
  .next-shell.is-ready .avatar-clone-page .digital-create-input { height: 44px; font-size: 15px; }
  .next-shell.is-ready .avatar-clone-page .digital-create-help { font-size: 13px; line-height: 20px; }
  .next-shell.is-ready .avatar-clone-page .avatar-video-card { gap: 12px; }
  .next-shell.is-ready .avatar-clone-page .avatar-upload-zone {
    width: 100%;
    min-height: 178px;
    padding: 18px;
    border-radius: 12px;
    transition: border-color 150ms, background-color 150ms;
  }
  .next-shell.is-ready .avatar-clone-page .avatar-upload-zone:hover { border-color: #4489f8; }
  .next-shell.is-ready .avatar-clone-page .avatar-upload-action {
    min-width: 88px;
    box-sizing: border-box;
    padding: 6px 16px;
    border-radius: 8px;
    font-size: 13px;
  }
  .next-shell.is-ready .avatar-clone-page .avatar-video-requirements > taro-view-core { padding: 8px 12px; }
  .next-shell.is-ready .avatar-clone-page .avatar-shooting-section > .avatar-section-heading { padding: 0 0 14px; }
  /* All four examples are visible on desktop; a swipe hint would be misleading. */
  .next-shell.is-ready .avatar-clone-page .avatar-shooting-section > .avatar-section-heading > taro-text-core { display: none; }
  .next-shell.is-ready .avatar-clone-page .avatar-guide-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-clone-page .avatar-guide-card { width: auto; min-width: 0; }
  .next-shell.is-ready .avatar-clone-page .avatar-guide-visual { height: 104px; }
  .next-shell.is-ready .avatar-clone-page .avatar-guide-card > taro-text-core { overflow-wrap: anywhere; }
  .next-shell.is-ready .avatar-clone-page .avatar-create-notice {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 12px;
    line-height: 22px;
  }
  .next-shell.is-ready .avatar-clone-page .consent-card > taro-button-core {
    width: 100%;
    min-height: 48px;
    margin: 12px 0 0;
    padding: 10px 12px;
    line-height: 22px;
    font-size: 13px;
  }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    border-radius: 14px;
  }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-status { flex: 1; min-width: 0; }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-bar .digital-create-primary {
    flex: 0 0 220px;
    width: auto;
    min-height: 46px;
    height: 46px;
    margin: 0;
    border-radius: 10px;
  }
  .next-shell.is-ready .avatar-clone-page .digital-create-primary.is-disabled { color: #64748b; }
  .next-shell.is-ready .avatar-clone-page :is(taro-button-core, input):focus-visible {
    outline: 2px solid #1769ff;
    outline-offset: 3px;
  }
}
@media (min-width: 1180px) {
  .next-shell.is-ready .avatar-clone-page .digital-create-body {
    grid-template-columns: minmax(0, 1fr) 320px;
    grid-template-areas: 'name guide' 'video guide' 'consent notice' 'submit submit';
  }
  .next-shell.is-ready .avatar-clone-page .avatar-name-card { grid-area: name; }
  .next-shell.is-ready .avatar-clone-page .avatar-video-card { grid-area: video; }
  .next-shell.is-ready .avatar-clone-page .avatar-shooting-section { grid-area: guide; }
  .next-shell.is-ready .avatar-clone-page .avatar-create-notice { grid-area: notice; }
  .next-shell.is-ready .avatar-clone-page .consent-card { grid-area: consent; }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-bar { grid-area: submit; }
  .next-shell.is-ready .avatar-clone-page .avatar-guide-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .next-shell.is-ready .avatar-clone-page .digital-create-body { padding-right: 18px; padding-left: 18px; }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-bar { flex-direction: column; align-items: stretch; gap: 12px; }
  .next-shell.is-ready .avatar-clone-page .avatar-submit-bar .digital-create-primary { flex-basis: auto; width: 100%; }
}

/* Desktop presentation only; shared mobile forms and image actions retain their defaults. */
@media (min-width: 1024px) {
  .next-shell.is-ready .image-studio-desktop { padding-bottom: 24px; }
  .next-shell.is-ready .image-studio-desktop .app-bar { min-height: 80px; padding-top: 10px; padding-bottom: 10px; }
  .next-shell.is-ready .image-studio-desktop .image-studio-body {
    display: grid; grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
    grid-template-rows: auto; gap: 0 22px; align-items: start;
    max-width: 1580px; padding: 22px 28px 32px; margin: 0 auto;
  }
  .next-shell.is-ready .image-studio-desktop .image-studio-controls {
    grid-column: 1; grid-row: 1; min-width: 0; display: flex; flex-direction: column;
    max-height: calc(100dvh - 190px); overflow: hidden; border: 1px solid #dce6f0; border-radius: 18px; background: #fff;
  }
  .next-shell.is-ready .image-studio-desktop .image-studio-inputs {
    min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  }
  .next-shell.is-ready .image-studio-desktop .image-studio-inputs > .image-panel {
    border: 0; border-radius: 0; border-bottom: 1px solid #e7edf5; padding: 16px;
  }
  .next-shell.is-ready .image-studio-desktop .image-studio-inputs > .image-panel:last-of-type { border-bottom: 0; }
  .next-shell.is-ready .image-studio-desktop .image-prompt { min-height: 145px; }
  .next-shell.is-ready .image-studio-desktop .image-prompt .taro-textarea { height: 117px; min-height: 117px; }
  .next-shell.is-ready .image-studio-desktop .image-prompt.image-prompt-expanded { min-height: 218px; }
  .next-shell.is-ready .image-studio-desktop .image-prompt.image-prompt-expanded .taro-textarea { height: 190px; min-height: 190px; }
  .next-shell.is-ready .image-studio-desktop .image-heading { font-size: 16px; margin-bottom: 6px; }
  .next-shell.is-ready .image-studio-desktop .image-select-label { font-size: 13px; margin-bottom: 5px; }
  .next-shell.is-ready .image-studio-desktop .image-select-value { min-height: 42px; padding: 7px 12px; }
  .next-shell.is-ready .image-studio-desktop .image-settings-fields { gap: 10px; margin-top: 10px; }
  .next-shell.is-ready .image-studio-desktop .image-reference-list:empty { display: none; }
  .next-shell.is-ready .image-studio-desktop .image-submit-panel {
    flex: none; position: static; transform: none;
    left: auto; right: auto; bottom: auto; width: auto; max-width: none;
    margin: 0; border: 0; border-top: 1px solid #dce6f0; border-radius: 0;
    box-shadow: 0 8px 24px #18386306; padding: 12px 16px 16px; background: #fff;
  }
  .next-shell.is-ready .image-studio-desktop .image-studio-inputs > .image-error { margin: 12px 16px; }
  .next-shell.is-ready .image-studio-desktop .image-submit-panel .image-primary { min-height: 46px; }
  .next-shell.is-ready .image-studio-desktop .next-image-workspace { grid-column: 2; grid-row: 1; min-width: 0; display: grid; gap: 16px; }
  .next-image-preview-panel, .next-image-recents { min-width: 0; padding: 16px; border: 1px solid #dce6f0; border-radius: 18px; background: #fff; }
  .next-image-section-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; min-width: 0; }
  .next-image-section-heading h2 { margin: 0; font-size: 17px; color: #20324a; }
  .next-image-section-heading > span { color: #5577a2; font-size: 12px; background: #f0f5ff; padding: 3px 8px; border-radius: 8px; }
  .next-image-section-heading .next-image-text-action { width: auto; margin: 0; margin-left: auto; padding: 4px 0; color: #2467dd; background: transparent; border: 0; font-size: 13px; line-height: 1.5; }
  .next-image-section-heading .next-image-text-action + .next-image-text-action { margin-left: 6px; }
  .next-image-workspace .creation-image-card.creation-image-card--gallery { border: 0; border-radius: 12px; box-shadow: none; overflow: hidden; background: transparent; padding: 0; }
  .next-image-workspace .creation-image-card .creation-image-stage { height: clamp(260px, 38vh, 480px); max-height: none; min-height: 0; aspect-ratio: auto !important; background: #f5f7fa; }
  .next-image-workspace .creation-image-grid { width: 100%; height: 100%; }
  .next-image-workspace .creation-image-preview { height: 100%; max-height: none; }
  .next-shell.is-ready .next-image-workspace .creation-image-preview img { object-fit: contain !important; }
  .next-shell.is-ready .next-image-workspace .creation-image-info { padding: 12px 0 0; }
  .next-image-workspace .creation-image-description { font-size: 14px; line-height: 1.6; }
  .next-image-workspace .creation-image-caption { gap: 8px; margin-top: 8px; }
  .next-image-workspace .creation-image-caption > * { font-size: 12px; }
  .next-shell.is-ready .next-image-workspace .creation-image-info .creation-image-actions { display: flex; gap: 8px; margin-top: 12px; padding: 0; border-top: 0; }
  .next-shell.is-ready .next-image-workspace .creation-image-actions > * { display: flex; align-items: center; justify-content: center; gap: 6px; flex: 1 1 0; width: auto !important; min-width: 0; padding: 8px 5px; min-height: 40px; height: 40px; border: 1px solid #e3eaf4; border-radius: 9px; background: #fff; color: #536c8b; box-shadow: none; }
  .next-image-workspace .creation-image-actions .creation-image-action-icon { width: 18px; height: 18px; flex: none; }
  .next-image-workspace .creation-image-actions .creation-image-action-label { display: block; position: static; transform: none; opacity: 1; padding: 0; background: transparent; color: inherit; font-size: 12px; line-height: 1.3; white-space: nowrap; }
  .next-shell.is-ready .next-image-workspace .creation-image-actions .creation-image-delete { flex: 0 0 38px; color: #c84f4f; }
  .next-image-workspace .creation-image-delete .creation-image-action-label { display: none; }
  .next-image-workspace .creation-image-actions > *:hover { background: #f3f7ff; border-color: #b7cdf5; }
  .next-image-workspace .creation-image-placeholder { min-height: 100%; }
  .next-image-workspace .creation-image-stage-hint { max-width: 400px; }
  .next-image-original-status, .next-image-error { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #6d809b; font-size: 12px; margin-top: 10px; }
  .next-image-error { color: #b75244; padding: 10px; border-radius: 8px; background: #fff5f1; margin: 0 0 12px; }
  .next-image-original-status button, .next-image-error button { background: transparent; border: 0; color: #2467dd; font-size: 12px; padding: 4px; }
  .next-image-empty { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: clamp(260px, 38vh, 480px); padding: 32px; text-align: center; background: radial-gradient(ellipse at 50% 45%, #eaf2ff, #f8faff 65%); border-radius: 12px; }
  .next-image-empty > svg { width: 58px; height: 58px; padding: 15px; color: #7f9fd3; background: #fff; border-radius: 18px; box-sizing: content-box; }
  .next-image-empty h3 { font-size: 18px; color: #405676; margin: 20px 0 8px; }
  .next-image-empty p { font-size: 13px; color: #7b8ba4; line-height: 1.8; margin: 0; max-width: 360px; }
  .next-image-thumb-strip { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 30px) / 4); gap: 10px; overflow-x: auto; padding: 2px 2px 8px; }
  .next-image-thumb { display: block; width: 100%; padding: 3px; margin: 0; border: 2px solid transparent; border-radius: 10px; background: #f7f9fc; text-align: left; min-width: 0; cursor: pointer; }
  .next-image-thumb.is-selected { border-color: #3774fa; background: #eff5ff; }
  .next-image-thumb > img, .next-image-thumb-placeholder { display: block; width: 100%; height: 80px; object-fit: contain; border-radius: 5px; background: #edf1f6; }
  .next-image-thumb-placeholder { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; color: #8091a9; font-size: 12px; }
  .next-image-thumb-placeholder svg { width: 25px; height: 25px; }
  .next-image-thumb-caption { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #60738d; font-size: 12px; line-height: 1.7; padding: 5px 3px 2px; }
  .next-image-recent-empty { color: #7c8ba2; font-size: 13px; margin: 4px 0 12px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .next-shell.is-ready .image-studio-desktop .image-studio-body { grid-template-columns: 310px minmax(0, 1fr); padding: 18px; gap: 0 16px; }
  .next-image-preview-panel, .next-image-recents { padding: 14px; }
  .next-image-workspace .creation-image-actions { flex-wrap: wrap; }
  .next-shell.is-ready .next-image-workspace .creation-image-actions > * { flex: 1 1 26%; }
  .next-image-thumb-strip { grid-auto-columns: calc((100% - 20px) / 3); }
}

/* Desktop presentation only; recording, upload, consent and billing stay shared. */
@media (min-width: 768px) {
  .next-shell.is-ready .voice-clone-page > .app-bar {
    position: static;
    width: 100%;
    max-width: 1180px;
    min-height: 96px;
    margin: 0 auto;
    padding: 20px 24px 16px;
    box-sizing: border-box;
    border-bottom: 0;
  }
  .next-shell.is-ready .voice-clone-page .app-bar-title { line-height: 34px; }
  .next-shell.is-ready .voice-clone-page .app-bar-subtitle { white-space: normal; }
  .next-shell.is-ready .voice-clone-page .digital-create-body {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px 32px;
    box-sizing: border-box;
    gap: 18px;
    align-items: start;
  }
  .next-shell.is-ready .voice-clone-page .digital-create-body > * { min-width: 0; }
  .next-shell.is-ready .voice-clone-page .digital-create-stepper { padding: 12px 18px; border-radius: 14px; }
  .next-shell.is-ready .voice-clone-page .digital-create-card {
    padding: 18px;
    border-radius: 16px;
    box-shadow: 0 3px 12px #203f6805;
  }
  .next-shell.is-ready .voice-clone-page .digital-create-heading { padding-bottom: 14px; }
  .next-shell.is-ready .voice-clone-page .digital-create-label,
  .next-shell.is-ready .voice-clone-page .digital-create-heading > taro-view-core > taro-text-core:first-child {
    font-size: 16px;
    line-height: 24px;
    font-weight: 650;
  }
  .next-shell.is-ready .voice-clone-page .digital-create-input { min-height: 46px; font-size: 15px; }
  .next-shell.is-ready .voice-clone-page .digital-create-help { font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .voice-clone-page .voice-mode-tabs { margin-top: 14px; }
  .next-shell.is-ready .voice-clone-page .voice-mode-tabs > taro-button-core,
  .next-shell.is-ready .voice-clone-page .voice-sex-options > taro-button-core {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 22px;
  }
  .next-shell.is-ready .voice-clone-page .voice-recorder-zone {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 150px;
    grid-template-areas: 'orb time action' 'orb status action' 'progress progress progress' 'limit limit limit';
    gap: 8px 14px;
    min-height: 164px;
    margin-top: 14px;
    padding: 18px;
    text-align: left;
  }
  .next-shell.is-ready .voice-clone-page .voice-recorder-orb { grid-area: orb; margin: 0; }
  .next-shell.is-ready .voice-clone-page .voice-recording-time { grid-area: time; font-size: 28px; line-height: 36px; }
  .next-shell.is-ready .voice-clone-page .voice-recording-status { grid-area: status; margin: 0; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .voice-clone-page .voice-recorder-zone .voice-recording-action {
    grid-area: action;
    width: 150px;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0 14px;
    font-size: 14px;
    line-height: 22px;
  }
  .next-shell.is-ready .voice-clone-page .voice-recording-progress { grid-area: progress; width: 100%; margin: 2px 0; }
  .next-shell.is-ready .voice-clone-page .voice-recording-limit { grid-area: limit; margin: 0; line-height: 20px; }
  .next-shell.is-ready .voice-clone-page .voice-reading-panel { margin-top: 14px; padding: 14px; }
  .next-shell.is-ready .voice-clone-page .voice-reading-heading > taro-view-core > taro-text-core:first-child { font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .voice-clone-page .voice-reading-scroll { height: 246px; margin-top: 12px; }
  /* The existing automatic follow uses activeSegment * 72: 65px row + 7px gap.
     A min-height, not fixed height, still allows long or zoomed text to expand. */
  .next-shell.is-ready .voice-clone-page .voice-reading-track { gap: 7px; }
  .next-shell.is-ready .voice-clone-page .voice-reading-track > taro-text-core {
    box-sizing: border-box;
    min-height: 65px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 22px;
  }
  .next-shell.is-ready .voice-clone-page .voice-upload-zone { min-height: 220px; margin-top: 14px; padding: 24px; }
  .next-shell.is-ready .voice-clone-page .voice-upload-zone > taro-button-core { width: 160px; min-height: 44px; font-size: 14px; }
  .next-shell.is-ready .voice-clone-page .voice-upload-requirements { margin-top: 14px; }
  .next-shell.is-ready .voice-clone-page .voice-upload-requirements > taro-view-core { padding: 12px; }
  .next-shell.is-ready .voice-clone-page .voice-upload-requirements taro-text-core:last-child { font-size: 13px; line-height: 22px; }
  .next-shell.is-ready .voice-clone-page .voice-sex-heading { margin-top: 20px; }
  .next-shell.is-ready .voice-clone-page .consent-card > taro-button-core {
    margin: 12px 0 0;
    padding: 12px;
    font-size: 13px;
    line-height: 22px;
  }
  .next-shell.is-ready .voice-clone-page .digital-create-process { padding: 16px 18px; gap: 9px; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .voice-clone-page .digital-create-process > taro-text-core { font-size: 14px; }
  .next-shell.is-ready .voice-clone-page .digital-create-demo-note { padding: 14px 16px; line-height: 22px; border-radius: 12px; }
  .next-shell.is-ready .voice-clone-page .digital-create-primary {
    width: 100%;
    min-height: 46px;
    height: 46px;
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .next-shell.is-ready .voice-clone-page .digital-create-primary.is-disabled { color: #64748b; }
  .next-shell.is-ready .voice-clone-page .digital-create-submit-hint { margin: 0; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .voice-clone-page :is(taro-button-core, input):focus-visible { outline: 2px solid #7352e6; outline-offset: 3px; }
}
@media (min-width: 1180px) {
  .next-shell.is-ready .voice-clone-page .digital-create-body {
    grid-template-columns: minmax(0, 1fr) 340px;
    grid-template-areas: 'steps steps' 'source name' 'source consent' 'source submit' 'source hint' 'process notice';
  }
  .next-shell.is-ready .voice-clone-page .digital-create-stepper { grid-area: steps; }
  .next-shell.is-ready .voice-clone-page .voice-source-card { grid-area: source; }
  .next-shell.is-ready .voice-clone-page .voice-name-card { grid-area: name; }
  .next-shell.is-ready .voice-clone-page .consent-card { grid-area: consent; }
  .next-shell.is-ready .voice-clone-page .digital-create-process { grid-area: process; }
  .next-shell.is-ready .voice-clone-page .digital-create-demo-note { grid-area: notice; grid-template-columns: 1fr; gap: 6px; }
  .next-shell.is-ready .voice-clone-page .digital-create-primary { grid-area: submit; }
  .next-shell.is-ready .voice-clone-page .digital-create-submit-hint { grid-area: hint; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .next-shell.is-ready .voice-clone-page .digital-create-body { padding-right: 18px; padding-left: 18px; }
}

/* Native popup, original trigger geometry. These rules never apply to phones. */
@media (min-width: 768px) {
  .next-picker { position: relative; display: block; min-width: 0; max-width: 100%; border-radius: 10px; }
  .next-picker-display { pointer-events: none; }
  .next-picker-native {
    position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
    opacity: 0; cursor: pointer; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .next-picker:focus-within { outline: 2px solid #397df6; outline-offset: 2px; }
  .next-picker.is-disabled, .next-picker-native:disabled { cursor: not-allowed; }
  .reference-library-filters > .next-picker { flex: 1; min-width: 0; max-width: 58%; }
  .quick-reference-source-filter > .next-picker { min-width: 0; }
  .mix-writer-language > .next-picker { flex: 1; padding: 8px; color: #2075ed; text-align: right; }
}

/* PC video workspace: scoped presentation; phone layout and business handlers stay shared. */
@media (min-width: 768px) {
  .next-shell.is-ready .video-page:has(.quick-config-card) > .app-bar,
  .next-shell.is-ready .advanced-workbench > .app-bar {
    position: relative;
    top: 0;
    min-height: 80px;
    padding: 12px 28px;
    background: #f8faff;
    border-bottom: 0;
  }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-body {
    max-width: 1380px;
    padding: 8px 28px 36px;
    box-sizing: border-box;
  }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-body > .account-positioning-selector { display: none; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card {
    min-width: 0;
    padding: 20px;
    margin: 0 0 16px;
    border-radius: 16px;
    box-shadow: 0 4px 16px #1b3f6905;
  }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-section-title { font-size: 16px; line-height: 24px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-section-help { margin-top: 4px; line-height: 20px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .creation-track-tabs { margin: 0 0 16px; padding: 4px; border-radius: 14px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .creation-track-tabs > taro-button-core { min-height: 56px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-prompt-input { height: 200px; min-height: 200px; background: #fafbfe; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-reference-empty { min-height: 108px; padding: 16px; gap: 8px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-reference-actions { margin-top: 12px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-reference-actions > taro-button-core { min-height: 42px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-choice-section { margin-top: 20px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-field-label { font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-generation-boundary { padding: 12px 14px; margin: 0; border-radius: 12px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .primary-dock { padding: 12px 28px; background: #fff; }
  .next-shell.is-ready .video-page:has(.quick-config-card).page-with-primary-dock { padding-bottom: 88px; }

  .next-shell.is-ready .advanced-workbench .advanced-shell { max-width: 1420px; padding: 8px 28px 40px; }
  .next-shell.is-ready .advanced-workbench .advanced-heading { margin: 0 0 14px; min-height: 28px; }
  .next-shell.is-ready .advanced-workbench .advanced-steps { position: relative; top: 0; padding: 10px; gap: 6px; margin-bottom: 18px; background: #fff; border-radius: 14px; }
  .next-shell.is-ready .advanced-workbench .advanced-steps > taro-button-core { min-height: 52px; padding: 6px; }
  .next-shell.is-ready .advanced-workbench .advanced-card { min-width: 0; padding: 24px; border-radius: 16px; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 18px; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > * { min-width: 0; grid-column: 1 / -1; margin: 0; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-field { grid-column: span 1; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-field:has(taro-textarea-core) { grid-column: 1 / -1; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-upload-group { grid-column: span 1; padding: 16px; }
  .next-shell.is-ready .advanced-workbench .advanced-label { color: #536680; font-size: 14px; line-height: 22px; margin-bottom: 7px; }
  .next-shell.is-ready .advanced-workbench .advanced-select { min-height: 44px; padding: 10px 12px; border-radius: 10px; background: #fff; }
  .next-shell.is-ready .advanced-workbench .advanced-field input { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #dfe5ef; min-height: 44px; height: 44px; padding: 10px 12px; border-radius: 10px; }
  .next-shell.is-ready .advanced-workbench .advanced-field > taro-textarea-core { width: 100%; height: auto; min-height: 164px; padding: 0; border: 0; background: transparent; }
  .next-shell.is-ready .advanced-workbench .advanced-field > taro-input-core { width: 100%; height: auto; padding: 0; border: 0; background: transparent; }
  .next-shell.is-ready .advanced-workbench .advanced-field textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 164px; min-height: 164px; border: 1px solid #dfe5ef; padding: 12px 14px; border-radius: 12px; line-height: 1.7; }
  .next-shell.is-ready .advanced-workbench .advanced-tabs { border-radius: 12px; }
  .next-shell.is-ready .advanced-workbench .advanced-tabs > taro-button-core { min-height: 42px; padding: 9px 14px; border-radius: 10px; }
  .next-shell.is-ready .advanced-workbench .advanced-upload-group .advanced-actions { margin: 10px 0 0; }
  .next-shell.is-ready .advanced-workbench .advanced-upload-group .advanced-actions > taro-button-core { min-height: 38px; padding: 8px; border-radius: 9px; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-primary { width: auto; max-width: 100%; min-width: 220px; justify-self: end; padding: 12px 28px; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-link { justify-self: end; padding: 4px 0; }
}
@media (min-width: 1100px) {
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-body {
    display: grid;
    grid-template-columns: minmax(0,1fr) 340px;
    grid-template-areas: 'track track' 'model model' 'prompt settings' 'references settings' 'boundary settings';
    gap: 16px 20px;
    align-items: start;
  }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-body > * { min-width: 0; grid-column: 1 / -1; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .video-body > .creation-track-tabs { grid-area: track; margin: 0; max-width: 620px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card { margin: 0; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(1 of .quick-config-card) { grid-area: model; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(2 of .quick-config-card) { grid-area: prompt; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(3 of .quick-config-card) { grid-area: references; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(4 of .quick-config-card) { grid-area: settings; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-generation-boundary { grid-area: boundary; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(1 of .quick-config-card) { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 20px; align-items: center; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-config-card:nth-child(1 of .quick-config-card) .video-section-heading { flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-model-picker { margin: 0; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-model-trigger { padding: 12px; }
  .next-shell.is-ready .video-page:has(.quick-config-card) .quick-reference-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1280px) {
  .next-shell.is-ready .advanced-workbench .advanced-shell { display: grid; grid-template-columns: 152px minmax(0,1fr); column-gap: 24px; align-items: start; }
  .next-shell.is-ready .advanced-workbench .advanced-shell > * { grid-column: 2; }
  .next-shell.is-ready .advanced-workbench .advanced-steps {
    grid-column: 1;
    grid-row: 1 / span 100;
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    margin: 0;
    border: 1px solid #e2eaf5;
    backdrop-filter: none;
  }
  .next-shell.is-ready .advanced-workbench .advanced-steps > taro-button-core {
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
  }
  .next-shell.is-ready .advanced-workbench .advanced-steps > taro-button-core.active { background: #edf4ff; color: #1768ff; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-field { grid-column: span 2; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-field:has(taro-textarea-core) { grid-column: 1 / -1; }
  .next-shell.is-ready .advanced-workbench .advanced-card:has(> .advanced-tabs) > .advanced-upload-group { grid-column: span 3; }
}

/* Desktop hub presentation; shared mobile, draft and controlled playback flow stay intact. */
@media (min-width: 768px) {
  .next-shell.is-ready .digital-human-page > .app-bar {
    position: static;
    width: 100%; max-width: 1280px; min-height: 96px;
    margin: 0 auto; padding: 20px 24px 16px; box-sizing: border-box; border-bottom: 0;
  }
  .next-shell.is-ready .digital-human-page .app-bar-title { line-height: 34px; }
  .next-shell.is-ready .digital-human-page .app-bar-subtitle { white-space: normal; }
  .next-shell.is-ready .digital-human-page .digital-human-body {
    width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px 32px;
    box-sizing: border-box; gap: 18px; align-items: start;
  }
  .next-shell.is-ready .digital-human-page .digital-human-body > * { min-width: 0; }
  .next-shell.is-ready .digital-human-page .digital-human-hero {
    display: flex; align-items: center; min-height: 190px; padding: 24px;
    border-radius: 18px; box-shadow: 0 8px 24px #315fd51a;
  }
  .next-shell.is-ready .digital-human-page .digital-human-hero-copy { width: calc(100% - 162px); }
  .next-shell.is-ready .digital-human-page .digital-human-title { margin-top: 12px; font-size: 26px; line-height: 36px; font-weight: 650; text-wrap: balance; }
  .next-shell.is-ready .digital-human-page .digital-human-description { font-size: 13px; line-height: 22px; text-wrap: pretty; }
  .next-shell.is-ready .digital-human-page .digital-human-portrait { width: 180px; height: 180px; right: 0; bottom: 0; }
  .next-shell.is-ready .digital-human-page .digital-human-actions { grid-template-columns: 1fr; grid-template-rows: none; gap: 12px; }
  .next-shell.is-ready .digital-human-page .digital-human-create-action,
  .next-shell.is-ready .digital-human-page .digital-human-clone-action {
    display: grid; grid-template-columns: 44px minmax(0, 1fr) 16px; grid-row: auto;
    width: 100%; min-height: 68px; align-items: center; gap: 12px; margin: 0;
    padding: 11px 16px; border-radius: 14px; box-sizing: border-box; box-shadow: 0 3px 12px #203f6808;
  }
  .next-shell.is-ready .digital-human-page .digital-human-create-action { background: linear-gradient(120deg, #16bd88, #22b6c2); }
  .next-shell.is-ready .digital-human-page .digital-human-create-arrow { position: static; font-size: 24px; line-height: 24px; }
  .next-shell.is-ready .digital-human-page .digital-human-create-action > taro-view-core:nth-child(2) taro-text-core:first-child,
  .next-shell.is-ready .digital-human-page .digital-human-clone-action > taro-view-core taro-text-core:first-child { font-size: 16px; line-height: 24px; font-weight: 650; }
  .next-shell.is-ready .digital-human-page .digital-human-create-action > taro-view-core:nth-child(2) taro-text-core:last-child,
  .next-shell.is-ready .digital-human-page .digital-human-clone-action > taro-view-core taro-text-core:last-child { font-size: 13px; line-height: 20px; }
  .next-shell.is-ready .digital-human-page .digital-human-assets-strip { min-height: 72px; padding: 14px 18px; border-radius: 14px; }
  .next-shell.is-ready .digital-human-page .digital-human-assets-strip > taro-view-core:first-child taro-text-core:first-child { font-size: 15px; line-height: 24px; font-weight: 650; }
  .next-shell.is-ready .digital-human-page .digital-human-assets-counts { gap: 8px; }
  .next-shell.is-ready .digital-human-page .digital-human-assets-counts taro-text-core:not(:last-child) { padding: 6px 10px; font-size: 13px; }
  .next-shell.is-ready .digital-human-page .avatar-drafts-shelf { margin: 0; }
  .next-shell.is-ready .digital-human-page .digital-human-records-section { padding: 18px; border-radius: 16px; background: #fff; }
  .next-shell.is-ready .digital-human-page .digital-human-section-heading { margin-bottom: 16px; align-items: center; }
  .next-shell.is-ready .digital-human-page .digital-human-section-heading > taro-view-core taro-text-core:first-child { font-size: 18px; line-height: 28px; font-weight: 650; }
  .next-shell.is-ready .digital-human-page .digital-human-section-heading > taro-view-core taro-text-core:last-child { font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .digital-human-page .digital-human-section-heading > taro-button-core { font-size: 13px; padding: 0 8px; }
  /* Keep mobile ScrollView behaviour; replace its unbounded max-content track on PC. */
  .next-shell.is-ready .digital-human-page .digital-human-record-scroll { width: 100%; max-width: 100%; min-width: 0; overflow: visible; white-space: normal; }
  .next-shell.is-ready .digital-human-page .digital-human-record-list {
    display: grid; width: 100%; min-width: 0; max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; box-sizing: border-box;
  }
  .next-shell.is-ready .digital-human-page .digital-human-record-card { display: flex; flex-direction: column; width: auto; min-width: 0; max-width: 100%; border-radius: 14px; box-shadow: 0 3px 12px #203f6808; }
  .next-shell.is-ready .digital-human-page .digital-human-record-media { height: 250px; min-height: 0; aspect-ratio: auto; flex: none; }
  .next-shell.is-ready .digital-human-page .digital-human-record-cover { object-fit: contain; }
  .next-shell.is-ready .digital-human-page .digital-human-record-cover > img {
    position: static; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
    transform: none; object-fit: contain; object-position: center;
  }
  .next-shell.is-ready .digital-human-page .digital-human-record-player,
  .next-shell.is-ready .digital-human-page .digital-human-record-player video { width: 100%; height: 100%; object-fit: contain; }
  .next-shell.is-ready .digital-human-page .digital-human-record-play { width: 48px; height: 48px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-status { top: 12px; left: 12px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-info { display: flex; flex: 1; flex-direction: column; width: 100%; margin: 0; padding: 14px; box-sizing: border-box; }
  .next-shell.is-ready .digital-human-page .digital-human-record-title { min-height: 44px; font-size: 15px; line-height: 22px; font-weight: 650; }
  .next-shell.is-ready .digital-human-page .digital-human-record-stage { margin-top: 6px; font-size: 13px; line-height: 20px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-footer { width: 100%; margin-top: auto; padding-top: 12px; font-size: 13px; line-height: 20px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-empty { min-height: 190px; font-size: 13px; line-height: 22px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-warning { padding: 12px; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .digital-human-page taro-button-core:focus-visible { outline: 2px solid #1769ff; outline-offset: 3px; }
}
@media (min-width: 1000px) and (max-width: 1179px) {
  .next-shell.is-ready .digital-human-page .digital-human-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .next-shell.is-ready .digital-human-page .digital-human-create-action,
  .next-shell.is-ready .digital-human-page .digital-human-clone-action { gap: 9px; padding-right: 12px; padding-left: 12px; }
}
@media (min-width: 1180px) {
  .next-shell.is-ready .digital-human-page .digital-human-body { grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); }
  .next-shell.is-ready .digital-human-page .digital-human-body > * { grid-column: 1 / -1; }
  .next-shell.is-ready .digital-human-page .digital-human-body > .digital-human-hero { grid-column: 1; grid-row: 1; min-height: 228px; height: 100%; }
  .next-shell.is-ready .digital-human-page .digital-human-body > .digital-human-actions { grid-column: 2; grid-row: 1; }
  .next-shell.is-ready .digital-human-page .digital-human-record-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 899px) {
  .next-shell.is-ready .digital-human-page .digital-human-body { padding-right: 18px; padding-left: 18px; }
  .next-shell.is-ready .digital-human-page .digital-human-hero { padding: 20px; }
  .next-shell.is-ready .digital-human-page .digital-human-title { font-size: 24px; line-height: 34px; }
  .next-shell.is-ready .digital-human-page .digital-human-records-section { padding: 14px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-list { gap: 12px; }
  .next-shell.is-ready .digital-human-page .digital-human-record-media { height: 220px; }
}

/* Desktop presentation only. Keep the shared Profile data, actions and phone layout. */
@media (min-width: 768px) {
  .next-shell.is-ready .profile-page > .app-bar {
    position: static;
    width: 100%; max-width: 1248px; min-height: 96px;
    grid-template-columns: 0 minmax(0, 1fr) 0; gap: 0;
    margin: 0 auto; padding: 20px 24px 16px; box-sizing: border-box; border-bottom: 0;
  }
  .next-shell.is-ready .profile-page .app-bar-title { font-size: 26px; line-height: 36px; }
  .next-shell.is-ready .profile-page .app-bar-subtitle { font-size: 14px; line-height: 22px; white-space: normal; }
  .next-shell.is-ready .profile-page .profile-body {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 24px 32px;
    box-sizing: border-box; gap: 16px; align-items: stretch;
  }
  .next-shell.is-ready .profile-page .profile-body > * { grid-column: 1 / -1; min-width: 0; box-sizing: border-box; }
  .next-shell.is-ready .profile-page .profile-body taro-view-core { min-width: 0; }
  .next-shell.is-ready .profile-page .profile-body taro-text-core { overflow-wrap: anywhere; }
  .next-shell.is-ready .profile-page .profile-body taro-button-core { margin: 0; box-sizing: border-box; }
  .next-shell.is-ready .profile-page .profile-demo-note { padding: 12px 16px; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-identity-card {
    min-height: 144px; grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 16px; padding: 24px; box-shadow: 0 6px 20px #1769ff14;
  }
  .next-shell.is-ready .profile-page .profile-avatar { width: 60px; height: 60px; font-size: 26px; line-height: 32px; }
  .next-shell.is-ready .profile-page .profile-name { font-size: 22px; line-height: 32px; font-weight: 700; }
  .next-shell.is-ready .profile-page .profile-account { margin-top: 6px; color: #edf4ff; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-plan { padding: 6px 10px; font-size: 14px; line-height: 22px; white-space: nowrap; }
  .next-shell.is-ready .profile-page .profile-credit-card {
    min-height: 144px; padding: 20px 24px; gap: 12px; flex-wrap: wrap; background: #fff; border-radius: 16px;
  }
  .next-shell.is-ready .profile-page .profile-credit-card > taro-view-core:first-child { flex: 1 1 140px; }
  .next-shell.is-ready .profile-page .profile-credit-card > taro-view-core:first-child taro-text-core:first-child { font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-credit-card > taro-view-core:first-child taro-text-core:last-child {
    margin-top: 6px; font-size: 30px; line-height: 40px; font-weight: 700; font-variant-numeric: tabular-nums;
  }
  .next-shell.is-ready .profile-page .profile-credit-card > taro-view-core:last-child { margin-left: auto; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-credit-card .profile-credit-link { width: auto; margin-left: auto; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-store-card {
    min-height: 108px; grid-template-columns: 48px minmax(0, 1fr) 16px;
    gap: 14px; padding: 20px; border-radius: 16px; box-shadow: 0 3px 12px #203f6805;
  }
  .next-shell.is-ready .profile-page .profile-store-mark { width: 48px; height: 48px; font-size: 15px; line-height: 24px; }
  .next-shell.is-ready .profile-page .profile-card-title { font-size: 17px; line-height: 26px; font-weight: 650; }
  .next-shell.is-ready .profile-page .profile-card-copy { margin-top: 4px; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-chevron { font-size: 24px; line-height: 28px; text-align: right; }
  .next-shell.is-ready .profile-page .profile-section-heading { align-items: center; gap: 16px; padding: 8px 2px 0; }
  .next-shell.is-ready .profile-page .profile-section-heading > taro-view-core taro-text-core:first-child { font-size: 18px; line-height: 28px; font-weight: 650; }
  .next-shell.is-ready .profile-page .profile-section-heading > taro-view-core taro-text-core:last-child { margin-top: 4px; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-section-heading > taro-button-core {
    display: flex; width: auto; min-width: 72px; min-height: 44px; flex: none;
    align-items: center; justify-content: center; padding: 0 8px; font-size: 14px; line-height: 22px;
  }
  .next-shell.is-ready .profile-page .profile-digital-card { gap: 12px; padding: 16px; border-radius: 16px; box-shadow: 0 3px 12px #203f6805; }
  .next-shell.is-ready .profile-page .profile-digital-card > taro-button-core:not(.profile-create-avatar) {
    justify-content: center; min-height: 130px; padding: 14px 10px; gap: 4px;
  }
  .next-shell.is-ready .profile-page .profile-asset-icon { width: 36px; height: 36px; font-size: 14px !important; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-digital-card > taro-button-core:not(.profile-create-avatar) > taro-text-core:nth-child(2) {
    margin-top: 0; font-size: 24px; line-height: 30px; font-weight: 700; font-variant-numeric: tabular-nums;
  }
  .next-shell.is-ready .profile-page .profile-digital-card > taro-button-core:not(.profile-create-avatar) > taro-text-core:last-child { font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-create-avatar { min-width: 0; min-height: 76px; grid-template-columns: 40px minmax(0, 1fr) 16px; padding: 16px; gap: 12px; }
  .next-shell.is-ready .profile-page .profile-create-avatar > taro-text-core:first-child { width: 40px; height: 40px; font-size: 15px; line-height: 24px; }
  .next-shell.is-ready .profile-page .profile-create-avatar taro-view-core taro-text-core:first-child { font-size: 16px; line-height: 26px; font-weight: 650; }
  .next-shell.is-ready .profile-page .profile-create-avatar taro-view-core taro-text-core:last-child { margin-top: 4px; color: #f0edff; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-digital-card > .profile-create-avatar > taro-text-core:last-child { color: #fff; font-size: 24px; line-height: 28px; }
  .next-shell.is-ready .profile-page .profile-list-card {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
    overflow: visible; margin-top: 8px; border: 0; border-radius: 0; background: transparent;
  }
  .next-shell.is-ready .profile-page .profile-list-card > taro-button-core {
    min-width: 0; min-height: 112px; grid-template-columns: minmax(0, 1fr) 16px; gap: 12px; align-items: start;
    padding: 20px; border: 1px solid var(--kelai-line); border-radius: 14px; background: #fff;
  }
  .next-shell.is-ready .profile-page .profile-list-card taro-view-core taro-text-core:first-child { font-size: 16px; line-height: 26px; font-weight: 650; }
  .next-shell.is-ready .profile-page .profile-list-card taro-view-core taro-text-core:last-child { margin-top: 6px; font-size: 14px; line-height: 22px; }
  .next-shell.is-ready .profile-page .profile-list-card > taro-button-core > taro-text-core { align-self: center; font-size: 24px; line-height: 28px; text-align: right; }
  .next-shell.is-ready .profile-page .profile-logout { width: auto; min-width: 156px; min-height: 44px; justify-self: end; margin-top: 8px; padding: 10px 18px; color: #a3271e; font-size: 14px; line-height: 22px; font-weight: 600; }
  /* Taro serializes false as an attribute; its presence alone does not mean disabled. */
  .next-shell.is-ready .profile-page .profile-logout:not([disabled="true"]) { opacity: 1; }
  .next-shell.is-ready .profile-page .profile-store-card:hover,
  .next-shell.is-ready .profile-page .profile-list-card > taro-button-core:hover { border-color: #93b9f7; background: #f9fbff; }
  .next-shell.is-ready .profile-page .profile-digital-card > taro-button-core:not(.profile-create-avatar):hover { background: #edf3fd; }
  .next-shell.is-ready .profile-page taro-button-core:focus-visible { outline: 2px solid #1769ff; outline-offset: 3px; }
}
@media (min-width: 1100px) {
  .next-shell.is-ready .profile-page .profile-identity-card { grid-column: span 7; }
  .next-shell.is-ready .profile-page .profile-credit-card { grid-column: span 5; }
  .next-shell.is-ready .profile-page .profile-store-card { grid-column: span 6; }
}
@media (min-width: 1180px) {
  .next-shell.is-ready .profile-page .profile-digital-card { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(270px, 1.5fr); }
  .next-shell.is-ready .profile-page .profile-create-avatar { grid-column: auto; }
}
@media (min-width: 1280px) {
  .next-shell.is-ready .profile-page .profile-list-card { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Desktop content discovery polish. Keep the shared mobile page and actions intact. */
@media (min-width: 768px) {
  .next-shell.is-ready .content-page .app-bar {
    background: #f8faff;
  }

  .next-shell.is-ready .content-page .content-discovery-hero {
    min-height: 126px;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) 88px;
    padding: 16px 24px;
    box-shadow: 0 6px 18px rgb(23 105 255 / 10%);
  }

  .next-shell.is-ready .content-page .content-discovery-title {
    font-size: 22px;
    line-height: 32px;
  }

  .next-shell.is-ready .content-page .content-discovery-description {
    max-width: 660px;
    font-size: 13px;
    line-height: 21px;
  }

  .next-shell.is-ready .content-page .creation-hub-compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
  }

  .next-shell.is-ready .content-page .creation-shortcut-grid,
  .next-shell.is-ready .content-page .creation-video-grid {
    display: contents;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-card {
    display: flex;
    min-height: 188px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: stretch;
    padding: 14px;
    border-radius: 14px;
    box-shadow: none;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-card .creation-entry-visual {
    width: 56px;
    height: 48px;
    flex: 0 0 48px;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-icon {
    width: 56px;
    height: 48px;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-title {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-description {
    min-height: 42px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 21px;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-action-row {
    min-height: 28px;
    margin-top: auto;
    padding-top: 8px;
    align-items: center;
  }

  .next-shell.is-ready .content-page .creation-hub-compact .creation-entry-action {
    font-size: 13px;
    line-height: 20px;
  }

  .next-shell.is-ready .content-page .content-process-strip {
    min-height: 62px;
    box-sizing: border-box;
    margin: 12px 0 16px;
    padding: 12px 24px;
    align-items: center;
    box-shadow: none;
  }

  .next-shell.is-ready .content-page .content-process-step {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
  }

  .next-shell.is-ready .content-page .content-process-step:not(:last-child)::after {
    top: 50%;
    right: -12%;
    width: 24%;
  }

  .next-shell.is-ready .content-page .content-process-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 10px;
  }

  .next-shell.is-ready .content-page .content-process-label {
    font-size: 13px;
  }

  .next-shell.is-ready .content-page .discovery-section {
    padding: 16px;
    background: #fff;
    box-shadow: none;
  }

  .next-shell.is-ready .content-page .content-opportunity-heading {
    align-items: center;
    margin: 18px 0 14px;
  }

  .next-shell.is-ready .content-page .content-opportunity-heading > :first-child {
    min-width: 0;
    flex: 1 1 auto;
  }

  .next-shell.is-ready .content-page .content-section-subtitle,
  .next-shell.is-ready .content-page .discovery-description {
    font-size: 13px;
    line-height: 21px;
  }

  .next-shell.is-ready .content-page .content-opportunity-heading .change-topics {
    width: auto;
    min-width: 76px;
    height: 36px;
    min-height: 36px;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    padding: 0 12px;
    border: 1px solid #dce7f7;
    border-radius: 9px;
    background: #f8faff;
    line-height: 34px;
    font-weight: 600;
  }

  .next-shell.is-ready .content-page .topic-list {
    gap: 16px;
  }

  .next-shell.is-ready .content-page .hotspot-video-card {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    min-height: 204px;
    box-sizing: border-box;
    padding: 14px;
    border-color: #e1e8f2;
    border-radius: 14px;
    box-shadow: none;
  }

  .next-shell.is-ready .content-page .hotspot-video-visual {
    height: 176px;
    min-height: 176px;
    align-self: start;
  }

  .next-shell.is-ready .content-page .hotspot-video-cover-button,
  .next-shell.is-ready .content-page .hotspot-video-player,
  .next-shell.is-ready .content-page .hotspot-video-cover-placeholder {
    min-height: 176px;
    height: 176px;
    border-radius: 10px;
  }

  .next-shell.is-ready .content-page .hotspot-video-copy {
    position: relative;
    gap: 5px;
  }

  .next-shell.is-ready .content-page .hotspot-video-title,
  .next-shell.is-ready .content-page .hotspot-video-description.is-primary {
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    -webkit-line-clamp: 2;
  }

  .next-shell.is-ready .content-page .hotspot-video-description,
  .next-shell.is-ready .content-page .hotspot-video-author,
  .next-shell.is-ready .content-page .hotspot-video-metric,
  .next-shell.is-ready .content-page .hotspot-video-metric > :last-child,
  .next-shell.is-ready .content-page .hotspot-video-source-row {
    font-size: 13px;
    line-height: 20px;
  }

  .next-shell.is-ready .content-page .hotspot-video-metrics {
    gap: 14px;
  }

  .next-shell.is-ready .content-page .hotspot-video-source-row {
    margin-top: 0;
  }

  .next-shell.is-ready .content-page .hotspot-video-source-action {
    position: absolute;
    right: 132px;
    bottom: 0;
    height: 36px;
    min-height: 36px;
    padding: 0 8px;
    border-radius: 8px;
    color: #65768d;
    font-size: 13px;
    line-height: 36px;
  }

  .next-shell.is-ready .content-page .hotspot-video-actions {
    min-height: 36px;
    justify-content: flex-end;
    padding-top: 8px;
  }

  .next-shell.is-ready .content-page .hotspot-video-actions .hotspot-video-analyze {
    width: 120px;
    min-width: 120px;
    height: 36px;
    min-height: 36px;
    flex: 0 0 120px;
    box-sizing: border-box;
    padding: 0 12px;
    gap: 7px;
    color: #2164d8;
    background: #edf4ff;
    border: 1px solid #ccddfa;
    border-radius: 9px;
    box-shadow: none;
    font-size: 13px;
    line-height: 34px;
    font-weight: 600;
  }

  .next-shell.is-ready .content-page .hotspot-video-analyze > * {
    font-size: 13px;
    line-height: 20px;
  }

  .next-shell.is-ready .content-page .hotspot-video-analyze-icon {
    width: 16px;
    height: 16px;
    transform: none;
  }

  .next-shell.is-ready .content-page .hotspot-video-analyze:hover {
    background: #e2edff;
    border-color: #aac7f7;
  }

  .next-shell.is-ready .content-page .hotspot-video-source-action:hover {
    color: #2164d8;
    background: #f2f6fc;
  }

  .next-shell.is-ready .content-page .hotspot-video-analyze:focus-visible,
  .next-shell.is-ready .content-page .hotspot-video-source-action:focus-visible,
  .next-shell.is-ready .content-page .change-topics:focus-visible {
    outline: 2px solid #2368dc;
    outline-offset: 3px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .next-shell.is-ready .content-page .topic-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .next-shell.is-ready .content-page .creation-hub-compact {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .next-shell.is-ready .content-page .creation-shortcut-grid .creation-entry-card {
    grid-column: span 3;
  }

  .next-shell.is-ready .content-page .creation-video-grid .creation-entry-card {
    grid-column: span 2;
  }

  .next-shell.is-ready .content-page .content-process-strip {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* Desktop hotspot analysis: presentation only; mobile and business flow stay unchanged. */
@media (min-width: 768px) {
  .next-shell.is-ready .content-detail-page:has(.hotspot-detail-body) > .app-bar {
    /* The Taro page scroller already starts below the workspace top bar. */
    top: 0;
    background: #f8faff;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-body {
    box-sizing: border-box;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 28px 40px;
    gap: 20px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-media {
    height: 360px;
    border-radius: 16px;
    box-shadow: none;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-cover img,
  .next-shell.is-ready .content-detail-page .hotspot-detail-player video {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-body > .detail-section {
    box-sizing: border-box;
    min-width: 0;
    padding: 22px;
    border-color: #e0e7f1;
    border-radius: 16px;
    box-shadow: 0 4px 16px #243c6105;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-body .detail-section-heading > :first-child {
    color: #20334e;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-body .detail-section-heading > :nth-child(2) {
    font-size: 13px;
    line-height: 22px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-content.is-primary,
  .next-shell.is-ready .content-detail-page .hotspot-detail-title {
    font-size: 16px;
    line-height: 27px;
    overflow-wrap: anywhere;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-author {
    margin-top: 12px;
    font-size: 13px;
    line-height: 22px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-metrics {
    margin-top: 14px;
    gap: 22px;
    font-size: 14px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-source-link {
    width: 100%;
    min-height: 40px;
    margin-top: 18px;
    font-size: 14px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-result {
    gap: 20px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-intro,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-overview,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-hook > :not(.hotspot-analysis-block-title),
  .next-shell.is-ready .content-detail-page .hotspot-analysis-structure-item > :last-child > *,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-shot > :not(.hotspot-analysis-shot-heading),
  .next-shell.is-ready .content-detail-page .hotspot-analysis-notes > * > *,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-methods > *,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-methods > :last-child > * {
    font-size: 14px;
    line-height: 25px;
    overflow-wrap: anywhere;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-block-title {
    font-size: 16px;
    line-height: 26px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-overview,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-hook,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-shot,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-methods {
    padding: 16px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-shot-heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #edf1f7;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-shot-heading > :first-child {
    font-size: 15px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-shot-list,
  .next-shell.is-ready .content-detail-page .hotspot-analysis-block {
    gap: 12px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-panel {
    gap: 12px;
  }
  .next-shell.is-ready .content-detail-page taro-textarea-core.hotspot-rewrite-input {
    height: auto;
    min-height: 180px;
    padding: 0;
    background: #fff;
    border: 1px solid #ccd9eb;
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  /* Target native controls here: the shared Taro build rewrites textarea/input selectors. */
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-input > textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 180px;
    min-height: 180px;
    margin: 0;
    padding: 14px 16px;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    color: #20334e;
    font: inherit;
    font-size: 14px;
    line-height: 24px;
    resize: vertical;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-input > textarea::placeholder {
    color: #8190a5;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-seconds {
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
    line-height: 22px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-seconds > taro-input-core {
    box-sizing: border-box;
    flex: 0 0 88px;
    width: 88px;
    height: 42px;
    padding: 0;
    border: 1px solid #ccd9eb;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-seconds > taro-input-core > input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 12px;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    color: #20334e;
    font: inherit;
  }
  .next-shell.is-ready .content-detail-page taro-textarea-core.hotspot-rewrite-input:focus-within,
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-seconds > taro-input-core:focus-within {
    outline: 0;
    border-color: #3278ee;
    box-shadow: 0 0 0 3px #3278ee1a;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-hint,
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-mode-hint {
    font-size: 13px;
    line-height: 22px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-rewrite-modes > * {
    padding: 16px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-source-link:focus-visible,
  .next-shell.is-ready .content-detail-page .hotspot-detail-play-button:focus-visible {
    outline: 3px solid #91b9fb;
    outline-offset: -3px;
  }
}

@media (min-width: 1024px) {
  .next-shell.is-ready .content-detail-page .hotspot-detail-body {
    --hotspot-preview-width: clamp(280px, 25vw, 360px);
    --hotspot-column-gap: 24px;
    /* Independent column heights without changing the mobile DOM or tab order. */
    display: flow-root;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-media,
  .next-shell.is-ready .content-detail-page .hotspot-detail-copy-card {
    float: left;
    clear: left;
    width: var(--hotspot-preview-width);
    margin: 0 0 18px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-media {
    height: 420px;
  }
  .next-shell.is-ready .content-detail-page .hotspot-detail-body > :not(.hotspot-detail-media):not(.hotspot-detail-copy-card) {
    margin: 0 0 20px calc(var(--hotspot-preview-width) + var(--hotspot-column-gap));
  }
  .next-shell.is-ready .content-detail-page .hotspot-analysis-notes {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

@media (min-width: 1440px) {
  .next-shell.is-ready .content-detail-page .hotspot-analysis-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Desktop-only presentation of the shared digital-human editor. */
@media (min-width: 768px) {
  .next-shell.is-ready .avatar-workspace-page > .app-bar {
    position: static; top: auto; width: 100%; max-width: 1400px; min-height: 88px;
    margin: 0 auto; padding: 16px 24px; box-sizing: border-box; border-bottom: 0; background: #f8faff;
  }
  .next-shell.is-ready .avatar-workspace-page .app-bar-title { line-height: 32px; }
  .next-shell.is-ready .avatar-workspace-page .app-bar-subtitle { white-space: normal; }
  .next-shell.is-ready .avatar-workspace-page.page-with-primary-dock { padding-bottom: 88px; }
  .next-shell.is-ready .avatar-workspace-page .video-body {
    display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 16px;
    width: 100%; max-width: 1400px; padding: 0 24px 24px; margin: 0 auto; box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-workspace-page .video-body > * { min-width: 0; margin: 0; }
  .next-shell.is-ready .avatar-workspace-page .video-config-card { padding: 18px; border-radius: 14px; box-shadow: 0 3px 14px #203f6806; }
  .next-shell.is-ready .avatar-workspace-page .video-section-heading { gap: 12px; margin-bottom: 12px; align-items: flex-start; }
  .next-shell.is-ready .avatar-workspace-page .video-section-heading > taro-view-core { min-width: 0; }
  .next-shell.is-ready .avatar-workspace-page .video-section-title { font-size: 16px; line-height: 24px; font-weight: 650; }
  .next-shell.is-ready .avatar-workspace-page .video-section-help { margin-top: 4px; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-workbench-hero { padding: 18px 20px; border-radius: 14px; box-shadow: none; }
  .next-shell.is-ready .avatar-workspace-page .avatar-workbench-title { font-size: 18px; line-height: 28px; font-weight: 650; text-wrap: balance; }
  .next-shell.is-ready .avatar-workspace-page .avatar-workbench-copy { font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .avatar-workspace-page .benchmark-mode-row { gap: 10px; }
  .next-shell.is-ready .avatar-workspace-page .benchmark-mode-row > taro-button-core { min-height: 40px; padding: 8px 12px; font-size: 13px; line-height: 22px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-flow-stepper { padding: 10px 12px; box-shadow: none; }
  .next-shell.is-ready .avatar-workspace-page .avatar-flow-stepper > taro-view-core { flex-direction: row; justify-content: center; gap: 8px; background: #fff; }
  .next-shell.is-ready .avatar-workspace-page .avatar-flow-stepper::before { top: 24px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px;
    max-height: 550px; overflow-y: auto; padding: 2px; box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-cover { height: 190px; aspect-ratio: auto; background: #182231; }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-poster > img {
    position: static; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
    transform: none; object-fit: contain; object-position: center;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-info { padding: 10px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-name { font-size: 14px; line-height: 21px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-hint { font-size: 12px; line-height: 18px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-choice-check { font-size: 12px; line-height: 18px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-add-asset { margin-top: 12px; min-height: 38px; font-size: 13px; line-height: 22px; padding: 7px 10px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-manage-entry { min-height: 32px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-voice-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-voice-name { min-height: 42px; font-size: 14px; line-height: 21px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-voice-tick { font-size: 12px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-voice-audition { min-height: 34px; font-size: 13px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-script-input { height: 240px; min-height: 240px; padding: 14px; font-size: 15px; line-height: 1.75; background: #fafbfe; }
  .next-shell.is-ready .avatar-workspace-page .avatar-script-input .taro-textarea { height: 100%; min-height: 0; line-height: inherit; }
  .next-shell.is-ready .avatar-workspace-page .avatar-script-tools { justify-content: flex-end; }
  .next-shell.is-ready .avatar-workspace-page .video-choice-section { margin-top: 18px; }
  .next-shell.is-ready .avatar-workspace-page .choice-row { justify-content: flex-start; }
  .next-shell.is-ready .avatar-workspace-page .choice-row > taro-button-core { min-width: 112px; min-height: 40px; padding: 8px 14px; font-size: 13px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-language-settings { margin: 16px 0; padding: 12px 0 0; }
  .next-shell.is-ready .avatar-workspace-page .avatar-subtitle-toggle > taro-button-core {
    flex: none; width: 48px; min-width: 48px; height: 28px; min-height: 28px; max-height: 28px;
    margin: 8px 0; padding: 0; line-height: normal; box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-subtitle-toggle > taro-button-core > taro-text-core { width: 22px; height: 22px; top: 3px; left: 3px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-subtitle-toggle > taro-button-core.on > taro-text-core { transform: translateX(20px); }
  .next-shell.is-ready .avatar-workspace-page .video-safety-note { padding: 14px 18px; font-size: 13px; line-height: 21px; }
  .next-shell.is-ready .avatar-workspace-page .primary-dock { padding: 12px 24px; background: #fff; border-top: 1px solid #e2e9f3; }
  .next-shell.is-ready .avatar-workspace-page .primary-button { width: 280px; max-width: 100%; min-height: 44px; margin-left: auto; margin-right: 0; font-size: 15px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-language-mask { align-items: center; padding: 24px; box-sizing: border-box; }
  .next-shell.is-ready .avatar-workspace-page .avatar-language-sheet { border-radius: 18px; max-height: 80dvh; padding: 20px; }
  .next-shell.is-ready .avatar-workspace-page taro-button-core:focus-visible { outline: 2px solid #1769ff; outline-offset: 3px; }
}
@media (min-width: 1100px) {
  .next-shell.is-ready .avatar-workspace-page .video-body { grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.45fr); grid-template-rows: auto auto min-content 1fr; gap: 18px; }
  .next-shell.is-ready .avatar-workspace-page .video-body > * { grid-column: 1 / -1; }
  .next-shell.is-ready .avatar-workspace-page .avatar-workbench-hero { grid-column: 1; grid-row: 1; height: 100%; box-sizing: border-box; }
  .next-shell.is-ready .avatar-workspace-page .avatar-script-card:has(> .benchmark-mode-row) { grid-column: 2; grid-row: 1; height: 100%; box-sizing: border-box; }
  .next-shell.is-ready .avatar-workspace-page .avatar-flow-stepper { grid-row: 2; }
  .next-shell.is-ready .avatar-workspace-page .avatar-selection-card { grid-column: 1; grid-row: 3; }
  .next-shell.is-ready .avatar-workspace-page .avatar-voice-card { grid-column: 1; grid-row: 4; }
  .next-shell.is-ready .avatar-workspace-page .avatar-script-card:has(> .avatar-script-input) { grid-column: 2; grid-row: 3 / span 2; }
  .next-shell.is-ready .avatar-workspace-page .avatar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Taro's host and native textarea must share one bounded editing box. */
@media (min-width: 768px) {
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-backdrop {
    align-items: center; padding: 24px; box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-sheet {
    width: 720px; max-width: 100%; height: auto; max-height: calc(100dvh - 48px);
    border-radius: 18px; box-shadow: 0 24px 80px #10243c30;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-header { flex: none; padding: 18px 20px 14px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-scroll {
    flex: 0 1 auto; min-width: 0; min-height: 0; padding: 18px 20px;
    overflow-y: auto; overflow-x: hidden; box-sizing: border-box;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-modes { margin-bottom: 18px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-input,
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-result {
    display: flex; flex-direction: column; width: 100% !important; min-width: 0;
    height: 180px !important; min-height: 0; padding: 14px; box-sizing: border-box;
    overflow: hidden; resize: none; font-size: 15px; line-height: 1.7;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-result { height: 260px !important; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-input .taro-textarea,
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-result .taro-textarea {
    display: block; flex: 1; width: 100% !important; max-width: 100%; min-width: 0;
    height: 100% !important; min-height: 0 !important; max-height: 100%;
    padding: 0 !important; margin: 0; border: 0; box-sizing: border-box;
    resize: none; overflow-y: auto; overflow-x: hidden; background: transparent;
    color: inherit; font-size: 15px !important; line-height: 1.7 !important;
    white-space: pre-wrap; overflow-wrap: anywhere; outline: none;
  }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-input:focus-within { border-color: #5b91fa; box-shadow: 0 0 0 3px #1769ff14; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-duration { margin: 16px 0; gap: 8px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-duration > taro-text-core { margin-right: 4px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-duration > taro-button-core { min-height: 36px; height: 36px; padding: 6px 12px; font-size: 13px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-context { margin-bottom: 0; padding: 14px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-preview { padding: 16px; }
  .next-shell.is-ready .avatar-workspace-page .avatar-writer-footer { flex: none; padding: 14px 20px 18px; }
}

/* Desktop mix creation hub. Keep the shared mobile UI and all entry handlers intact. */
@media (min-width: 768px) {
  .next-shell.is-ready .mix-page > .app-bar {
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1120px;
    margin-inline: auto;
    padding: 20px 0 16px;
    border-bottom: 0;
  }
  .next-shell.is-ready .mix-page > .mix-tabs {
    width: calc(100% - 64px);
    max-width: 1120px;
    min-height: 52px;
    margin: 0 auto 24px;
    padding: 0;
    gap: 28px;
    border: 0;
    border-bottom: 1px solid #dfe7f1;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .next-shell.is-ready .mix-page > .mix-tabs > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    height: 52px;
    min-height: 52px;
    padding: 0 4px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #60738f;
    font-size: 15px;
    line-height: 1.5;
    box-shadow: none;
  }
  .next-shell.is-ready .mix-page > .mix-tabs > .active {
    border-bottom-color: #2479eb;
    color: #175ab1;
    font-weight: 750;
  }
  .next-shell.is-ready .mix-page .mix-hub-scroll {
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1120px;
    margin-inline: auto;
    padding: 0 0 36px;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 196px;
    column-gap: 32px;
    padding: 28px 32px;
    border-radius: 20px;
    background: radial-gradient(ellipse at 100% 0, #348fce 0, transparent 60%), linear-gradient(110deg, #14355e, #195eac);
    box-shadow: 0 10px 24px rgba(23, 63, 115, 0.12);
  }
  .next-shell.is-ready .mix-page .mix-hub-hero > :not(.mix-ai-entry) {
    grid-column: 1;
    min-width: 0;
  }
  .next-shell.is-ready .mix-page .mix-hub-title {
    margin-top: 5px;
    font-size: 30px;
    line-height: 1.4;
  }
  .next-shell.is-ready .mix-page .mix-hub-copy {
    max-width: 620px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
  }
  .next-shell.is-ready .mix-page .mix-hub-trust {
    margin-top: 18px;
    gap: 8px;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero .mix-ai-entry {
    grid-column: 2;
    grid-row: 1 / 5;
    align-self: center;
    width: 196px;
    min-height: 52px;
    margin: 0;
    padding: 12px 18px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(12, 43, 83, 0.16);
  }
  .next-shell.is-ready .mix-page .mix-hub-section-title {
    margin: 28px 0 14px;
    font-size: 16px;
    line-height: 1.5;
  }
  .next-shell.is-ready .mix-page .mix-mode-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .next-shell.is-ready .mix-page .mix-mode-card {
    align-items: flex-start;
    min-height: 182px;
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 4px 14px rgba(35, 64, 97, 0.03);
  }
  .next-shell.is-ready .mix-page .mix-mode-icon {
    flex-basis: 52px;
    height: 52px;
    border-radius: 15px;
  }
  .next-shell.is-ready .mix-page .mix-mode-main {
    margin-left: 16px;
  }
  .next-shell.is-ready .mix-page .mix-mode-title-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .next-shell.is-ready .mix-page .mix-mode-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .next-shell.is-ready .mix-page .mix-mode-copy {
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.75;
  }
  .next-shell.is-ready .mix-page .mix-mode-tags {
    margin-top: 14px;
    gap: 6px;
  }
  .next-shell.is-ready .mix-page .mix-mode-arrow {
    flex-basis: 24px;
    margin-left: 8px;
    align-self: center;
    text-align: right;
    color: #7c93af;
  }
  .next-shell.is-ready .mix-page .mix-hub-manage {
    gap: 20px;
    margin-top: 20px;
  }
  .next-shell.is-ready .mix-page .mix-hub-manage > taro-button-core {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 16px;
    align-content: center;
    min-height: 86px;
    padding: 16px 24px;
    border-radius: 14px;
    text-align: left;
  }
  .next-shell.is-ready .mix-page .mix-manage-value {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    font-size: 28px;
    line-height: 1.3;
  }
  .next-shell.is-ready .mix-page .mix-manage-label {
    grid-column: 2;
    margin: 0;
    font-size: 14px;
  }
  .next-shell.is-ready .mix-page .mix-manage-copy {
    grid-column: 2;
    font-size: 13px;
  }
  .next-shell.is-ready .mix-page .mix-hub-note {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 24px;
    padding: 16px 0 0;
    border-top: 1px solid #e1e8f1;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1.7;
  }
  .next-shell.is-ready .mix-page .mix-mode-card:hover,
  .next-shell.is-ready .mix-page .mix-hub-manage > taro-button-core:hover {
    border-color: #92b9ef;
    box-shadow: 0 6px 18px rgba(35, 80, 140, 0.09);
  }
  .next-shell.is-ready .mix-page .mix-ai-entry:hover {
    background: #edf5ff;
  }
  .next-shell.is-ready .mix-page .mix-mode-card:focus-visible,
  .next-shell.is-ready .mix-page .mix-ai-entry:focus-visible,
  .next-shell.is-ready .mix-page .mix-hub-manage > taro-button-core:focus-visible,
  .next-shell.is-ready .mix-page > .mix-tabs > taro-button-core:focus-visible {
    outline: 3px solid #70aaff;
    outline-offset: -3px;
  }
}

/* Give the AI entry its own card instead of stretching it across a wide monitor. */
@media (min-width: 768px) and (min-width: 1280px) {
  .next-shell.is-ready .mix-page .mix-hub-scroll {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 14px 24px;
    align-content: start;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 30px;
  }
  .next-shell.is-ready .mix-page .mix-hub-title {
    margin-top: 12px;
    font-size: 32px;
  }
  .next-shell.is-ready .mix-page .mix-hub-copy {
    max-width: 420px;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.85;
  }
  .next-shell.is-ready .mix-page .mix-hub-trust {
    margin-top: 20px;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero .mix-ai-entry {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: 0;
  }
  .next-shell.is-ready .mix-page .mix-hub-section-title {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-self: start;
  }
  .next-shell.is-ready .mix-page .mix-mode-list {
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .next-shell.is-ready .mix-page .mix-mode-card {
    min-height: 146px;
    padding: 20px;
  }
  .next-shell.is-ready .mix-page .mix-mode-main {
    margin-left: 14px;
  }
  .next-shell.is-ready .mix-page .mix-mode-copy {
    margin-top: 6px;
  }
  .next-shell.is-ready .mix-page .mix-mode-tags {
    margin-top: 10px;
  }
  .next-shell.is-ready .mix-page .mix-context-note {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 2px 0 0;
  }
  .next-shell.is-ready .mix-page .mix-hub-manage {
    grid-column: 1 / -1;
    margin-top: 10px;
    gap: 24px;
  }
  .next-shell.is-ready .mix-page .mix-hub-note {
    grid-column: 1 / -1;
    margin-top: 6px;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-page > .app-bar,
  .next-shell.is-ready .mix-page > .mix-tabs,
  .next-shell.is-ready .mix-page .mix-hub-scroll {
    width: calc(100% - 40px);
  }
  .next-shell.is-ready .mix-page > .mix-tabs {
    gap: 20px;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: 24px;
  }
  .next-shell.is-ready .mix-page .mix-hub-hero .mix-ai-entry {
    grid-column: 1;
    grid-row: auto;
    margin-top: 20px;
  }
  .next-shell.is-ready .mix-page .mix-mode-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .next-shell.is-ready .mix-page .mix-mode-card {
    min-height: 160px;
  }
  .next-shell.is-ready .mix-page .mix-hub-manage {
    gap: 12px;
  }
  .next-shell.is-ready .mix-page .mix-hub-manage > taro-button-core {
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }
  .next-shell.is-ready .mix-page .mix-manage-value,
  .next-shell.is-ready .mix-page .mix-manage-label,
  .next-shell.is-ready .mix-page .mix-manage-copy {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Desktop mix configuration: presentation only; retain shared form state and mobile UI. */
@media (min-width: 768px) {
  /* Keep the form and its final action on one desktop reading grid. */
  .next-shell.is-ready .mix-page .mix-scroll:has(.mix-create-button) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    align-content: start;
    gap: 16px;
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
    padding: 0 24px 40px;
  }
  .next-shell.is-ready .mix-page .mix-scroll:has(.mix-create-button) > * {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .next-shell.is-ready .mix-page .mix-scroll:has(.mix-create-button) > .mix-section {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 4px 16px rgba(40, 65, 96, 0.035);
  }
  .next-shell.is-ready .mix-page .mix-scroll > .mix-submit-summary {
    grid-column: 1;
    margin: 0;
    min-height: 76px;
    box-sizing: border-box;
  }
  .next-shell.is-ready .mix-page .mix-scroll > .mix-create-button {
    grid-column: 2;
    align-self: center;
    width: 100%;
    margin: 0;
    border-radius: 12px;
  }
  .next-shell.is-ready .mix-page .mix-scroll > .mix-submit-footnote {
    margin: -4px 0 8px;
    text-align: left;
    line-height: 1.7;
  }
  .next-shell.is-ready .mix-page .mix-section > .mix-setting-row {
    justify-content: flex-start;
    gap: 24px;
  }
  .next-shell.is-ready .mix-page .mix-section > .mix-setting-row > taro-view-core:first-child {
    flex: 0 1 420px;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-chip-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-chip-row > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    min-width: 88px;
    min-height: 40px;
    margin: 0;
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 22px;
    box-shadow: none;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-chip-row > .selected {
    background: #eaf3ff;
    border-color: #2477e8;
    color: #145caf;
    font-weight: 650;
    box-shadow: inset 0 0 0 1px #2477e8;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-field-label,
  .next-shell.is-ready .mix-page .mix-section .mix-setting-title {
    font-size: 14px;
    line-height: 1.6;
    color: #38516f;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-text-input,
  .next-shell.is-ready .mix-page .mix-section .mix-textarea {
    font-size: 15px;
    line-height: 1.75;
  }
  .next-shell.is-ready .mix-page .mix-section > .mix-text-input {
    max-width: 640px;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-title-style-trigger,
  .next-shell.is-ready .mix-page .mix-section .mix-music-entry {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-inline-options:has(> .mix-subtitle-style-trigger) {
    max-width: none;
    box-sizing: border-box;
    padding: 0;
    background: transparent;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice) {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px 20px;
    margin: 12px 0 22px;
    padding: 22px;
    border: 1px solid #e4ebf3;
    border-radius: 16px;
    background: #f7f9fc;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice) > .mix-field-label {
    grid-column: 1;
    align-self: center;
    margin: 0;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice) > .mix-chip-row {
    grid-column: 2;
    align-items: center;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice) > .mix-option-explanation {
    grid-column: 2;
    max-width: 680px;
    margin: -6px 0 0;
    font-size: 13px;
    line-height: 1.7;
  }
  .next-shell.is-ready .mix-page .mix-inline-options > .mix-digital-voice {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px 20px;
    margin: 6px 0;
    padding: 16px 0;
    border-top: 1px solid #e3eaf3;
    border-bottom: 1px solid #e3eaf3;
  }
  .next-shell.is-ready .mix-page .mix-digital-voice > .mix-digital-label {
    grid-column: 1;
    align-self: center;
    margin: 0;
    font-size: 14px;
  }
  .next-shell.is-ready .mix-page .mix-digital-voice > .mix-digital-tabs {
    grid-column: 2;
    width: 100%;
    max-width: 480px;
  }
  .next-shell.is-ready .mix-page .mix-digital-tabs > taro-button-core {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 10px;
    line-height: 22px;
  }
  .next-shell.is-ready .mix-page .mix-digital-voice > .mix-digital-panel {
    grid-column: 2;
    min-width: 0;
    max-width: 680px;
    padding-top: 0;
  }
  .next-shell.is-ready .mix-page .mix-inline-options > .mix-voice-heading {
    grid-column: 1;
    flex-direction: column;
    align-items: flex-start;
    align-self: start;
    gap: 6px;
    margin: 0;
    padding-top: 6px;
  }
  .next-shell.is-ready .mix-page .mix-voice-heading > .mix-field-label {
    margin: 0;
  }
  .next-shell.is-ready .mix-page .mix-inline-options > .mix-voice-mode-row {
    grid-column: 2;
    width: 100%;
    max-width: 480px;
    margin: 0;
  }
  .next-shell.is-ready .mix-page .mix-voice-mode-row > taro-button-core {
    min-height: 64px;
    padding: 10px 14px;
    border-radius: 10px;
  }
  .next-shell.is-ready .mix-page .mix-inline-options > .mix-voice-entry {
    grid-column: 2;
    max-width: 680px;
    margin: 0;
    background: #fff;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-chip-row > taro-button-core:focus-visible,
  .next-shell.is-ready .mix-page .mix-digital-tabs > taro-button-core:focus-visible,
  .next-shell.is-ready .mix-page .mix-voice-mode-row > taro-button-core:focus-visible {
    outline: 3px solid #75abef;
    outline-offset: 2px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    gap: 14px 24px;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > * {
    grid-column: 2;
    min-width: 0;
    margin: 0;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-section-heading,
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-writer-entry {
    grid-column: 1 / -1;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-field-heading,
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-field-label {
    grid-column: 1;
    align-self: start;
    padding-top: 10px;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-field-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-setting-row {
    grid-column: 1 / -1;
    min-height: 62px;
    margin-top: 6px;
    padding: 10px 0;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-setting-row > taro-view-core:first-child {
    flex: 0 1 420px;
  }
  .next-shell.is-ready .mix-page .mix-section:has(> .mix-headline-textarea) > .mix-inline-options:has(> .mix-digital-voice) {
    padding: 18px;
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-page .mix-scroll:has(.mix-create-button) {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 20px;
  }
  .next-shell.is-ready .mix-page .mix-scroll > .mix-submit-summary,
  .next-shell.is-ready .mix-page .mix-scroll > .mix-create-button {
    grid-column: 1 / -1;
  }
  .next-shell.is-ready .mix-page .mix-scroll > .mix-create-button {
    justify-self: end;
    max-width: 260px;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice),
  .next-shell.is-ready .mix-page .mix-inline-options > .mix-digital-voice {
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 14px;
  }
  .next-shell.is-ready .mix-page .mix-inline-options:has(> .mix-digital-voice) {
    padding: 16px;
  }
  .next-shell.is-ready .mix-page .mix-section .mix-chip-row > taro-button-core {
    min-width: 76px;
    padding-inline: 12px;
  }
}

/* Native desktop-only input; original mobile Taro Slider is not styled here. */
@media (min-width: 768px) {
  .next-mix-slider {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    box-sizing: border-box;
    width: calc(100% - 36px);
    min-width: 0;
    height: 32px;
    margin: 8px 18px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    touch-action: pan-y;
  }
  .next-mix-slider::-webkit-slider-runnable-track {
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(to right, var(--mix-slider-active) var(--mix-slider-progress), var(--mix-slider-track) var(--mix-slider-progress));
  }
  .next-mix-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    margin-top: -8.5px;
    border: 1px solid rgba(30, 65, 110, .12);
    border-radius: 50%;
    background: var(--mix-slider-thumb);
    box-shadow: 0 2px 6px rgba(18, 51, 92, .15);
  }
  .next-mix-slider::-moz-range-track {
    height: 3px;
    border-radius: 3px;
    background: var(--mix-slider-track);
  }
  .next-mix-slider::-moz-range-progress {
    height: 3px;
    background: var(--mix-slider-active);
  }
  .next-mix-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(30, 65, 110, .12);
    border-radius: 50%;
    background: var(--mix-slider-thumb);
  }
  .next-mix-slider:focus-visible {
    outline: 2px solid #6ba6ee;
    outline-offset: 3px;
    border-radius: 8px;
  }
  .next-mix-slider:disabled { opacity: .5; cursor: not-allowed; }
  .mix-number-slider-editor > .next-mix-slider { grid-column: 1 / -1; }
}

/* Desktop upload icon framing. */
.quick-upload-icon img { position: static; transform: none; object-fit: contain; }

/* PC presentation for the existing standard/digital-human record page only.
   Advanced task records and all phone styles remain owned by their original pages. */
@media (min-width: 768px) {
  .next-shell.is-ready .video-records-page > .app-bar {
    position: static; width: 100%; max-width: 1400px; min-height: 92px;
    margin: 0 auto; padding: 18px 24px; box-sizing: border-box; border-bottom: 0;
  }
  .next-shell.is-ready .video-records-page .app-bar-subtitle { white-space: normal; }
  .next-shell.is-ready .video-records-page .video-records-new {
    display: flex; align-items: center; justify-content: center;
    min-width: 88px; height: 38px; padding: 0 14px; line-height: 20px; border-radius: 10px;
  }
  .next-shell.is-ready .video-records-page .video-records-body {
    display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 14px;
    width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 24px 32px; box-sizing: border-box;
  }
  .next-shell.is-ready .video-records-page .video-records-body > * { min-width: 0; }
  .next-shell.is-ready .video-records-page .video-records-search { height: 42px; border-radius: 10px; box-shadow: none; }
  .next-shell.is-ready .video-records-page .video-records-search .weui-input { line-height: 42px; font-size: 14px; }
  .next-shell.is-ready .video-records-page .video-record-filter-scroll {
    width: 100%; min-width: 0; margin: 0; padding: 0; border: 0;
  }
  .next-shell.is-ready .video-records-page .video-record-filters { gap: 8px; }
  .next-shell.is-ready .video-records-page .video-record-filters > taro-button-core {
    flex: 0 0 auto; width: auto; margin: 0; min-height: 38px;
    padding: 0 14px; justify-content: center; border-radius: 10px; font-weight: 600;
  }
  .next-shell.is-ready .video-records-page .video-record-list {
    display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%; min-width: 0; gap: 18px; align-items: stretch;
  }
  .next-shell.is-ready .video-records-page .video-record-card {
    display: flex; flex-direction: column; width: 100%; min-width: 0; box-sizing: border-box;
    border-radius: 14px; box-shadow: 0 3px 14px rgba(28, 60, 96, .04);
    transition: border-color .15s, box-shadow .15s;
  }
  .next-shell.is-ready .video-records-page .video-record-card:hover {
    border-color: #b9cff0; box-shadow: 0 6px 20px rgba(28, 60, 96, .08);
  }
  .next-shell.is-ready .video-records-page .video-record-media {
    flex: none; height: 232px; min-height: 0; aspect-ratio: auto;
  }
  .next-shell.is-ready .video-records-page .video-record-cover { object-fit: contain; }
  .next-shell.is-ready .video-records-page .video-record-cover > img {
    position: static; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
    transform: none; object-fit: contain; object-position: center;
  }
  .next-shell.is-ready .video-records-page .video-record-player,
  .next-shell.is-ready .video-records-page .video-record-player video { width: 100%; height: 100%; object-fit: contain; }
  .next-shell.is-ready .video-records-page .video-record-media-action { padding: 0; gap: 8px; }
  .next-shell.is-ready .video-records-page .video-record-play-icon { width: 44px; height: 44px; }
  .next-shell.is-ready .video-records-page .video-record-play-icon .app-icon { width: 21px; height: 21px; }
  .next-shell.is-ready .video-records-page .video-record-media-action > taro-text-core { font-size: 13px; line-height: 20px; font-weight: 600; }
  .next-shell.is-ready .video-records-page .video-record-media-state { width: min(260px, calc(100% - 40px)); }
  .next-shell.is-ready .video-records-page .video-record-spinner,
  .next-shell.is-ready .video-records-page .video-record-failure-icon { width: 44px; height: 44px; }
  .next-shell.is-ready .video-records-page .video-record-media-state > taro-text-core:first-of-type { margin-top: 10px; font-size: 15px; line-height: 22px; }
  .next-shell.is-ready .video-records-page .video-record-media-progress { margin-top: 12px; }
  .next-shell.is-ready .video-records-page .video-record-media-badge { top: 10px; left: 10px; padding: 3px 8px; }
  .next-shell.is-ready .video-records-page .video-record-main {
    display: flex; flex: 1; flex-direction: column; padding: 14px; box-sizing: border-box;
  }
  .next-shell.is-ready .video-records-page .video-record-heading > taro-text-core {
    min-height: 44px; font-size: 15px; line-height: 22px; font-weight: 650; overflow-wrap: anywhere;
  }
  .next-shell.is-ready .video-records-page .video-record-stage { margin-top: 6px; font-size: 13px; line-height: 20px; }
  .next-shell.is-ready .video-records-page .video-record-tags { gap: 5px; margin-top: 9px; }
  .next-shell.is-ready .video-records-page .video-record-tags taro-text-core { padding: 2px 7px; font-size: 12px; line-height: 18px; }
  .next-shell.is-ready .video-records-page .video-record-footer { margin-top: auto; padding-top: 12px; color: #71849b; }
  .next-shell.is-ready .video-records-page .video-record-actions { gap: 6px; margin-top: 10px; padding-top: 10px; }
  .next-shell.is-ready .video-records-page .video-record-actions taro-button-core {
    flex-direction: row; width: 100%; min-height: 36px; height: 36px;
    margin: 0; padding: 0 5px; gap: 5px; border-radius: 8px; font-size: 12px; line-height: 18px; font-weight: 600;
  }
  .next-shell.is-ready .video-records-page .video-record-actions .app-icon { width: 16px; height: 16px; }
  .next-shell.is-ready .video-records-page .video-record-actions .action-delete { color: #986563; background: #fff; border-color: #e6eaf0; }
  .next-shell.is-ready .video-records-page .video-records-warning,
  .next-shell.is-ready .video-records-page .message-state { grid-column: 1 / -1; margin-top: 0; }
  .next-shell.is-ready .video-records-page .message-state { min-height: 220px; padding: 30px 20px; }
  .next-shell.is-ready .video-records-page taro-button-core:focus-visible { outline: 2px solid #1769ff; outline-offset: 2px; }
}
@media (min-width: 768px) and (max-width: 999px) {
  .next-shell.is-ready .video-records-page > .app-bar { padding-right: 16px; padding-left: 16px; }
  .next-shell.is-ready .video-records-page .video-records-body { padding-right: 16px; padding-left: 16px; }
  .next-shell.is-ready .video-records-page .video-record-list { gap: 12px; }
  .next-shell.is-ready .video-records-page .video-record-media { height: 216px; }
  .next-shell.is-ready .video-records-page .video-record-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .next-shell.is-ready .video-records-page .video-records-body { grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); column-gap: 20px; }
  .next-shell.is-ready .video-records-page .video-record-filter-scroll { width: auto; justify-self: end; }
  .next-shell.is-ready .video-records-page .video-record-filters > taro-button-core { min-height: 42px; }
}
@media (min-width: 1280px) {
  .next-shell.is-ready .video-records-page .video-record-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Advanced task button alignment and visible menu. */
.advanced-tasks-page :is(button,taro-button-core){display:flex;align-items:center;justify-content:center}.advanced-tasks-page .advanced-task-menu{width:32px;height:32px;min-width:32px;padding:0;background:#f4f7fb;color:#627998;font-size:20px;line-height:1}.advanced-tasks-page .advanced-tasks-new{color:#1266f4}

/* Advanced task button alignment and visible menu. */
/* Mirror the router's inactive-page rule inside the workspace wrapper while this page is active. */
@media(max-width:767px){.next-shell.is-ready .next-stage:has(> .taro_page:last-child .advanced-tasks-page) > .taro_page.taro_page_show.taro_page_stationed:not(.taro_page_shade):not(.taro_tabbar_page):not(:last-child){display:none}}

/* Knowledge reference search field and disabled action. */
.knowledge-reference-library .reference-library-search input.weui-input{height:42px!important;line-height:42px!important;padding:0 36px!important}.knowledge-reference-library .reference-library-filters>*{flex:1;min-width:0}.knowledge-reference-library .reference-library-confirm[disabled]:not([disabled="false"]){background:#e5ebf4;color:#8796ad;opacity:1}

/* Desktop task presentation only. Keep task state, order and all actions in the shared page. */
@media (min-width: 768px) {
  .next-shell.is-ready .mix-page .mix-task-scroll {
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1120px;
    margin-inline: auto;
    padding: 0 0 40px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-header {
    padding: 16px 20px;
    margin-bottom: 16px;
    border: 1px solid #e1e9f3;
    border-radius: 14px;
    background: #fff;
    color: #203b5d;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-copy {
    color: #71829a;
    font-size: 13px;
    line-height: 1.6;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-refresh-button {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #dce8f9;
    border-radius: 9px;
    background: #edf4ff;
    color: #2268c3;
    font-size: 13px;
    line-height: 34px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-filter-scroll {
    margin-bottom: 18px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-filter-row > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    min-width: 78px;
    min-height: 36px;
    padding: 0 16px;
    border-radius: 9px;
    font-size: 13px;
    line-height: 34px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-filter-row > .selected {
    border-color: #b6d1f6;
    background: #eaf3ff;
    color: #1763c0;
    font-weight: 650;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: 14px;
    box-shadow: 0 3px 12px rgba(42, 65, 94, 0.035);
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-main {
    flex: 1;
    min-width: 0;
    padding: 16px 18px 14px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-top {
    align-items: flex-start;
    gap: 12px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-title-wrap .mix-choice-title {
    overflow-wrap: anywhere;
    white-space: normal;
    font-size: 15px;
    line-height: 1.5;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-template {
    margin-top: 4px;
    line-height: 1.5;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-status {
    padding: 3px 9px;
    border-radius: 7px;
    line-height: 22px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-metrics {
    margin-top: 12px;
    gap: 6px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-progress {
    height: 4px;
    margin-top: 12px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-bottom {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px 16px;
    margin-top: 8px;
    line-height: 1.6;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-bottom > taro-text-core:last-child {
    margin-left: auto;
    white-space: nowrap;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-error,
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-task-lock {
    padding: 9px 11px;
    overflow-wrap: anywhere;
    line-height: 1.65;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #fcfdff;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-actions > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #e1e8f0;
    border-radius: 8px;
    background: #fff;
    color: #496582;
    font-size: 13px;
    line-height: 32px;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-actions > taro-button-core:first-child {
    border-color: #d3e4fc;
    background: #edf4ff;
    color: #2168c5;
    font-weight: 600;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-actions > .mix-record-remove {
    margin-left: auto;
    border-color: transparent;
    background: transparent;
    color: #b25454;
  }
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-card:hover {
    border-color: #c6d8ee;
    box-shadow: 0 5px 18px rgba(42, 65, 94, 0.07);
  }
  .next-shell.is-ready .mix-page .mix-task-scroll taro-button-core:focus-visible {
    outline: 3px solid #86b4f1;
    outline-offset: -3px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .next-shell.is-ready .mix-page .mix-task-scroll .mix-result-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-page .mix-task-scroll {
    width: calc(100% - 40px);
  }
}

/* Desktop multi-shot workbench; shared fields, steps and mobile rendering stay intact. */
@media (min-width: 768px) {
  .next-shell.is-ready .kelai-app:has(> .mix-script-page) {
    min-height: 0;
  }
  .next-shell.is-ready .mix-script-page {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - var(--next-topbar));
    min-height: 0;
    padding-bottom: 0;
  }
  .next-shell.is-ready .mix-script-page > .app-bar,
  .next-shell.is-ready .mix-script-page > .script-step-bar,
  .next-shell.is-ready .mix-script-page > .script-scroll,
  .next-shell.is-ready .mix-script-page > .script-dock.script-steps-dock {
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1040px;
    margin-inline: auto;
  }
  .next-shell.is-ready .mix-script-page > .app-bar {
    flex: 0 0 auto;
    padding: 16px 0;
    border-bottom: 0;
  }
  .next-shell.is-ready .mix-script-page > .script-step-bar {
    display: flex;
    gap: 16px;
    padding: 0;
    margin-bottom: 18px;
    border: 0;
    border-bottom: 1px solid #dfe7f1;
    border-radius: 0;
    background: transparent;
  }
  .next-shell.is-ready .mix-script-page .script-step-bar > taro-button-core {
    flex: 0 1 180px;
    width: auto;
    min-height: 48px;
    padding: 8px 12px;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    font-size: 14px;
    color: #647b96;
  }
  .next-shell.is-ready .mix-script-page .script-step-bar > .active {
    color: #1b65bd;
    border-bottom-color: #2477e8;
    font-weight: 650;
  }
  .next-shell.is-ready .mix-script-page .script-step-bar > .active > taro-text-core:first-child {
    background: #2477e8;
    color: #fff;
  }
  .next-shell.is-ready .mix-script-page > .script-scroll {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: 0 0 20px;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
  }
  .next-shell.is-ready .mix-script-page .script-scroll::-webkit-scrollbar {
    display: block;
    width: 6px;
  }
  .next-shell.is-ready .mix-script-page .script-bottom-spacer {
    height: 12px;
  }
  .next-shell.is-ready .mix-script-page > .script-dock.script-steps-dock {
    position: static;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    min-height: 84px;
    padding: 16px 20px;
    border: 1px solid #e0e8f2;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -4px 16px rgba(37, 59, 84, 0.045);
  }
  .next-shell.is-ready .mix-script-page .script-dock-summary > taro-text-core {
    white-space: normal;
    line-height: 1.6;
  }
  .next-shell.is-ready .mix-script-page .script-dock-buttons {
    align-items: center;
    gap: 10px;
  }
  .next-shell.is-ready .mix-script-page .script-dock-buttons > taro-button-core {
    flex: 0 0 auto;
    width: 100px;
    min-height: 44px;
    border-radius: 10px;
  }
  .next-shell.is-ready .mix-script-page .script-dock-buttons > .primary {
    flex: 0 0 auto;
    width: 200px;
  }
  .next-shell.is-ready .mix-script-page .script-card,
  .next-shell.is-ready .mix-script-page .script-shot-card {
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(39, 65, 96, 0.035);
  }
  .next-shell.is-ready .mix-script-page .script-card {
    padding: 24px;
  }
  .next-shell.is-ready .mix-script-page .script-textarea > textarea {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    resize: none;
  }
  .next-shell.is-ready .mix-script-page .script-intro {
    padding: 14px 20px;
    border-radius: 14px;
  }
  .next-shell.is-ready .mix-script-page .script-chips > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    min-width: 92px;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 10px;
    box-shadow: none;
  }
  .next-shell.is-ready .mix-script-page .script-chips > .selected {
    border-color: #8bb8f0;
    background: #eaf3ff;
    color: #1d62b3;
    font-weight: 600;
  }
  .next-shell.is-ready .mix-script-page .script-number-field {
    grid-template-columns: 36px minmax(60px, 1fr) 36px;
    max-width: 260px;
    gap: 6px;
  }
  .next-shell.is-ready .mix-script-page .script-number-field > taro-button-core {
    width: 36px;
  }
  .next-shell.is-ready .mix-script-page .script-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    max-width: 680px;
  }
  .next-shell.is-ready .mix-script-page .script-spec {
    padding: 16px;
    border-radius: 12px;
  }
  .next-shell.is-ready .mix-script-page .script-target-input {
    box-sizing: border-box;
    height: 44px;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
  }
  .next-shell.is-ready .mix-script-page .script-target-input > taro-input-core {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    outline: none;
  }
  .next-shell.is-ready .mix-script-page .script-target-input input {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #173f73;
    font: inherit;
    line-height: normal;
    text-align: center;
    outline: none;
  }
  .next-shell.is-ready .mix-script-page .script-target-input:focus-within {
    border-color: #438bef;
    box-shadow: 0 0 0 3px rgba(36, 119, 232, 0.12);
  }
  .next-shell.is-ready .mix-script-page .script-shot-fields {
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
  }
  .next-shell.is-ready .mix-script-page .script-shot-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .next-shell.is-ready .mix-script-page .script-shot-tools > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    padding: 8px 16px;
  }
  .next-shell.is-ready .mix-script-page .script-shot-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 18px;
  }
  .next-shell.is-ready .mix-script-page .script-shot-actions > taro-button-core {
    flex: 0 0 auto;
    width: auto;
    min-width: 72px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 8px;
  }
  .next-shell.is-ready .mix-script-page .script-add-shot {
    max-width: 360px;
    margin-inline: auto;
  }
  .next-shell.is-ready .mix-script-page .script-pool-thumbnails {
    max-width: 580px;
  }
  .next-shell.is-ready .mix-script-page .script-narration-controls {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px 20px;
    padding: 20px;
    margin-top: 14px;
  }
  .next-shell.is-ready .mix-script-page .script-narration-controls > * {
    grid-column: 2;
    min-width: 0;
    margin: 0;
  }
  .next-shell.is-ready .mix-script-page .script-narration-controls > .script-field-label {
    grid-column: 1;
    align-self: start;
    padding-top: 8px;
  }
  .next-shell.is-ready .mix-script-page .script-narration-controls > .mix-digital-voice,
  .next-shell.is-ready .mix-script-page .script-narration-controls > .script-slider-field {
    grid-column: 1 / -1;
  }
  .next-shell.is-ready .mix-script-page .script-narration-controls > .script-slider-field {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
  }
  .next-shell.is-ready .mix-script-page .script-slider-field .script-field-label {
    margin: 0;
  }
  .next-shell.is-ready .mix-script-page .script-slider-field > .script-field-label > taro-text-core {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
  .next-shell.is-ready .mix-script-page .script-voice-mode-row {
    max-width: 480px;
  }
  .next-shell.is-ready .mix-script-page .script-switch-row > taro-view-core:first-child {
    flex: 0 1 420px;
  }
  .next-shell.is-ready .mix-script-page .script-switch-row {
    justify-content: flex-start;
    gap: 24px;
  }
  .next-shell.is-ready .mix-script-page .script-advanced .script-card {
    padding: 0;
  }
  .next-shell.is-ready .mix-script-page taro-button-core:focus-visible {
    outline: 3px solid #85b4ef;
    outline-offset: -3px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-spec-grid),
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-textarea.title) {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    gap: 16px 24px;
  }
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-spec-grid) > *,
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-textarea.title) > * {
    grid-column: 2;
    min-width: 0;
    margin: 0;
  }
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-spec-grid) > .script-step-heading,
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-textarea.title) > .script-step-heading,
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-textarea.title) > .script-common-narration {
    grid-column: 1 / -1;
  }
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-spec-grid) > .script-field-label,
  .next-shell.is-ready .mix-script-page .script-card:has(> .script-textarea.title) > .script-field-label {
    grid-column: 1;
    align-self: start;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
  }
  .next-shell.is-ready .mix-script-page .script-common-narration > .script-style-entry,
  .next-shell.is-ready .mix-script-page .script-common-narration > .script-narration-controls {
    margin-left: 160px;
    width: calc(100% - 160px);
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-script-page > .app-bar,
  .next-shell.is-ready .mix-script-page > .script-step-bar,
  .next-shell.is-ready .mix-script-page > .script-scroll,
  .next-shell.is-ready .mix-script-page > .script-dock.script-steps-dock {
    width: calc(100% - 40px);
  }
  .next-shell.is-ready .mix-script-page .script-shot-fields {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 14px;
  }
  .next-shell.is-ready .mix-script-page > .script-dock.script-steps-dock {
    gap: 12px;
    padding: 12px;
  }
  .next-shell.is-ready .mix-script-page .script-dock-buttons > taro-button-core {
    width: 80px;
  }
  .next-shell.is-ready .mix-script-page .script-dock-buttons > .primary {
    width: 144px;
  }
}

/* Asset centre: desktop sizing only; phone cards keep their existing layout. */
@media (min-width: 1024px) {
  .next-shell.is-ready .digital-assets-body { max-width: 1240px; margin: 0 auto; padding: 24px 28px 32px; gap: 20px; }
  .next-shell.is-ready .digital-assets-hero { grid-template-columns: minmax(0, 1fr) 260px; padding: 24px; box-shadow: none; }
  .next-shell.is-ready .digital-assets-title { font-size: 22px; line-height: 32px; }
  .next-shell.is-ready .digital-assets-stats { gap: 12px; }
  .next-shell.is-ready .digital-assets-stats > taro-view-core { padding: 14px; }
  .next-shell.is-ready .digital-assets-stats taro-text-core:first-child { font-size: 24px; line-height: 32px; }
  .next-shell.is-ready .digital-assets-tabs { width: 360px; max-width: 100%; }
  .next-shell.is-ready .digital-avatar-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
  .next-shell.is-ready .digital-avatar-card { max-width: 300px; width: 100%; box-shadow: 0 4px 14px #203f680a; }
  .next-shell.is-ready .digital-avatar-cover { aspect-ratio: 9 / 14; max-height: 380px; background: #121c2c; }
  .next-shell.is-ready .digital-avatar-poster img { width: 100% !important; height: 100% !important; max-width: none; max-height: none; left: 0 !important; top: 0 !important; transform: none !important; object-fit: contain !important; }
  .next-shell.is-ready .digital-avatar-delete { width: 34px; height: 34px; min-height: 34px; }
  .next-shell.is-ready .digital-voice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .next-shell.is-ready .digital-assets-flow-card { padding: 18px; }
  .next-shell.is-ready .digital-avatar-preview-mask { z-index: 160; align-items: center; padding: 24px; box-sizing: border-box; }
  .next-shell.is-ready .digital-avatar-preview-panel { position: relative; display: flex; flex-direction: column; width: min(720px, 100%); max-width: 720px; max-height: calc(100dvh - 48px); padding: 18px; border-radius: 20px; box-sizing: border-box; overflow: auto; }
  .next-shell.is-ready .digital-avatar-preview-heading { flex: none; }
  .next-shell.is-ready .digital-avatar-preview-video { position: relative !important; inset: auto !important; display: block; flex: none; width: 100% !important; height: min(66vh, 620px) !important; max-height: calc(100dvh - 190px); margin: 0; }
  .next-shell.is-ready .digital-avatar-preview-video video { position: relative !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
  .next-shell.is-ready .digital-avatar-preview-notice { flex: none; }
}

/* Shared standard-voice dialog: all editing modes, desktop only. */
@media (min-width: 768px) {
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 {
    align-items: center;
    padding: 24px;
    box-sizing: border-box;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-sheet {
    width: min(100%, 1040px);
    max-width: 1040px;
    height: min(780px, calc(100dvh - 48px));
    max-height: calc(100dvh - 48px);
    padding: 24px 28px 20px;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgb(17 35 54 / 24%);
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-handle { display: none; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-picker-head { gap: 20px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-picker-title { font-size: 22px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-picker-subtitle { font-size: 13px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-search-box {
    flex-basis: 46px;
    margin: 18px 0 14px;
    border-radius: 12px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-search input {
    box-sizing: border-box;
    height: 44px;
    padding: 0;
    line-height: normal;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-categories {
    white-space: normal;
    overflow: visible;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-categories > :first-child {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-categories taro-button-core {
    min-height: 34px;
    padding: 0 14px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-toolbar { margin-top: 14px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-help { font-size: 12px; margin: 10px 0; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-results {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 2px 2px 0;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 12px;
    padding: 0 2px 16px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-row {
    min-width: 0;
    padding-left: 12px;
    border-radius: 14px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-row:hover {
    border-color: #92b9ed;
    box-shadow: 0 3px 12px rgb(28 82 148 / 7%);
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-select {
    min-height: 100px;
    padding: 12px 10px;
    gap: 8px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-tags > *,
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-status { font-size: 12px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-footer {
    flex: 0 0 auto;
    gap: 24px;
    padding-top: 16px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-footer-copy > :last-child {
    max-width: none;
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-footer > taro-button-core.primary {
    flex: 0 0 180px;
    width: 180px !important;
    min-height: 46px;
    border-radius: 12px;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-language-notice {
    flex: 0 0 auto;
    max-height: 70px;
    overflow: auto;
    font-size: 12px;
    line-height: 1.6;
  }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 taro-button-core:focus-visible {
    outline: 2px solid #1762c4;
    outline-offset: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-sheet { padding: 20px; }
}
@media (min-width: 768px) and (max-height: 600px) {
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 { padding: 12px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-sheet { height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); padding: 14px 20px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-search-box { margin: 10px 0; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-toolbar { margin-top: 8px; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-help { margin: 6px 0; }
  .next-shell.is-ready .mix-voice-overlay.voice-picker-v2 .mix-voice-footer { padding-top: 10px; }
}

/* AI-assisted mix briefing: desktop presentation only, shared business form unchanged. */
@media (min-width: 768px) {
  .next-shell.is-ready .mix-page .mix-ai-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    align-content: start;
    gap: 18px 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
    padding: 8px 24px 40px;
  }
  .next-shell.is-ready .mix-page .mix-ai-form > * { grid-column: 1 / -1; min-width: 0; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-back { justify-self: start; margin: 0; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-intro { margin: 0 0 4px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-title { font-size: 24px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-copy { font-size: 14px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-card {
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 4px 18px rgb(40 65 96 / 4%);
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-brief {
    box-sizing: border-box;
    width: 100%;
    height: 180px;
    min-height: 0;
    padding: 14px 16px;
    overflow: hidden;
    border-radius: 12px;
    background: #f8fafd;
    font-size: 15px;
    line-height: 1.75;
  }
  /* Taro's host and the native editable element need an explicit shared height. */
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-brief > textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    resize: none;
    overflow-y: auto;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-brief:focus-within,
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-number:focus-within {
    border-color: #2479eb;
    box-shadow: 0 0 0 3px rgb(36 121 235 / 12%);
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-brief > textarea:focus { outline: none; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-specs {
    max-width: 680px;
    gap: 20px;
    margin-top: 24px;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-specs > * { min-width: 0; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-number {
    box-sizing: border-box;
    height: 48px;
    padding: 0 14px;
    border-radius: 10px;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-number taro-input-core {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 0;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-number input {
    box-sizing: border-box;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: normal;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-more {
    text-align: left;
    font-size: 13px;
    padding-top: 16px;
    margin-top: 22px;
  }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-options { padding-bottom: 4px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-chips > taro-button-core { font-size: 13px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-toggle { max-width: 680px; }
  .next-shell.is-ready .mix-page .mix-ai-form > .mix-ai-expect {
    grid-column: 1;
    margin: 0;
    align-self: center;
    font-size: 12px;
    line-height: 1.7;
  }
  .next-shell.is-ready .mix-page .mix-ai-form > .mix-ai-submit {
    grid-column: 2;
    grid-row: 4;
    align-self: center;
    width: 240px;
    min-height: 48px;
    border-radius: 12px;
    font-size: 15px;
  }
  .next-shell.is-ready .mix-page .mix-ai-form > .mix-ai-error { margin: 0; }
  .next-shell.is-ready .mix-page .mix-ai-form taro-button-core:focus-visible {
    outline: 2px solid #2479eb;
    outline-offset: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .next-shell.is-ready .mix-page .mix-ai-form { grid-template-columns: minmax(0, 1fr); padding-inline: 16px; }
  .next-shell.is-ready .mix-page .mix-ai-form .mix-ai-card { padding: 20px; }
  .next-shell.is-ready .mix-page .mix-ai-form > .mix-ai-submit { grid-column: 1; grid-row: auto; justify-self: end; }
}

.material-native-media .material-card-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
}

.material-native-media .material-card-image img {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
  transform: none;
}

@media(min-width:1100px){.next-shell.is-ready .avatar-workspace-page .avatar-workbench-hero{grid-column:1 / -1;grid-row:1;box-sizing:border-box;}}