*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#101112;--panel:#191a1b;--line:rgba(232,238,235,.09);--text:#f0f2ef;--muted:#969b99;--teal:#79d8ce;--blue:#268cff}
html,body{width:100%;height:100%;min-width:320px;margin:0}
body.agent-page{overflow:hidden;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans SC',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.agent-app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -15%,rgba(36,68,70,.12),transparent 44%),#101112}
.agent-topbar{height:64px;flex:0 0 64px;padding:0 clamp(18px,4.3vw,62px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(13,15,16,.72)}
.agent-brand{display:flex;align-items:center;gap:9px;width:max-content;color:#e9efec;font-size:11px;font-weight:650;letter-spacing:.16em;text-decoration:none}
.agent-brand img{width:25px;height:25px;object-fit:contain}
.agent-brand b{color:#8bdcd3}
.agent-breadcrumb{display:flex;align-items:center;gap:10px;color:#828987;font-size:12px}
.agent-breadcrumb i{font-style:normal;color:#464d4b}
.agent-breadcrumb strong{color:#d8dfdc;font-weight:500}
.home-link{justify-self:end;color:#a5afac;font-size:11px;text-decoration:none;transition:color .18s}
.home-link:hover{color:var(--teal)}
.home-link span{margin-right:6px;font-size:15px}
.conversation{min-height:0;flex:1;overflow:auto;scrollbar-color:#343a39 transparent;scrollbar-width:thin}
.conversation-inner{width:min(100% - 48px,990px);min-height:100%;margin:0 auto;padding:42px 0 38px}
.conversation-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}
.today-label{color:#d9dfdc;font-size:20px;font-weight:550}
.conversation-heading h1{margin:5px 0 0;color:#7e8784;font-size:12px;font-weight:400}
.new-chat{height:38px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#222425;color:#dce2df;font-size:11px}
.new-chat:hover{background:#2b2e2f}
.context-note{display:flex;align-items:center;gap:9px;margin:0 0 25px;padding:11px 13px;border:1px solid rgba(121,216,206,.11);border-radius:9px;background:rgba(121,216,206,.035);color:#899491;font-size:11px;line-height:1.6}
.status-light{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#72c9a8;box-shadow:0 0 8px rgba(114,201,168,.45)}
.message-list{display:flex;flex-direction:column;gap:16px}
.assistant-message{display:flex;align-items:flex-start;gap:12px;max-width:800px;padding:17px 18px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025)}
.assistant-avatar{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border:1px solid rgba(121,216,206,.2);border-radius:9px;background:rgba(121,216,206,.08)}
.assistant-avatar img{width:17px;height:17px;object-fit:contain}
.assistant-copy strong{display:flex;align-items:center;gap:8px;color:#e3eae6;font-size:11px;font-weight:600}
.assistant-copy strong span{color:#81d9cf;font-size:9px;font-weight:500}
.assistant-copy p{margin:10px 0 6px;color:#c3ceca;font-size:13px;line-height:1.85}
.assistant-copy small{color:#7e8986;font-size:10px;line-height:1.6}
.user-message{align-self:flex-end;max-width:min(78%,690px);padding:12px 15px;border:1px solid rgba(121,216,206,.13);border-radius:13px 13px 4px 13px;background:rgba(82,139,132,.13);color:#e8efec;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.composer-dock{flex:0 0 auto;padding:16px 24px 22px;background:linear-gradient(0deg,#101112 72%,rgba(16,17,18,.85));}
.chat-composer-wrap{position:relative;width:min(100%,990px);margin:0 auto;padding:13px 15px 10px;border:1px solid rgba(232,238,235,.1);border-radius:19px;background:linear-gradient(145deg,rgba(29,30,31,.97),rgba(21,23,24,.98));box-shadow:0 18px 55px rgba(0,0,0,.25)}
.chat-input-row{display:flex;align-items:flex-start;gap:12px;min-height:94px}
.chat-upload{width:48px;height:55px;flex:0 0 48px;margin-top:2px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.055);border-radius:6px;background:rgba(255,255,255,.075);color:#bdc6c2;font-size:22px;transform:rotate(-6deg);transition:.18s}
.chat-upload:hover{border-color:rgba(121,216,206,.32);color:#e7f5f1;background:rgba(121,216,206,.1)}
.chat-input-row textarea{width:100%;min-width:0;min-height:82px;max-height:220px;padding:7px 2px;resize:vertical;border:0;outline:0;background:transparent;color:#edf3f0;font-size:13px;line-height:1.75}
.chat-input-row textarea::placeholder{color:#727b79}
.attached-references{display:flex;flex-wrap:wrap;gap:7px;margin:0 2px 10px 61px}
.attached-references[hidden]{display:none}
.reference-chip{max-width:280px;padding:5px 9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(121,216,206,.16);border-radius:7px;background:rgba(121,216,206,.06);color:#c9d9d4;font-size:10px}
.reference-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-chip small{flex:0 0 auto;color:#83d9cf;font-size:9px}
.chat-composer-footer{min-height:41px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(232,238,235,.085)}
.chat-tools,.composer-actions{min-width:0;display:flex;align-items:center;gap:8px}
.current-mode{display:inline-flex;align-items:center;gap:5px;padding:0 6px;color:#73cfff;font-size:11px;white-space:nowrap}
.current-mode i{font-size:15px;font-style:normal}
.tool-button{height:29px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;background:transparent;color:#b0b8b5;font-size:10px;white-space:nowrap;transition:.18s}
.tool-button:hover,.tool-button[aria-expanded="true"]{background:rgba(255,255,255,.07);color:#f2f6f3}
.tool-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tool-button b{font-size:15px;font-weight:500}
.inactive-tool{color:#68716e}
.composer-actions{gap:10px}
.enter-hint{color:#66716e;font-size:9px;white-space:nowrap}
.send-button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:50%;background:#363839;color:#dce5e1;transition:.18s}
.send-button:hover{background:#4b9c93;color:#071412}
.send-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.parameter-menu,.reference-menu{position:absolute;z-index:30;bottom:calc(100% + 12px);left:0;width:min(470px,calc(100vw - 32px));padding:16px;border:1px solid rgba(225,233,229,.1);border-radius:15px;background:rgba(34,35,36,.98);box-shadow:0 20px 65px rgba(0,0,0,.55);backdrop-filter:blur(22px)}
.parameter-menu[hidden],.reference-menu[hidden],.model-empty[hidden]{display:none}
.parameter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#e8eeeb;font-size:12px}
.auto-control{position:relative;display:flex;align-items:center;gap:8px;color:#aeb7b4;font-size:10px;cursor:pointer}
.auto-control input{position:absolute;width:1px;height:1px;opacity:0}
.auto-control i{width:29px;height:17px;padding:2px;border-radius:12px;background:#59615f;transition:background .18s}
.auto-control i:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:#f5f8f6;transition:transform .18s}
.auto-control input:checked+i{background:#168cff}
.auto-control input:checked+i:after{transform:translateX(12px)}
.auto-control input:focus-visible+i{outline:2px solid #c2e6ff;outline-offset:2px}
.media-tabs{height:38px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border-radius:9px;background:rgba(255,255,255,.07)}
.media-tab{border:0;border-radius:7px;background:transparent;color:#9ca5a2;font-size:11px;transition:.18s}
.media-tab.selected{background:#393b3c;color:#f2f5f3;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.preference-label{margin:19px 0 10px;color:#858f8c;font-size:10px}
.ratio-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;padding:5px;border-radius:10px;background:rgba(255,255,255,.055)}
.ratio-choice{min-width:0;height:59px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;background:transparent;color:#929c99;transition:.18s}
.ratio-choice:hover{background:rgba(255,255,255,.06);color:#e8efec}
.ratio-choice.selected{background:#3a3c3d;color:#e7eeeb}
.ratio-icon{width:15px;height:11px;display:grid;place-items:center;border:1px solid #aab3b0;border-radius:2px;color:#c2cbc7;font-size:9px;line-height:1}
.ratio-auto{width:14px;height:14px;border:0;font-size:15px}
.ratio-icon.square{width:12px;height:12px}
.ratio-icon.portrait{width:9px;height:14px}
.ratio-icon.wide{width:17px;height:9px}
.ratio-icon.landscape{width:14px;height:10px}
.ratio-icon.tall{width:8px;height:15px}
.ratio-icon.ultrawide{width:18px;height:7px}
.ratio-choice small{font-size:9px;white-space:nowrap}
.model-label{margin-top:18px}
.model-picker{width:100%;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;background:rgba(255,255,255,.075);color:#cbd3d0;font-size:10px;transition:.18s}
.model-picker:hover,.model-picker[aria-expanded="true"]{border-color:rgba(121,216,206,.2);background:rgba(121,216,206,.07)}
.model-picker span:last-child{color:#899390}
.model-empty{margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:8px;color:#899390;font-size:10px;text-align:center}
.popup-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.popup-heading span{color:#e2e9e6;font-size:11px}
.popup-heading small{color:#78827f;font-size:9px}
.reference-option{width:100%;min-height:40px;padding:6px 9px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#c6cfcb;text-align:left;transition:background .16s}
.reference-option:hover{background:rgba(255,255,255,.07)}
.reference-index{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border:1px solid rgba(121,216,206,.16);border-radius:6px;color:#8edcd2;font-size:10px}
.reference-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.reference-meta{color:#75817e;font-size:9px}
.reference-empty{margin:0;padding:13px 5px;color:#8b9693;font-size:10px;line-height:1.7;text-align:center}
.agent-toast{position:fixed;z-index:50;left:50%;bottom:120px;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid rgba(121,216,206,.17);border-radius:20px;background:rgba(29,38,38,.96);color:#d9eeea;font-size:11px;box-shadow:0 12px 40px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:.2s}
.agent-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.agent-topbar{height:56px;flex-basis:56px;padding:0 15px;grid-template-columns:1fr auto}.agent-breadcrumb{display:none}.agent-brand{font-size:10px}.agent-brand img{width:22px;height:22px}.home-link{font-size:10px}.conversation-inner{width:calc(100% - 30px);padding:28px 0}.today-label{font-size:18px}.context-note{font-size:10px}.assistant-message{padding:14px 12px;gap:9px}.assistant-copy p{font-size:12px}.composer-dock{padding:10px 10px max(12px,env(safe-area-inset-bottom))}.chat-composer-wrap{padding:10px 10px 8px;border-radius:15px}.chat-input-row{min-height:78px;gap:9px}.chat-upload{width:38px;height:44px;flex-basis:38px;font-size:19px}.chat-input-row textarea{min-height:72px;font-size:12px}.attached-references{margin-left:47px}.chat-composer-footer{align-items:flex-start;gap:5px}.chat-tools{flex-wrap:wrap;gap:2px}.current-mode{padding:0 3px;font-size:10px}.tool-button{height:27px;padding:0 5px;font-size:9px}.tool-button svg{width:12px;height:12px}.tool-button b{font-size:14px}.enter-hint{display:none}.send-button{width:31px;height:31px;flex-basis:31px}.parameter-menu,.reference-menu{width:min(470px,calc(100vw - 20px));padding:12px}.ratio-grid{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:3px}.ratio-choice{height:52px}.agent-toast{bottom:112px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 图片生成模式：模型、分辨率、数量与精确尺寸 */
.image-model-options{max-height:min(46vh,360px);margin-top:8px;padding:5px;overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#252627}
.image-model-options[hidden],.image-only-settings[hidden],.subject-panel[hidden],.subject-form[hidden]{display:none}
.video-only-settings[hidden],.ratio-grid[hidden]{display:none}
.image-model-options>p{margin:5px 9px 8px;color:#848d8a;font-size:10px}
.image-model-option{width:100%;min-height:56px;padding:8px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#e6ebe8;text-align:left;cursor:pointer}
.image-model-option:hover{background:rgba(255,255,255,.06)}
.image-model-option.selected{background:#393b3c}
.model-glyph{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.055);font-size:19px}
.image-model-copy{min-width:0;flex:1;display:grid;gap:4px}
.image-model-copy strong{font-size:11px;font-weight:600}
.image-model-copy strong i{color:#3faeff;font-size:10px;font-style:normal}
.image-model-copy strong em{margin-left:4px;padding:1px 4px;border-radius:4px;background:#283b45;color:#b4e9ff;font-size:8px;font-style:normal}
.image-model-copy small{overflow:hidden;color:#89928f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.image-model-option>b{visibility:hidden;color:#f0f2ef;font-size:14px}
.image-model-option.selected>b{visibility:visible}
.image-only-settings{max-height:min(49vh,390px);overflow:auto}
.image-only-settings .preference-label{margin-top:17px}
.segmented-options{min-height:38px;padding:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:9px;background:rgba(255,255,255,.075)}
.segmented-options button{min-width:0;padding:0 5px;border:0;border-radius:7px;background:transparent;color:#adb5b2;font-size:10px;white-space:nowrap}
.segmented-options button.selected{background:#414344;color:#f1f4f2}
.segmented-options button i{color:#42aaff;font-size:9px;font-style:normal}
.quantity-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.dimension-row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 20px;align-items:center;gap:7px}
.dimension-row label{height:37px;min-width:0;padding:0 10px;display:flex;align-items:center;gap:9px;border-radius:8px;background:rgba(255,255,255,.075);color:#9ba4a1;font-size:10px}
.dimension-row input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e4e9e6;font-family:inherit;font-size:10px;font-weight:600;text-align:right}
.dimension-link{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#737d7a;font-size:17px}
.dimension-link.linked{color:#dce5e1}
.dimension-row>small{color:#9ba4a1;font-size:9px}
.image-mode .parameter-menu{max-height:min(78vh,650px);overflow:auto}
.image-mode .media-tabs{grid-template-columns:1fr}
.image-mode .media-tab[data-media="video"]{display:none!important}
.video-mode .parameter-menu{max-height:min(78vh,650px);overflow:auto}
.video-mode .auto-control{display:none}
.video-ratio-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.video-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:9px;background:rgba(255,255,255,.07)}
.video-mode-choice{min-height:34px;padding:4px;border:0;border-radius:7px;background:transparent;color:#aab3b0;font-size:10px;white-space:nowrap}
.video-mode-choice.selected{background:#414344;color:#f2f5f3}
.duration-control{min-height:55px;padding:8px 9px;display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.045)}
.duration-slider-wrap{min-width:0}
.duration-slider-wrap input{width:100%;height:16px;margin:0;accent-color:#e9f1ee}
.duration-ticks{display:flex;justify-content:space-between;color:#818b88;font-size:9px}
.duration-control>label{height:35px;padding:0 8px;display:flex;align-items:center;gap:8px;border-radius:7px;background:rgba(255,255,255,.075);color:#aab3b0}
.duration-control>label input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e8eeeb;font-family:inherit;font-size:11px;text-align:right}
.duration-control>label span{font-size:9px}
.subject-panel{padding-top:2px}
.subject-panel .reference-empty{padding:21px 8px 13px}
.create-subject{width:100%;height:36px;margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.07);color:#d9e1dd;font-size:11px}
.create-subject:hover,.subject-form button:hover{background:rgba(121,216,206,.12);color:#e8fffb}
.subject-form{padding:10px;display:grid;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}
.subject-form label{color:#9ca6a2;font-size:10px}
.subject-form input{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;outline:0;background:#1d1f20;color:#eaf0ed;font-size:11px}
.subject-form input:focus{border-color:rgba(121,216,206,.5)}
.subject-form>div{display:flex;justify-content:flex-end;gap:7px}
.subject-form button{height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.06);color:#c8d1cd;font-size:10px}
@media(max-width:640px){.image-model-options{max-height:34vh}.image-only-settings{max-height:42vh}.dimension-row{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 18px;gap:4px}.dimension-row label{padding:0 7px}}