*{box-sizing:border-box}html,body,#root{height:100%}body{color:#1f2329;background:#f5f6fa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif}.page{height:100vh;padding:16px 20px 20px;overflow:hidden}.crumb{color:#8b94a5;margin-bottom:8px;font-size:12px}.brand{align-items:center;gap:10px;height:32px;display:flex}.brand svg{color:#1f63ff}.brand b{font-size:18px}.brand span{color:#677083;background:#eef3ff;border:1px solid #d9e4ff;border-radius:999px;padding:4px 8px;font-size:12px}.workspace{grid-template-columns:7fr 3fr;gap:16px;height:calc(100vh - 82px);margin-top:14px;display:grid}.leftPane,.rightPane{background:#fff;border:1px solid #e5e8f0;border-radius:12px;box-shadow:0 2px 8px #141c2d09}.leftPane{flex-direction:column;min-width:0;padding:18px 20px;display:flex}.rightPane{flex-direction:column;min-width:330px;display:flex;overflow:hidden}.blockHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.blockHead b{font-size:15px}.blockHead em{color:#99a3b4;font-size:12px;font-style:normal}.promptCard{background:#fbfcff;border:1px solid #dfe4ee;border-radius:10px;flex-direction:column;height:46%;min-height:300px;display:flex;position:relative;overflow:hidden}.promptCard:focus-within{border-color:#2f6bff;box-shadow:0 0 0 3px #2f6bff14}textarea{resize:none;color:#242933;background:0 0;border:0;outline:0;flex:1;padding:16px;font-size:14px;line-height:1.85}.insideTools{background:#fff;border-top:1px solid #edf0f6;align-items:center;gap:10px;min-height:50px;padding:10px 12px;display:flex}.insideTools button{color:#1f63ff;cursor:pointer;background:#f2f6ff;border:1px solid #bfd0ff;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 12px;font-weight:600;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.chips small{color:#9aa3b2;font-size:12px}.chips span{color:#2453d4;background:#eef4ff;border-radius:999px;padding:6px 9px;font-size:12px}.chips i{cursor:pointer;margin-left:6px;font-style:normal}.sceneBar{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 16px;display:flex}.sceneBar span{color:#697386;margin-right:2px;font-size:13px}.sceneBar button{color:#4d5766;cursor:pointer;background:#f7f8fb;border:1px solid #e1e5ee;border-radius:8px;height:32px;padding:0 13px}.ref{margin-top:0}.refUpload{cursor:pointer;color:#596579;background:#fbfcff;border:1.5px dashed #b8c5dd;border-radius:10px;justify-content:center;align-items:center;gap:14px;height:118px;display:flex}.upIcon{color:#1f63ff;background:#edf4ff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.refUpload b{color:#2e3643}.refUpload p{color:#9099a8;margin:6px 0 0;font-size:12px}.bottomBar{border-top:1px solid #edf0f6;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:14px;display:flex}.bottomBar button{cursor:pointer;border-radius:8px;height:38px;padding:0 24px;font-weight:600}.ghost{color:#596579;background:#fff;border:1px solid #dfe4ee;align-items:center;gap:6px;display:flex}.primary{color:#fff;background:#1f63ff;border:1px solid #1f63ff}.rightTabs{border-bottom:1px solid #edf0f6;align-items:center;gap:6px;height:52px;padding:8px;display:flex}.rightTabs button{color:#596579;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;height:34px;font-size:13px;display:flex}.rightTabs .on{color:#1f63ff;background:#edf4ff;font-weight:600}.panelBody{flex:1;padding:14px;overflow:auto}.selectLine{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.selectLine button,.selectLine label{color:#4c5668;cursor:pointer;background:#fff;border:1px solid #dfe4ee;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13px;display:flex}.selectLine label{color:#1f63ff;background:#f5f8ff;border-color:#bdd0ff}.voiceList{flex-direction:column;gap:9px;display:flex}.voiceItem{border:1px solid #edf0f6;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.wave{color:#1f63ff;background:#f2f6ff;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.voiceItem div:nth-child(2){flex:1;min-width:0}.voiceItem b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.voiceItem p{color:#858e9d;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden}.voiceItem button{color:#4d5766;background:#fff;border:1px solid #dfe4ee;border-radius:7px;height:28px}.empty{text-align:center;color:#9aa3b2;background:#f7f8fb;border-radius:10px;margin-top:20px;padding:40px 0}.recordGroup h4{color:#626b7a;font-size:13px}.cfg{flex-direction:column;gap:12px;display:flex}.cfg label{font-size:13px;font-weight:600}.cfg input,.cfg select{border:1px solid #dfe4ee;border-radius:8px;width:100%;height:36px;margin-top:7px;padding:0 10px}.cfg p{color:#8b94a5;font-size:12px;line-height:1.7}@media (width<=960px){.page{height:auto;overflow:auto}.workspace{grid-template-columns:1fr;height:auto}.promptCard{height:390px}.rightPane{min-width:0}}.mentionMenu{z-index:20;background:#fff;border:1px solid #dfe4ee;border-radius:10px;width:260px;padding:8px;position:absolute;bottom:58px;left:18px;box-shadow:0 12px 32px #18224029}.mentionMenu .menuTitle{color:#8b94a5;padding:6px 8px;font-size:12px}.mentionMenu label,.mentionMenu button{color:#303744;cursor:pointer;text-align:left;background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;font-size:13px;display:flex}.mentionMenu label:hover,.mentionMenu button:hover{color:#1f63ff;background:#f4f7ff}
