/* I：原生输入框承接系统键盘，复用原发送/ASR状态。 */
.figma-chat-screen .composer-bar{background:#f7f7f7 url('/assets/figma/47542.svg') center/100% 100% no-repeat;padding-bottom:env(safe-area-inset-bottom,0px)}
.figma-chat-screen .composer-hint:empty{display:none}
.figma-chat-screen.is-recording .composer-hint{display:none}
.figma-chat-screen .composer-bar:has(.hold-speech){background-image:url('/assets/figma/b2d89.svg')}
.figma-chat-screen .composer{max-width:none;width:100%;padding:clamp(12px,1.291667vw,31px) clamp(12px,1.416667vw,34px);gap:clamp(10px,1vw,24px);align-items:flex-end}
.figma-chat-screen .composer .input-mode{width:clamp(44px,3.5vw,84px);min-width:clamp(44px,3.5vw,84px);height:clamp(52px,3.75vw,90px);min-height:clamp(52px,3.75vw,90px);padding:0;align-items:center;justify-content:center}
.figma-chat-screen .input-mode .design-icon{width:clamp(32px,3.5vw,84px);height:clamp(32px,3.5vw,84px)}
.figma-chat-screen .input-mode .voice-design-icon{width:clamp(27px,2.25vw,54px);height:clamp(27px,2.25vw,54px);transform:rotate(90deg)}
.figma-chat-screen .composer textarea{height:clamp(52px,3.75vw,90px);min-height:clamp(52px,3.75vw,90px);max-height:min(190px,max(112px,7.916667vw),32vh);min-width:0;padding:clamp(10px,.833333vw,20px) clamp(12px,.958333vw,23px);font-size:clamp(20px,1.5vw,36px);line-height:1.4;border:0;border-radius:7px;background:white url('/assets/figma/901ee.svg') center/100% 100% no-repeat;box-shadow:0 0 4px #0000000a;overflow-y:auto;scrollbar-width:thin}
.figma-chat-screen .composer textarea::placeholder{font-size:clamp(18px,1.333333vw,32px);color:#b3b3b3}
.figma-chat-screen .composer textarea:focus::placeholder{color:transparent}
.figma-chat-screen .composer.has-text textarea{background-image:url('/assets/figma/79981.svg')}
.figma-chat-screen .composer.is-multiline textarea{background-image:url('/assets/figma/967f8.svg')}
.figma-chat-screen .composer:focus-within:not(.has-text) textarea{background-image:url('/assets/figma/764ad.svg')}
.figma-chat-screen .composer.is-multiline:focus-within textarea{background-image:url('/assets/figma/8c393.svg')}
.figma-chat-screen .composer-bar:has(.is-multiline){background-image:url('/assets/figma/63230.svg')}
.figma-chat-screen .composer .hold-speech{min-height:clamp(52px,3.75vw,90px);border:0;border-radius:7px;background:#fff;box-shadow:0 0 4px #00000014;font-size:clamp(22px,1.666667vw,40px);font-weight:600}
.figma-chat-screen .composer .send-text{height:clamp(52px,3.75vw,90px);min-height:clamp(52px,3.75vw,90px);min-width:clamp(64px,6.333333vw,152px);padding:0 12px;font-size:clamp(22px,1.833333vw,44px);font-weight:500;background:#00aeef url('/assets/figma/6418f.svg') center/100% 100% no-repeat;border-radius:7px}
.figma-chat-screen .composer:not(.has-text):not(:focus-within) .send-text{display:none}
.figma-chat-screen .composer textarea:focus-visible{outline:2px solid #00aeef88;outline-offset:1px}
.record-overlay{position:absolute;inset:0;z-index:40;touch-action:none;user-select:none;-webkit-user-select:none}
.record-visual{position:absolute;top:0;bottom:0;left:var(--record-left,0px);right:0;overflow:hidden;pointer-events:none;--record-mask:url('/assets/figma/905b2.svg')}
.record-fade{position:absolute;bottom:-2px;left:0;width:100%;height:62.5%;background:linear-gradient(180deg,#f7f7f700,#f7f7f7 50%);mask:var(--record-mask) 0 0/100% 100% no-repeat}
.record-glow{position:absolute;left:50%;top:77.5625%;width:120.131291%;aspect-ratio:2196/738;transform:translateX(-50%)}
.record-glow:before{content:'';position:absolute;inset:-17.01% -5.71%;background:url('/assets/figma/9d0a1.svg') center/100% 100% no-repeat}
.is-cancel .record-glow:before{background-image:url('/assets/figma/2a9ea.svg')}
.record-dots{position:absolute;top:77.5625%;left:50%;transform:translateX(-50%);width:85.776805%;aspect-ratio:1569/882.241}
/* 原PNG是1765×3137竖向纹理；画板蒙版为1568.43×882.24横向，保留原旋转而非拉扁圆点。 */
.record-dot-mask{position:absolute;left:50%;top:50%;width:56.22951%;height:177.84257%;transform:translate(-50%,-50%) rotate(-90deg);mask:url('/assets/figma/54e4a.png') center/100% 100% no-repeat}
.record-dot-fill{position:absolute;left:50%;top:50%;width:177.84257%;height:56.22951%;transform:translate(-50%,-50%) rotate(90deg);background:url('/assets/figma/1e573.svg') center/100% 100% no-repeat}
.record-visual p{position:absolute;top:74.4375%;left:0;right:0;text-align:center;font-size:clamp(22px,2vw,48px);line-height:1.4;color:#7a7a7a;padding:0 12px;white-space:normal}
.record-overlay.is-cancel p{color:#e85a51}
.chat-layout .toast.asr-empty-toast{top:50%;bottom:auto;transform:translate(-50%,-50%);background:#0008;border-radius:clamp(12px,1.333333vw,32px);padding:clamp(16px,1.666667vw,40px);font-size:clamp(22px,2vw,48px);line-height:1.4;letter-spacing:.02em;pointer-events:none;animation:none}
@media(max-width:700px){
 .figma-chat-screen .composer{padding:10px 10px;gap:8px}
 .figma-chat-screen .composer .input-mode{min-width:40px;width:40px}
 .figma-chat-screen .composer-hint{padding:8px 14px 0;font-size:17px;min-height:0}
 .figma-chat-screen .voice-help,.figma-chat-screen .voice-review{padding:0 14px 8px;font-size:17px}
 .record-visual p{top:65%}
 .record-glow{top:75%;width:200%}
 .record-dots{top:75%;width:160%}
 .record-fade{height:70%}
}
/* 手机键盘压缩可见高度时保留编辑和发送空间。 */
.compact-input .figma-chat-screen .composer{padding-top:6px;padding-bottom:6px}
.compact-input .figma-chat-screen .composer textarea{max-height:max(52px,min(112px,calc(var(--visible-height) - 255px)))}
.mobile-summary-link,.mobile-ai-notice{display:none}
@media(max-width:700px){
 .figma-chat-screen .figma-sidebar{min-height:0;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px}
 .figma-chat-screen .figma-settings,.figma-chat-screen .figma-chat-header{display:none}
 .figma-chat-screen .mobile-summary-link{display:flex;position:relative;grid-column:3;grid-row:1;align-items:center;justify-content:center;min-height:40px;padding:4px 8px;font-size:17px;line-height:1.4;white-space:nowrap;color:#234e76}
 .mobile-summary-link .unopened-dot{position:absolute;top:4px;right:0;margin:0;width:7px;min-width:7px;height:7px}
 .figma-chat-screen .mobile-ai-notice{display:block;grid-column:1/-1;grid-row:3;margin:0;text-align:center;font-size:12px;line-height:1.5;white-space:nowrap;color:#64656a}
}