.PopUpProvider{z-index:100;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.PopUpProvider .PopUpFrame .PopUpBackground{content:"";z-index:-1;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff3;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.PopUpProvider .PopUpFrame.active .PopUpBackground{opacity:1;pointer-events:all}.PopUpProvider .PopUpFrame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.PopUpProvider .PopUpFrame .PopUpContent{pointer-events:all;opacity:0;transition:opacity .3s ease-in-out}.PopUpProvider .PopUpFrame.active .PopUpContent{opacity:1}.PopUpProvider .PopUpFrame .PopUpContent.is-dragging{-webkit-user-select:none;user-select:none}.PopUpProvider .PopUpFrame .PopUpContent.is-dragging .PopUpWindow .header{cursor:grabbing}.SettingPop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border:1px solid #5a687f38;border-radius:20px;flex-direction:column;width:420px;display:flex;overflow:hidden;box-shadow:0 24px 60px #222d4433,0 1px #ffffffd1}.SettingPop-header{cursor:grab;background:#303745;border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;height:40px;padding:0 8px 0 16px;display:flex}.SettingPop-title{color:#f5f7fa;font-size:15px;font-weight:760}.SettingPop-closeBtn{color:#c7ceda;cursor:pointer;background:#ffffff14;border:0;border-radius:14px;place-items:center;width:28px;height:28px;display:grid}.SettingPop-closeBtn:hover{background:#ffffff29}.SettingPop-content{flex-direction:column;gap:18px;padding:22px 18px;display:flex}.SettingPop-field{flex-direction:column;gap:8px;display:flex}.SettingPop-label{color:#6d7686;font-size:13px;font-weight:600}.SettingPop-dropdown{position:relative}.SettingPop-dropdownTrigger{color:#172033;cursor:pointer;background:#ffffff9e;border:1px solid #5a687f38;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 14px;font-size:15px;display:flex}.SettingPop-dropdownTrigger:disabled{color:#7f8998;cursor:not-allowed;opacity:.72}.SettingPop-dropdown.open .SettingPop-dropdownTrigger,.SettingPop-dropdownTrigger:not(:disabled):hover{border-color:#5a687f66}.SettingPop-dropdownValue{color:#172033;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.SettingPop-defaultModel,.SettingPop-optionMeta,.SettingPop-helpText{color:#6d7686;font-size:12px;font-weight:500}.SettingPop-dropdown svg{color:#6d7686;flex:none}.SettingPop-dropdownMenu{z-index:1;background:#fff;border:1px solid #5a687f38;border-radius:12px;flex-direction:column;width:100%;max-height:140px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 16px 34px #222d442e}.SettingPop-dropdownOption{color:#172033;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:10px 14px;font-size:14px;display:flex}.SettingPop-dropdownOption:hover{background:#5a687f14}.SettingPop-dropdownOption.selected{color:#2a3b57;background:#5a687f1f;font-weight:700}.SettingPop-inputWrap{background:#ffffff9e;border:1px solid #5a687f38;border-radius:12px;align-items:center;height:42px;padding:0 14px;display:flex}.SettingPop-inputWrap:focus-within{border-color:#4f7df385}.SettingPop-input{color:#172033;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:15px}.SettingPop-input::placeholder{color:#9aa3b2}.SettingPop-input:disabled{color:#7f8998;cursor:not-allowed}.SettingPop-helpText{margin:0}.SettingPop-error{color:#8d2f2f;background:#fff1f1c7;border:1px solid #c4454538;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.SettingPop-error button{color:#7a2828;cursor:pointer;background:#ffffffa3;border:1px solid #c4454547;border-radius:10px;flex:none;padding:7px 10px;font-size:12px;font-weight:700}.SettingPop-footer{border-top:1px solid #5a687f38;flex:none;justify-content:flex-end;gap:12px;padding:13px 18px;display:flex}.SettingPop-cancelBtn{color:#172033;cursor:pointer;background:0 0;border:1px solid #5a687f38;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600}.SettingPop-cancelBtn:hover{background:#5a687f14}.SettingPop-applyBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2a3b57,#111826);border:0;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:700;box-shadow:0 10px 20px #0b122054}.SettingPop-applyBtn:hover{filter:brightness(1.1)}.SettingPop-applyBtn:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.25);opacity:.58}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fbfcff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 26% 18%,#e8f2ffe0,#0000 26%),radial-gradient(circle at 77% 20%,#f4ebff94,#0000 28%),linear-gradient(#fff 0%,#f7faff 100%);width:100%;min-width:320px;height:100%;position:relative;overflow:hidden}.app-shell:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1f293714}.stage-layer{z-index:1;position:absolute;inset:0}.shape-stage-canvas{width:100%;height:100%;display:block}.topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:28px 32px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand h1{color:#18202f;letter-spacing:0;margin:0;font-size:26px;font-weight:760}.toolbar{pointer-events:auto;gap:14px;display:flex}.toolbar button{color:#293241;cursor:pointer;background:#ffffff80;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #1f29371a}.toolbar button:hover{background:#ffffffd1}.toolbar button:disabled{cursor:default;opacity:.48}.interaction-layer{z-index:2;pointer-events:none;flex-direction:column;align-items:center;width:min(720px,100vw - 36px);display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.prompt-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#ffffff9e;border:1px solid #5a687f38;border-radius:16px;gap:14px;width:100%;padding:12px;display:flex;position:relative;box-shadow:0 20px 54px #222d4421,inset 0 1px #ffffffd1}.prompt-card:focus-within{border-color:#4f7df385;box-shadow:0 24px 60px #222d4429,0 0 0 4px #4f7df31f}.prompt-card input{color:#172033;letter-spacing:0;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 20px;font-size:18px}.prompt-card input::placeholder{color:#7b8494}.prompt-card input:disabled{color:#8b93a2}.prompt-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b8cff,#4664ec);border:0;border-radius:13px;flex:none;place-items:center;width:32px;height:32px;font-size:23px;line-height:0;display:grid;box-shadow:0 12px 24px #4664ec47}.prompt-card button:disabled{cursor:default;opacity:.48;box-shadow:none}.examples,.message-line,.agent-preview,.hint-line{color:#6d7686;letter-spacing:0;text-align:center;margin:14px 0 0;font-size:14px}.status-row{pointer-events:auto;align-items:center;gap:10px;margin-top:16px;display:flex}.settings-btn{color:#253044;font-family:var(--font-ui);cursor:pointer;background:#ffffff94;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:720;transition:background .15s;display:flex;box-shadow:inset 0 0 0 1px #4755691a}.settings-btn:hover{background:#ffffffc7}.settings-btn svg{color:#475569}.status-line{color:#475569;background:#ffffff94;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #4755691a}.status-line:before{content:"";background:#65c875;border-radius:999px;width:8px;height:8px}.status-line[data-state=connecting]:before,.status-line[data-state=switching]:before,.status-line[data-state=submitting]:before,.status-line[data-state=generating]:before{background:#4f7df3}.status-line[data-state=error]:before,.status-line[data-state=disconnected]:before{background:#f15d68}.status-line strong{color:#253044;font-weight:720}.message-line,.agent-preview{width:min(680px,100%);min-height:18px}.agent-preview{text-overflow:ellipsis;white-space:nowrap;color:#8a6476;overflow:hidden}.view-more-pill{color:#6d7686;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:pointer;pointer-events:auto;background:linear-gradient(#ffffff80,#fff0 55%),#ffffff52;border:1px solid #ffffff8c;border-radius:999px;margin-top:14px;padding:3px 16px;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 20px #222d4426,0 1px 1px #ffffff80}.view-more-pill:hover{background:#ffffff9e}.interaction-layer{transition:left .35s cubic-bezier(.32,.72,.28,1),transform .35s cubic-bezier(.32,.72,.28,1)}@media (width>=1100px){.panel-open .interaction-layer{align-items:flex-start;left:32px;transform:translateY(-50%)}.panel-open .interaction-layer .examples,.panel-open .interaction-layer .message-line,.panel-open .interaction-layer .agent-preview{text-align:left}}@media (width>=1400px){.panel-open .interaction-layer{left:calc(50% - 645px)}.panel-open .chat-panel{right:calc(50% - 645px)}}.chat-panel{z-index:4;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);visibility:hidden;background:#f2fbff73;border:1.5px solid #fffc;border-radius:20px;flex-direction:column;width:min(477px,100vw - 48px);transition:transform .35s cubic-bezier(.32,.72,.28,1),right .35s cubic-bezier(.32,.72,.28,1),visibility .35s;display:flex;position:absolute;top:96px;bottom:70px;right:24px;overflow:hidden;transform:translate(calc(100% + 48px));box-shadow:0 20px 54px #222d4421,0 4px 4px #00000040,inset 0 1px #ffffffd1}.chat-panel.open{visibility:visible;transform:translate(0)}.chat-panel-header{border-bottom:1px solid #5a687f38;flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-panel-header h2{color:#18202f;margin:0;font-size:16px;font-weight:600}.chat-panel-close{color:#6d7686;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:2px;display:grid}.chat-panel-close:hover{color:#253044;background:#1f29370f}.chat-panel-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-empty-state{color:#7b8494;text-align:center;margin:auto;font-size:14px}.chat-row{display:flex}.chat-bubble{word-break:break-word;max-width:328px;padding:10px 14px;font-size:14px;line-height:1.45;position:relative;box-shadow:0 2px 8px #222d441a}.chat-bubble:before{content:"";width:8px;height:12px;clip-path:path("M8 0 Q7 7 0 12 L8 12 Z");position:absolute;bottom:0}.chat-bubble p{margin:0}.chat-bubble pre{overflow:auto}.chat-row[data-role=assistant] .chat-bubble{color:#6d7686;background:#fff;border-radius:14px 14px 14px 0}.chat-row[data-role=assistant] .chat-bubble:before{background:#fff;left:-8px}.chat-typing-bubble{align-items:center;gap:6px;padding:13px 16px;display:flex}.chat-typing-dot{background:#6d7686;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chat-typing-wave}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-typing-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.chat-row[data-role=user]{justify-content:flex-end}.chat-row[data-role=user] .chat-bubble{color:#fff;background:#5b8cff;border-radius:14px 14px 0}.chat-row[data-role=user] .chat-bubble:before{background:#5b8cff;right:-8px;transform:scaleX(-1)}.chat-row[data-role=error]{justify-content:center}.chat-row[data-role=error] .chat-bubble{color:#9f2434;background:#fff2f4;border:1px solid #d13c4a3d;border-radius:12px;max-width:100%;box-shadow:0 2px 8px #9f243414}.chat-row[data-role=error] .chat-bubble:before{display:none}.chat-row[data-role=system]{justify-content:center}.chat-tool-bubble{color:#6d7686;cursor:pointer;background:#5a687f17;border-radius:10px;flex-direction:column;width:100%;display:flex;overflow:hidden}.chat-tool-bubble[data-collapsed=true]{flex-direction:row;align-items:center;gap:8px;padding:8px 12px}.chat-tool-header{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-tool-header-left{align-items:center;gap:8px;min-width:0;display:flex}.chat-tool-icon,.chat-tool-chevron{color:#6d7686;flex:none;display:flex}.chat-tool-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.chat-tool-divider{background:#5a687f38;flex:none;height:1px}.chat-tool-detail{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.chat-tool-detail-line{color:#6d7686;word-break:break-word;margin:0;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5}.chat-tool-detail-title{font-weight:500}.hint-line{z-index:2;width:min(760px,100vw - 28px);position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=700px){.topbar{padding:18px}.brand h1{font-size:21px}.toolbar{gap:8px}.toolbar button{width:34px;height:34px}.interaction-layer{width:calc(100vw - 24px);top:46%}.prompt-card{border-radius:14px;gap:10px;padding:10px}.prompt-card input{padding:0 8px;font-size:19px}.prompt-card button{border-radius:11px;width:52px;height:52px;font-size:28px}}