/* V5: restore reference composition; share exact control geometry across modes. */
:root{--conversation-width:688px;--control-height:40px;--control-icon:20px;--control-line:20px}
body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--canvas)}button,input,select,textarea{font-family:inherit}.conversation-topbar{background:var(--canvas)}
body:not(.in-conversation) .page{padding-top:70px;padding-bottom:40px}.conversation-welcome{display:none}.brand-stage{display:block;position:relative;inset:auto;width:100%;height:184px;border:1px solid var(--line);border-top:0;border-radius:0 0 35px 35px;box-shadow:0 2px 2px #00000002}.brand-line{position:absolute;display:flex;left:27px;bottom:26px;top:auto;gap:8px;max-width:none;flex-wrap:nowrap;align-items:baseline;white-space:nowrap}.brand-line span{font-family:"Courier New",monospace;font-size:29px;font-weight:400;font-style:italic;letter-spacing:-1.1px;color:#949690}.brand-line strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;letter-spacing:.4px;color:#949690}.reference-robot{width:180px;height:175px;right:47px;bottom:-42px;z-index:4}
.composer{margin-top:13px;padding:23px 13px 13px 20px;border-radius:32px;min-height:163px;max-height:none;border:1px solid #e7e9e3;background:linear-gradient(135deg,#fdfdfd,#fff);box-shadow:0 7px 4px #2a2e2b06,0 13px 18px #2a2e2b06,inset 0 0 0 2px #ffffff96}.prompt-wrap textarea{min-height:67px;font-size:16px;line-height:1.65;padding:0 0 12px}.prompt-wrap textarea::placeholder{color:#858a82}.composer__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:var(--control-height);gap:10px;margin-top:10px}.toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.mode-selector{position:relative;display:inline-grid;align-items:center;flex:0 0 auto;height:var(--control-height);width:122px;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid)}#conversationMode{appearance:none;-webkit-appearance:none;width:100%;height:var(--control-height);max-width:none;margin:0;padding:0 30px 0 15px;border:0;border-radius:22px;font-size:13px;line-height:var(--control-line);background:transparent;color:var(--ink);cursor:pointer}.mode-selector>svg{position:absolute;right:11px;top:calc((var(--control-height) - 14px)/2);width:14px;height:14px;pointer-events:none;color:var(--muted)}.upload-anchor{flex:0 0 auto}#attachButton,#parameterButton{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);min-height:var(--control-height);padding:0 12px;gap:8px;font-size:13px;font-weight:400;line-height:var(--control-line);white-space:nowrap;border:1px solid var(--line);background:var(--surface-solid);border-radius:22px;box-shadow:inset 0 1px 2px #fff6;margin:0;vertical-align:middle}#attachButton{min-width:40px}#attachButton>svg,#parameterButton>svg:first-child{display:block;width:var(--control-icon);height:var(--control-icon);flex:0 0 var(--control-icon);margin:0}#parameterButton>svg:first-child{display:none}#attachButton>span,#parameterButton>span:not([hidden]){display:inline-flex;align-items:center;height:var(--control-line);line-height:var(--control-line)}#parameterButton .chevron{display:block;width:14px;height:14px;flex:0 0 14px;margin:0}#parameterButton.is-enabled>span:first-of-type:after{margin-left:6px;width:4px;height:4px;flex:0 0 4px}.submit-button{width:64px;min-width:64px;height:44px;border-radius:25px;background:linear-gradient(#424542,#242624);border:1px solid #70766e;box-shadow:inset 0 2px 2px #ffffff32,0 3px 3px #00000022;padding:0;display:grid;place-items:center}.submit-button svg{width:25px;height:25px;margin:0}
.quick-start{margin:37px -12px 0;width:calc(100% + 24px);max-width:none}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.reference-card{display:block;position:relative;height:185px;border-radius:22px 22px 15px 15px;background:#f4f4f1;border:1px solid #4f554806;box-shadow:none;overflow:hidden}.reference-card .feature-card__copy{position:absolute;top:0;left:0;width:100%;height:102px;padding:28px 10px 0;display:block}.reference-card .feature-card__copy strong{display:block;font-size:16px;line-height:22px;color:#111812;font-weight:500;white-space:nowrap}.reference-card .feature-card__copy strong:after{content:none}.reference-card .editorial-note{display:block;margin-top:13px}.reference-card .editorial-note b{display:block;font-size:8px;line-height:7.5px;letter-spacing:.9px}.reference-card .editorial-note>span{display:block}.reference-card .mini-calendar{display:grid;top:69px;right:12px}.reference-card .mini-calendar small{display:block}.reference-card .reference-photo{display:block;position:absolute;bottom:0;left:0;width:100%;height:90px}.reference-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #2a302808}.try-conversation{display:none!important}.conversation-disclaimer{font-size:9px;margin-top:25px;color:#a3aaa0}
body.in-conversation .brand-stage{display:none}body.in-conversation .studio{background:linear-gradient(transparent,var(--canvas) 13%)}body.in-conversation .composer{margin-top:0}body.in-conversation .page{padding-top:100px;padding-bottom:310px}
.mode-context{display:flex;align-items:center;gap:12px;margin:0 0 8px;min-height:34px;color:var(--muted);font-size:11px;line-height:1.7}.mode-context button{display:inline-flex;align-items:center;gap:6px;border:1px dashed #bfcdb6;background:var(--surface);color:#6d805d;border-radius:8px;padding:8px 10px;font-size:11px;flex-shrink:0;line-height:16px}.mode-context button svg{width:16px;height:16px}.mode-error{font-size:11px;line-height:1.7;color:#a45e3c;padding:9px 12px;border-radius:9px;background:#faf0e9;margin:0 0 8px}.mode-settings-dialog{width:620px;border-radius:23px}.mode-settings-dialog .dialog-head h2{font-size:22px}.mode-settings-dialog .dialog-head>div>p:last-child{font-size:12px;line-height:1.8;max-width:440px}.mode-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:22px 28px}.mode-settings-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.mode-settings-fields select,.mode-settings-fields input,.mode-settings-fields textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);padding:12px;color:var(--ink);font-size:13px;line-height:1.6}.mode-settings-fields .full-width{grid-column:1/-1}.mode-settings-fields textarea{resize:vertical;min-height:84px}.mode-workflow-spec{grid-column:1/-1;margin:0;padding:11px 13px;background:var(--surface-muted);border-radius:9px;font-size:11px;color:var(--muted);line-height:1.8}.mode-settings-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px;border-top:1px solid var(--line)}.mode-settings-dialog footer span{font-size:10px;line-height:1.8;color:var(--muted);max-width:70%}.mode-settings-dialog footer button{white-space:nowrap;font-size:12px;padding:11px 16px}.reference-filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 13px 32px}.reference-filter-chips>span{font-size:10px;border:1px solid var(--line);padding:4px 8px;border-radius:6px;color:var(--muted)}
.project-sidebar .new-project,.project-sidebar .running-work{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;column-gap:12px;align-items:center;height:44px;min-height:44px;padding:0 14px;font-size:13px;line-height:20px}.project-sidebar .new-project>svg,.project-sidebar .running-work>svg{display:block;width:20px;height:20px;align-self:center;margin:0}.project-sidebar .new-project>span:last-child,.project-sidebar .running-work>b{margin:0;justify-self:end;font-size:11px;line-height:20px;min-width:20px}.project-account{align-items:center}.project-account .nav-account{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;line-height:16px;min-height:38px}.project-account .avatar{display:grid;place-items:center;line-height:1;width:30px;height:30px;padding:0}.project-account .nav-account small{line-height:14px;margin-top:1px}
#themeButton{position:relative;display:block;width:86px;min-width:86px;height:34px;border:1px solid #d7dad5;border-radius:18px;background:#e5e7e4;padding:0;overflow:hidden;box-shadow:none;color:#292e28}#themeButton .theme-label{position:absolute;left:11px;top:0;display:flex;height:32px;align-items:center;line-height:16px;font-size:10px;letter-spacing:.5px}#themeButton .theme-thumb{position:absolute;left:55px;top:2px;width:28px;height:28px;border:1px solid #cbd0c8;border-radius:50%;background:#fff;display:grid;place-items:center;transition:transform .22s ease;box-shadow:0 1px 2px #0001}#themeButton .theme-thumb svg{display:block;width:20px;height:20px;color:#171c18}#themeButton[aria-checked=true]{background:#111712;border-color:#101411;color:#fff}#themeButton[aria-checked=true] .theme-thumb{transform:translateX(-53px)}#themeButton[aria-checked=true] .theme-label{left:39px}
html[data-theme=dark] .brand-line span,html[data-theme=dark] .brand-line strong{color:#b4b8ae}html[data-theme=dark] .reference-card{background:#dee2d7;border-color:#e3ebdb10}html[data-theme=dark] .reference-card .feature-card__copy strong{color:#293023}html[data-theme=dark] .composer{background:linear-gradient(135deg,#252b27,#202622);border-color:#424b3b;box-shadow:0 8px 22px #0002,inset 0 0 0 1px #fff1}html[data-theme=dark] #attachButton,html[data-theme=dark] #parameterButton,html[data-theme=dark] .mode-selector{background:#282f29;color:var(--ink);box-shadow:none}html[data-theme=dark] #conversationMode{color:var(--ink);color-scheme:dark}html[data-theme=dark] .mode-error{background:#3c3026;color:#dfbb99}html[data-theme=dark] .mode-context button{color:#b0c49b;border-color:#718361}
@media(max-width:1100px) and (min-width:761px){.brand-line{left:23px;gap:6px}.brand-line span{font-size:25px}.brand-line strong{font-size:25px}.reference-robot{right:20px;width:150px;height:146px;bottom:-33px}.feature-grid{gap:13px}.reference-card .feature-card__copy strong{font-size:14px}.reference-card .mini-calendar{right:9px}.toolbar-left{gap:6px}#attachButton,#parameterButton{padding:0 10px;font-size:12px}.mode-selector{width:115px}#conversationMode{font-size:12px;padding-left:12px}.submit-button{width:56px;min-width:56px}}
@media(max-width:930px) and (min-width:761px){#attachButton>span{display:none}.brand-line{flex-wrap:wrap;max-width:275px;white-space:normal;bottom:28px}.brand-line strong{font-size:27px}.quick-start{margin-left:0;width:100%}.reference-card .feature-card__copy{padding-left:8px}.reference-card .feature-card__copy strong{font-size:12px}.reference-card .mini-calendar{display:none}}
@media(max-width:760px){body:not(.in-conversation) .page{padding:60px 21px 32px}.brand-stage{height:168px;border-radius:0 0 28px 28px}.brand-line{left:18px;bottom:32px;max-width:220px;flex-wrap:wrap;gap:6px;white-space:normal}.brand-line span{font-size:23px}.brand-line strong{font-size:22px;letter-spacing:0}.reference-robot{width:130px;height:127px;right:0;bottom:-32px}.composer{padding:23px 11px 12px 15px;min-height:162px;border-radius:27px;margin-top:12px}.prompt-wrap textarea{font-size:14px;min-height:69px}.composer__toolbar{gap:6px;margin-top:7px}.toolbar-left{gap:5px}:root{--control-height:36px;--control-icon:18px}.mode-selector{width:113px}#conversationMode{font-size:12px;padding:0 25px 0 11px}.mode-selector>svg{width:12px;height:12px;right:9px;top:12px}#attachButton,#parameterButton{padding:0 9px;font-size:12px;gap:5px}#attachButton{min-width:36px;width:36px;padding:0}#attachButton>span{display:none}#parameterButton .chevron{width:12px;height:12px;flex-basis:12px}.submit-button{width:48px;min-width:48px;height:38px}.submit-button svg{width:23px;height:23px}.quick-start{width:100%;margin:29px 0 0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-card{height:185px}.reference-card .feature-card__copy{padding:28px 12px 0}.reference-card .feature-card__copy strong{font-size:16px}.reference-card .mini-calendar{right:13px}.mode-context{gap:8px;font-size:10px;flex-wrap:wrap}.mode-context button{font-size:10px}.mode-settings-fields{padding:18px 20px;gap:15px 12px}.mode-settings-dialog footer{padding:15px 20px}.mode-settings-dialog .dialog-head h2{font-size:19px}.mode-settings-dialog .dialog-head>div>p:last-child{font-size:11px}.mode-settings-fields select,.mode-settings-fields input,.mode-settings-fields textarea{font-size:12px;padding:10px}.reference-filter-chips{margin-left:0}body.in-conversation .page{padding-bottom:340px}.project-account .nav-account{font-size:11px}}
@media(max-width:390px){body:not(.in-conversation) .page{padding-left:17px;padding-right:17px}.brand-line{left:16px;max-width:185px}.brand-line span{font-size:21px}.brand-line strong{font-size:20px}.reference-robot{width:115px;height:112px;right:-5px;bottom:-29px}.composer{padding-left:11px;padding-right:9px}.toolbar-left{gap:3px}.mode-selector{width:104px}#conversationMode{font-size:11px;padding-left:9px}#parameterButton{font-size:11px;padding:0 7px;gap:3px}#parameterButton .chevron{display:none}#parameterButton.is-enabled>span:first-of-type:after{margin-left:4px}.submit-button{width:40px;min-width:40px}.feature-grid{gap:12px}.reference-card .feature-card__copy{padding-left:10px;padding-right:10px}.reference-card .feature-card__copy strong{font-size:15px}.reference-card .mini-calendar{right:8px}.mode-settings-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#themeButton .theme-thumb{transition:none}}
/* Center the native select and chevron inside the same border-box as sibling controls. */
#conversationMode{height:calc(var(--control-height) - 2px)}.mode-selector>svg{top:50%;transform:translateY(-50%)}