/* Layout only. Desktop, handlers, requests and persisted data are unchanged. */
@media (max-width: 820px) {
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) {
    --creation-page-gutter: 12px;
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) > section {
    padding-bottom: 18px;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea),
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .compliance-highlight-layer {
    font-size: 16px;
    line-height: 1.65;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select) {
    min-height: 44px;
    min-width: 0;
    max-width: 100%;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .section-heading {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .section-heading h1 { font-size: 24px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .section-heading > div:last-child {
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .section-heading button {
    min-height: 44px;
    white-space: normal;
    font-size: 12px;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar {
    padding: 10px;
    margin-bottom: 16px;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar > button { min-height: 44px; justify-self: start; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar > button:first-child { grid-column: 1; grid-row: 1; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar > button:not(:first-child) { grid-column: 3; grid-row: 1; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar > .project-save-state { grid-column: 2; grid-row: 1; min-width: 0; justify-self: end; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .project-editor-bar label { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .copy-first-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) :is(.requirement-card, .copy-editor-card) { min-height: 0; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .requirement-detail textarea { min-height: 160px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .compliance-copy-editor { min-height: 250px; margin-top: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .compliance-copy-editor > * { min-height: 250px; padding: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .copy-editor-card .panel-top { gap: 10px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) :is(.copy-editor-card .panel-top button, .copy-reference-section button, .copy-version-actions button) { min-height: 40px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .copy-reference-section > header { flex-wrap: wrap; gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .copy-reference-section small { font-size: 12px; line-height: 1.6; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .category-asset-grid { grid-template-columns: minmax(0, 1fr); padding: 10px; gap: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .category-asset-grid > article { padding: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-category-block > header { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-category-block > header > div { min-width: 0; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .category-header-actions { grid-column: 1 / -1; width: 100%; grid-template-columns: auto repeat(2, minmax(0, 1fr)); }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .category-header-actions button { min-height: 44px; font-size: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-name-row { flex-wrap: wrap; gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-name-row h3 { font-size: 16px; overflow-wrap: anywhere; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-name-row p { font-size: 12px; line-height: 1.65; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-card-actions { margin-left: auto; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-card-actions button { width: 40px; height: 40px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-prompt-collapse > summary { min-height: 48px; font-size: 13px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-prompt-collapse-state:before { font-size: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-prompt-editor > button { min-height: 40px; font-size: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-prompt-editor textarea { padding-bottom: 60px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-generation-modes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-generation-modes > :is(button, label) { min-width: 0; min-height: 76px; padding: 9px 5px; flex-direction: column; justify-content: center; text-align: center; gap: 6px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-generation-modes strong { font-size: 12px; line-height: 1.5; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-generation-modes small { font-size: 10px; line-height: 1.45; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-choice-workspace { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .selected-asset-stage > img { height: 190px; object-fit: contain; background: #f0edf6; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .selected-asset-stage > strong { font-size: 14px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .selected-asset-stage > small { white-space: normal; font-size: 11px; line-height: 1.5; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .selected-save-library { min-height: 44px; font-size: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery > div { width: auto; min-width: 0; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery img { height: 120px; object-fit: contain; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery .candidate-library-action { min-height: 44px; font-size: 11px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery :is(.candidate-preview, .candidate-remove) { width: 40px; height: 40px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-candidate-gallery .candidate-preview { top: 52px; bottom: auto; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .asset-voice-selector :is(p, small) { font-size: 12px; line-height: 1.6; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .prompt-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .prompt-settings { position: static; padding: 14px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .prompt-settings > label { font-size: 13px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .model-choice-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .model-choice-cards button { min-width: 0; min-height: 80px; padding: 10px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .model-choice-cards strong { font-size: 13px; line-height: 1.5; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .model-choice-cards small { font-size: 11px; line-height: 1.6; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .prompt-layout .segment-copy-card { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 12px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .segment-copy-head { flex-wrap: wrap; gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .segment-copy-fields label { font-size: 13px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .prompt-layout .segment-copy-card textarea { min-height: 156px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .segment-video-actions .primary { min-height: 48px; font-size: 15px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .segment-video-download { min-height: 44px; font-size: 13px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .video-version-switcher { flex-wrap: wrap; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .video-version-switcher button { min-height: 40px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer { padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); gap: 8px; min-height: 70px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer > div:last-child { display: flex; flex: 1; min-width: 0; gap: 8px; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer :is(.primary, .outline) { min-height: 46px; font-size: 13px; line-height: 1.5; white-space: normal; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer .primary { max-width: none; }
  .benniao-mobile-layout .mobile-tab-shell .five-step-create:not(.talking-head-create) { padding-bottom: calc(160px + env(safe-area-inset-bottom, 0px)); }
  .benniao-mobile-layout .mobile-tab-shell .five-step-create:not(.talking-head-create) .creation-footer { bottom: calc(var(--mobile-tabbar-height, 70px) + env(safe-area-inset-bottom, 0px)); padding-bottom: 10px; }
  .benniao-mobile-layout .remix-studio-toolbar { position: static; margin: 58px 12px 12px; padding: 12px; gap: 8px; }
  .benniao-mobile-layout .remix-studio-toolbar strong { font-size: 14px; line-height: 1.5; }
  .benniao-mobile-layout .remix-video-studio .five-step-create { padding-top: 0; }
  .benniao-mobile-layout .poster-maker-page[aria-label="自动混剪"] { min-height: 0; height: calc(100dvh - 58px); }
  .benniao-mobile-layout .poster-maker-page[aria-label="爆款创作"] { min-height: 0; height: calc(100dvh - 58px - var(--mobile-tabbar-height, 70px) - env(safe-area-inset-bottom, 0px)); }
  .benniao-mobile-layout:has(.five-step-create:not(.talking-head-create)) .modal-card:has(:is(.asset-library-picker-grid, .manual-asset-form, .rename-asset-form, .ai-asset-prompt, .asset-preview-modal)) { width: 100%; max-height: 92dvh; padding: 52px 14px calc(18px + env(safe-area-inset-bottom, 0px)); }
  .benniao-mobile-layout:has(.five-step-create:not(.talking-head-create)) .modal-card .asset-library-picker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .benniao-mobile-layout:has(.five-step-create:not(.talking-head-create)) .modal-card:has(.asset-library-picker-grid) .modal-close { width: 44px; height: 44px; top: 7px; right: 7px; }
}
@media (max-width: 420px) {
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer > div:first-child { display: none; }
  .benniao-mobile-layout .five-step-create:not(.talking-head-create) .creation-footer .outline { flex: 0 0 auto; padding-inline: 12px; }
}