/* Brand and CJK fallback. Reference CSS remains separately archived. */
@import url('/fonts/cjk.css');
body,.font-puhuiti,.font-dingtalk{font-family:'SC','PingFang SC','Microsoft YaHei',Arial,sans-serif!important}
@media(max-width:640px){
 #root>div{gap:8px;padding-left:8px;padding-right:8px}
 #root aside{width:48px}
 #root aside>a>span,#root aside nav a>span,#root aside>div>div:first-child{display:none}
 #root aside nav a{width:40px;height:44px;justify-content:center;padding-left:0;padding-right:0}
 #root header{gap:6px}
 #root header>h1{font-size:18px}
 #inspiration-title h1{font-size:24px;padding-top:40px;padding-left:10px;padding-right:10px}
 #root main{padding-left:10px;padding-right:10px}
 #root [aria-hidden="true"]:has(>img[src*="flame-mascot"]){display:none}
 #root [data-slot="app-content-scroll"] .mt-32,#root [data-slot="app-content-scroll"] .mt-40{margin-top:48px}
 #root .h-publish-upload-stepper{height:auto;min-height:80px;gap:3px;padding:12px 4px}
 #root .h-publish-upload-stepper>.contents>div{flex-direction:column;gap:4px;flex:1;min-width:0}
 #root .h-publish-upload-stepper>.contents>div>span:last-child{font-size:11px;white-space:nowrap}
 #root .h-publish-upload-stepper>.contents>span{min-width:5px;margin-left:2px;margin-right:2px}
}
@media(max-width:640px){
 /* Match the compact mobile sidebar, then let original controls wrap at usable widths. */
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]){left:74px!important;right:18px!important;z-index:41;box-sizing:border-box}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-testid="video-prompt-layout"]{max-width:none!important}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-toolbar"]{flex-direction:column;align-items:stretch;gap:8px}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-toolbar"]>div{flex:none;width:100%}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-toolbar"]>div>div{flex-wrap:wrap}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-toolbar"] [data-testid="prompt-tool-field"]{flex:0 1 auto;min-width:0;max-width:100%}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-field-key="model"],#root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-toolbar"] div:has(>button[aria-label^="视频参数设置："]){flex-basis:100%;width:100%}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-field-key="model"] button{width:100%;white-space:nowrap}
 body:has([data-testid="prompt-composer"][data-compact="true"]) [data-slot="popover-content"]:has(>[data-slot="combo-settings-panel"]){width:calc(100vw - 32px);max-width:calc(100vw - 32px)}
 body:has([data-testid="prompt-composer"][data-compact="true"]) [data-slot="combo-settings-panel"]{min-width:0;width:100%;max-width:100%}
 body:has([data-testid="prompt-composer"][data-compact="true"]) [data-slot="combo-settings-panel"] [role="radiogroup"][aria-label="比例"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
 body:has([data-testid="prompt-composer"][data-compact="true"]) [data-slot="combo-settings-panel"] [role="radiogroup"][aria-label="比例"]>[role="radio"]{min-width:0;flex:none;width:auto;padding-left:4px;padding-right:4px}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-body"]:has(>[data-slot="prompt-composer-references"]){flex-direction:column;align-items:stretch;gap:12px}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-body"]:has(>[data-slot="prompt-composer-references"]) [data-slot="prompt-composer-references"]{flex:none;width:100%;overflow:visible}
 #root .fixed.left-56:has([data-testid="video-prompt-layout"]) [data-slot="prompt-composer-body"]:has(>[data-slot="prompt-composer-references"]) [data-slot="prompt-composer-editor"]{flex:1 1 auto;width:100%;min-height:64px}
 /* The digital-human body uses the same reference/editor slots but is not a video layout. */
 #root .fixed:has([data-testid="digital-human-prompt-layout"]){left:74px!important;right:18px!important;z-index:41;box-sizing:border-box}
 #root [data-testid="digital-human-prompt-layout"] [data-slot="prompt-composer-body"]{flex-direction:column;align-items:stretch;gap:12px}
 #root [data-testid="digital-human-prompt-layout"] [data-slot="prompt-composer-references"]{flex:none;width:100%;overflow:visible}
 #root [data-testid="digital-human-prompt-layout"] [data-slot="prompt-composer-editor"]{flex:1 1 auto;width:100%;min-height:64px}
 #root [data-testid="digital-human-prompt-layout"] [data-slot="prompt-composer-editor"] textarea{width:100%;min-width:0}
 [role="dialog"]:has([role="tab"][aria-controls$="-content-year"]) [data-slot="tabs-list"][data-variant="pill"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;width:100%;gap:4px;padding:4px;border-radius:12px}
 [role="dialog"]:has([role="tab"][aria-controls$="-content-year"]) [data-variant="pill"] [role="tab"]{height:auto;min-height:48px;padding:6px 8px;flex-direction:column;gap:2px;font-size:13px}
 [role="dialog"]:has([role="tab"][aria-controls$="-content-year"]) p.text-3xl{padding:0 22px;font-size:20px;line-height:28px}
 [role="dialog"]:has([role="tab"][aria-controls$="-content-year"]) [data-slot="dialog-close"]{top:10px;right:8px;width:40px;height:40px}
}