:root{--blue:#1769ff;--ink:#101828;--muted:#667085;--sub:#98a2b3;--line:#e6edf5;--side:#f7f9fd;--hover:#f2f6ff;--danger:#d92d20}*{box-sizing:border-box}html,body{height:100%;width:100%}body{margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}.app{height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.side{min-height:0;border-right:1px solid var(--line);background:var(--side);display:grid;grid-template-rows:72px minmax(0,1fr) 72px;overflow:hidden}.side-head{height:72px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:820;letter-spacing:.08em;color:#0f62ef}.chat-list{min-height:0;overflow:auto;padding:12px 10px}.chat-item{width:100%;border:0;background:transparent;border-radius:10px;padding:12px 13px;margin-bottom:4px;text-align:left;cursor:pointer;color:#344054;transition:background .14s,color .14s}.chat-item:hover{background:var(--hover)}.chat-item.active{background:#eaf2ff;color:#0f62ef}.chat-title{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{margin-top:4px;font-size:12px;color:var(--sub)}.side-foot{padding:12px 10px;border-top:1px solid var(--line);background:var(--side)}.new-chat{width:100%;height:46px;border:0;border-radius:10px;background:#1769ff;color:#fff;font-weight:740;cursor:pointer}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr);background:#fff}.top{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.top-actions{display:flex;align-items:center;gap:10px}.select{height:40px;min-width:240px;border:1px solid #d8e3f2;border-radius:10px;background:#fff;padding:0 42px 0 12px;color:#263247;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 22px) 17px,calc(100% - 16px) 17px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.icon-btn{height:40px;min-width:40px;border:0;border-radius:10px;background:transparent;color:#344054;cursor:pointer;padding:0 12px}.icon-btn:hover{background:var(--hover)}.main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.messages{min-height:0;overflow:auto;padding:28px max(28px,calc((100vw - 1120px)/2))}.empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#98a2b3;font-size:15px}.empty b{display:block;color:#1d2939;font-size:28px;margin-bottom:10px}.msg{display:flex;margin:0 0 18px}.msg.user{justify-content:flex-end}.bubble{max-width:min(760px,86%);padding:13px 16px;border-radius:16px;line-height:1.72;font-size:15px;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:#1769ff;color:#fff;border-bottom-right-radius:5px}.msg.assistant .bubble{background:#f8fafc;border:1px solid var(--line);border-bottom-left-radius:5px}.bubble pre{margin:12px 0 2px;padding:14px;border-radius:10px;background:#111827;color:#e5e7eb;overflow:auto;white-space:pre;font-size:13px;line-height:1.55}.bubble code{font-family:"SFMono-Regular",Consolas,monospace}.bubble :not(pre)>code{background:#eef2f7;border-radius:5px;padding:1px 5px}.composer{padding:16px max(28px,calc((100vw - 1120px)/2)) 22px;background:#fff;border-top:1px solid var(--line)}.bar{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:end}.input{min-height:56px;max-height:150px;resize:none;border:1px solid #d8e2f0;border-radius:12px;background:#fff;padding:15px 16px;outline:none;line-height:1.55}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ab4ff;box-shadow:0 0 0 3px rgba(23,105,255,.07)}.send{height:56px;border:0;border-radius:12px;background:#1769ff;color:#fff;font-weight:740;cursor:pointer}.send:disabled{opacity:.5;cursor:not-allowed}.drawer-mask{position:fixed;inset:0;background:rgba(15,23,42,.16);opacity:0;pointer-events:none;transition:.18s}.drawer{position:fixed;right:0;top:0;height:100%;width:min(460px,100vw);background:#fff;border-left:1px solid var(--line);transform:translateX(100%);transition:.22s;display:grid;grid-template-rows:64px minmax(0,1fr) 72px}.drawer.open{transform:translateX(0)}.drawer-mask.open{opacity:1;pointer-events:auto}.drawer-head{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-title{font-size:18px;font-weight:760}.drawer-body{min-height:0;overflow:auto;padding:18px 20px}.model-row{display:flex;gap:8px;margin-bottom:16px}.model-row select{flex:1}.field{margin-bottom:14px}.field label{display:block;margin-bottom:7px;font-size:13px;color:#667085}.field input,.field textarea,.field select{width:100%;border:1px solid #d8e2f0;border-radius:10px;background:#fff;padding:11px 42px 11px 12px;outline:none}.field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 22px) 18px,calc(100% - 16px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field textarea{min-height:78px;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.plain{border:0;background:transparent;color:#667085;cursor:pointer}.danger{color:var(--danger)}.primary{height:44px;border:0;border-radius:10px;background:#1769ff;color:#fff;font-weight:720;padding:0 18px;cursor:pointer}.toast{position:fixed;left:50%;top:18px;transform:translateX(-50%) translateY(-8px);opacity:0;background:rgba(16,24,40,.9);color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:760px){body{overflow:hidden}.app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.side{height:132px;border-right:0;border-bottom:1px solid var(--line);grid-template-rows:56px minmax(0,1fr)}.side-head{height:56px}.side-foot{display:none}.chat-list{display:flex;gap:8px;overflow-x:auto;padding:8px 10px 12px}.chat-item{min-width:150px;margin:0}.workspace{min-height:0}.top{padding:0 14px}.brand{font-size:20px}.select{min-width:0;width:calc(100vw - 190px)}.messages{padding:20px 14px}.composer{padding:12px 14px 16px}.grid{grid-template-columns:1fr}.bubble{max-width:92%}}

.hidden{display:none!important}.settings-workspace{background:#fff}.settings-top .top-actions:first-child{gap:14px}.back-btn{width:40px;height:40px;border:0;background:transparent;border-radius:10px;color:#1d2939;font-size:34px;line-height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-btn:hover{background:var(--hover)}.top-title{font-size:20px;font-weight:760;color:#101828}.settings-main{min-height:0;overflow:auto;background:#fff}.settings-form{max-width:960px;padding:26px 32px 42px}.settings-line{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.settings-kicker{font-size:12px;color:#98a2b3;margin-bottom:6px}.settings-name{font-size:18px;font-weight:720;color:#1d2939}.settings-section-title{font-size:13px;color:#667085;margin:24px 0 12px}.settings-form .model-row{display:flex;align-items:center;gap:10px;margin:0;min-width:min(420px,48vw)}.settings-form .model-row .select{flex:1;min-width:0}.add-model{border:1px solid #d8e3f2;background:#fff}.settings-form .field{margin-bottom:16px}.settings-form .field label{font-size:13px;color:#667085}.settings-form .field input,.settings-form .field textarea,.settings-form .field select{background:#fff}.settings-form .field textarea{min-height:96px}@media(max-width:760px){.settings-form{padding:20px 16px 32px}.settings-line{align-items:stretch;flex-direction:column}.settings-form .model-row{min-width:0}.settings-top{padding:0 12px}.settings-top .plain{display:none}.top-title{font-size:18px}}
.chat-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.chat-main{min-width:0}.chat-actions{display:flex;align-items:center;gap:4px;opacity:0;transform:translateX(4px);transition:.14s}.chat-item:hover .chat-actions,.chat-item.active .chat-actions{opacity:1;transform:translateX(0)}.chat-action{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#98a2b3;cursor:pointer;font-size:12px}.chat-action:hover{background:#ddeaff;color:#1769ff}.chat-action.delete:hover{background:#fff1f1;color:#d92d20}@media(max-width:760px){.chat-actions{opacity:1;transform:none}.chat-action{width:26px;height:26px}.chat-item{grid-template-columns:minmax(0,1fr)}}
.side{grid-template-rows:72px 70px minmax(0,1fr) 72px}.side-create{padding:12px 12px;border-bottom:1px solid var(--line);background:var(--side)}.side-create .new-chat{height:46px;border-radius:12px;background:#1769ff}.side-foot{display:flex;align-items:center;padding:12px;border-top:1px solid var(--line);background:var(--side)}.settings-entry{width:100%;height:46px;border:0;border-radius:12px;background:transparent;color:#344054;font-weight:720;cursor:pointer;text-align:left;padding:0 14px}.settings-entry:hover{background:var(--hover);color:#1769ff}.chat-list{padding:10px 10px 14px}.chat-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;padding:11px 10px 11px 13px}.chat-main{min-width:0}.chat-actions{display:block;opacity:1;transform:none}.chat-more{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#98a2b3;cursor:pointer;font-size:20px;line-height:20px;display:flex;align-items:center;justify-content:center}.chat-item:hover .chat-more,.chat-item.active .chat-more{color:#1769ff;background:#eef5ff}.chat-menu{position:absolute;right:8px;top:42px;z-index:20;min-width:118px;padding:6px;background:#fff;border:1px solid #e2eaf5;border-radius:12px;box-shadow:0 12px 28px rgba(15,23,42,.12);display:none}.chat-menu.open{display:block}.chat-menu button{width:100%;height:34px;border:0;border-radius:8px;background:transparent;color:#344054;text-align:left;padding:0 10px;cursor:pointer}.chat-menu button:hover{background:#f2f6ff;color:#1769ff}.chat-menu button.danger:hover{background:#fff1f1;color:#d92d20}@media(max-width:760px){.side{height:140px;grid-template-rows:52px 48px minmax(0,1fr)}.side-create{padding:6px 10px}.side-create .new-chat{height:36px}.side-foot{display:none}.chat-list{padding:7px 10px 10px}.chat-menu{position:fixed;right:14px;top:auto}.chat-item{min-width:168px;grid-template-columns:minmax(0,1fr) 28px}.chat-more{width:28px;height:28px}}

.side{grid-template-rows:72px minmax(0,1fr) 116px}.side-create{display:none}.side-foot{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;align-items:center;padding:14px 12px 16px;border-top:1px solid var(--line);background:var(--side)}.side-foot .new-chat{height:46px;border-radius:12px}.settings-entry{width:52px;height:46px;border:0;border-radius:12px;background:transparent;color:#667085;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.settings-entry:hover{background:var(--hover);color:#1769ff}.settings-gear{font-size:28px;line-height:1;transform:translateY(-1px)}@media(max-width:760px){.side{height:132px;grid-template-rows:52px minmax(0,1fr);}.side-foot{display:none}.chat-list{padding:8px 10px 12px}}

.msg{display:grid;grid-template-columns:36px minmax(0,auto);gap:10px;align-items:flex-start;margin:0 0 18px}.msg.user{grid-template-columns:minmax(0,auto) 36px;justify-content:end}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:760;flex:none}.msg.assistant .avatar{background:#eef4ff;color:#1769ff}.msg.user .avatar{background:#1769ff;color:#fff}.msg.user .avatar{grid-column:2}.msg.user .bubble-wrap{grid-column:1;grid-row:1}.bubble-wrap{max-width:min(760px,86vw)}.bubble{max-width:100%}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-card{display:flex;align-items:center;gap:8px;max-width:260px;border:1px solid #e3eaf5;background:#fff;border-radius:12px;padding:8px 10px;color:#344054;text-decoration:none}.msg.user .file-card{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff}.file-icon{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#1769ff;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}.msg.user .file-icon{background:rgba(255,255,255,.2);color:#fff}.file-info{min-width:0}.file-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#98a2b3;margin-top:1px}.msg.user .file-size{color:rgba(255,255,255,.72)}.file-preview{width:96px;height:72px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.attach-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pending-file{height:34px;display:flex;align-items:center;gap:7px;border:1px solid #dce7f5;border-radius:999px;background:#f7faff;padding:0 8px 0 12px;color:#344054;font-size:13px}.pending-file button{width:20px;height:20px;border:0;border-radius:50%;background:#e7eef8;color:#667085;cursor:pointer;line-height:20px}.bar{grid-template-columns:44px minmax(0,1fr) 90px;align-items:end}.attach-btn{height:56px;width:44px;border:1px solid #d8e2f0;border-radius:12px;background:#fff;color:#667085;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center}.attach-btn:hover{border-color:#8ab4ff;color:#1769ff;background:#f7faff}.hidden-input{display:none}@media(max-width:760px){.msg{grid-template-columns:32px minmax(0,auto)}.msg.user{grid-template-columns:minmax(0,auto) 32px}.avatar{width:32px;height:32px}.bar{grid-template-columns:40px minmax(0,1fr) 76px}.attach-btn{width:40px}.bubble-wrap{max-width:92vw}}

.top{height:76px;padding:0 28px;background:#fff;border-bottom:1px solid #e8eef7}.model-head{display:flex;align-items:center;gap:12px;min-width:0}.model-avatar,.user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:780}.model-avatar{background:#eef4ff;color:#1769ff}.user-avatar{background:#111827;color:#fff;font-size:14px}.model-title-select{border:0;background:transparent;min-width:180px;font-size:18px;font-weight:760;color:#1d2939;padding-left:0}.model-title-select:focus{box-shadow:none}.msg{grid-template-columns:36px minmax(0,auto)}.msg.user{display:flex;justify-content:flex-end}.msg.user .avatar{display:none}.msg.user .bubble-wrap{grid-column:auto;grid-row:auto}.composer{padding:16px max(28px,calc((100vw - 1120px)/2)) 22px;background:#fff;border-top:1px solid var(--line)}.input-shell{border:1px solid #d9e4f2;border-radius:18px;background:#fff;padding:8px;transition:.16s}.input-shell:focus-within{border-color:#8ab4ff;box-shadow:0 0 0 4px rgba(23,105,255,.07)}.input{width:100%;min-height:72px;max-height:180px;border:0;border-radius:12px;padding:10px 11px;background:transparent;box-shadow:none}.input:focus{box-shadow:none;border:0}.input-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.tool-left{display:flex;align-items:center;gap:8px;min-width:0}.attach-row{margin:0 0 6px 0}.attach-btn{width:36px;height:36px;border:0;border-radius:50%;background:#f2f6fb;color:#344054;font-size:22px}.attach-btn:hover{background:#eaf2ff}.mini-select{height:36px;max-width:180px;border:0;border-radius:999px;background:#f6f8fc;color:#344054;padding:0 30px 0 12px;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.reason-btn{height:36px;border:0;border-radius:999px;background:#f6f8fc;color:#667085;padding:0 13px;cursor:pointer}.reason-btn.active{background:#eaf2ff;color:#1769ff}.send{width:38px;height:38px;border-radius:50%;padding:0;font-size:24px;font-weight:760;display:flex;align-items:center;justify-content:center}.bar{display:block}.chat-menu{min-width:126px}@media(max-width:760px){.top{height:64px;padding:0 14px}.model-title-select{font-size:16px;min-width:130px}.user-avatar,.model-avatar{width:34px;height:34px}.composer{padding:12px 14px 16px}.mini-select{max-width:130px}.reason-btn{padding:0 10px}}

/* polished chat header and composer */
.top{height:78px;padding:0 30px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eef7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.model-head{display:flex;align-items:center;gap:12px;min-width:0}.model-avatar-img{width:42px;height:42px;border-radius:15px;object-fit:cover;display:block}.model-copy{min-width:0}.model-eyebrow{font-size:12px;color:#98a2b3;margin-bottom:2px}.model-name{max-width:260px;font-size:17px;font-weight:760;color:#1d2939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{position:relative;gap:12px}.top-model-select{width:220px;min-width:0;height:40px;border:1px solid #dce6f4;border-radius:999px;background-color:#f8fbff;color:#344054;font-size:14px;padding-left:15px}.top-model-select:focus{border-color:#8ab4ff;box-shadow:0 0 0 4px rgba(23,105,255,.07)}.user-menu-btn{width:42px;height:42px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer}.user-avatar-img{width:42px;height:42px;border-radius:50%;display:block;object-fit:cover}.user-menu{position:absolute;right:0;top:52px;z-index:40;min-width:118px;padding:7px;background:#fff;border:1px solid #e2eaf5;border-radius:14px;box-shadow:0 16px 34px rgba(15,23,42,.14);display:none}.user-menu.open{display:block}.user-menu button{width:100%;height:36px;border:0;border-radius:10px;background:transparent;color:#344054;text-align:left;padding:0 12px;cursor:pointer}.user-menu button:hover{background:#fff1f1;color:#d92d20}.input-shell{border:1px solid #dce6f4;border-radius:22px;background:#fff;padding:10px;box-shadow:0 18px 48px rgba(15,23,42,.08)}.input{min-height:82px;padding:10px 12px;font-size:15px}.input-tools{padding:6px 2px 0}.tool-left{gap:9px}.mini-select{height:36px;max-width:240px;min-width:176px;background-color:#f7faff;border:1px solid #e4edf8;color:#344054;font-size:13px}.attach-btn{width:36px;height:36px;background:#f7faff;border:1px solid #e4edf8;color:#5b6b82;font-size:21px}.send{width:38px;height:38px;border-radius:50%;background:#1769ff;box-shadow:0 8px 20px rgba(23,105,255,.24)}.send svg{width:21px;height:21px;fill:#fff}.reason-btn{display:none!important}.msg.assistant .avatar{background:transparent;padding:0}.msg.assistant .avatar img{width:36px;height:36px;border-radius:13px;display:block}.msg.user .avatar{display:none!important}.msg.user{display:flex;justify-content:flex-end}.msg.user .bubble-wrap{grid-column:auto;grid-row:auto}@media(max-width:760px){.top{height:68px;padding:0 14px}.model-avatar-img,.user-menu-btn,.user-avatar-img{width:36px;height:36px}.model-avatar-img{border-radius:13px}.model-eyebrow{display:none}.model-name{font-size:15px;max-width:116px}.top-model-select{width:136px;height:36px;font-size:13px}.input-shell{border-radius:20px}.mini-select{min-width:136px;max-width:148px}.user-menu{top:46px}}


/* model logo also drives assistant avatar, cleaner composer */
.model-head{gap:0}.model-copy,.model-eyebrow,.model-name{display:none!important}.model-avatar-img{width:44px;height:44px;border-radius:14px}.top{border-bottom:1px solid #edf2f8}.composer{border-top:0!important;background:#fff}.msg.assistant{grid-template-columns:36px minmax(0,auto)!important}.msg.assistant .avatar{display:flex!important;background:transparent!important;padding:0!important}.msg.assistant .avatar img{width:36px!important;height:36px!important;border-radius:10px!important;object-fit:contain!important}.msg.assistant .bubble-wrap{grid-column:auto}.messages{padding-bottom:18px}.input-shell{box-shadow:0 14px 42px rgba(15,23,42,.07)}
@media(max-width:760px){.model-avatar-img{width:38px;height:38px}.top-model-select{width:156px}}


/* sidebar polish */
.side{border-right:0!important}.side-head{border-bottom:0!important;padding:0 24px}.side-foot{border-top:0!important}.brand{font-size:32px!important;font-weight:880!important;letter-spacing:.1em;line-height:1;color:#0f62ef}.chat-list{padding-top:8px}.side{background:#f8fbff}
@media(max-width:760px){.brand{font-size:26px!important}.side-head{padding:0 18px}}


/* hide model variant selector when unconfigured */
.mini-select.hidden{display:none!important}


/* clean product visual refresh */
:root{--blue:#1769ff;--ink:#172033;--muted:#667085;--sub:#98a2b3;--line:#e7edf5;--side:#f8fafd;--hover:#eef5ff;--panel:#ffffff}
body{background:#f6f8fc;color:var(--ink)}.app{background:#f6f8fc}.side{border-right:1px solid #e3eaf4!important;background:#f9fbfe!important}.side-head{border-bottom:0!important;background:#f9fbfe}.side-foot{border-top:0!important;background:#f9fbfe}.workspace,.main,.settings-workspace{background:#fff}.top{background:rgba(255,255,255,.98);border-bottom:1px solid #e9eff7;box-shadow:none}.brand{font-size:33px!important;color:#1266f1;letter-spacing:.08em}.chat-list{padding:10px 12px}.chat-item{border-radius:12px;color:#344054}.chat-item:hover{background:#f0f5ff}.chat-item.active{background:#eaf2ff;color:#1769ff}.chat-meta{color:#98a2b3}.settings-entry:hover{background:#eef5ff}.model-avatar-img{background:#fff;border:1px solid #e5edf7;padding:8px;object-fit:contain}.top-model-select{background:#f8fbff;border-color:#dfe8f4;color:#344054}.messages{background:#fff}.msg.assistant .bubble{background:#f8fafc;border-color:#edf2f7}.msg.user .bubble{background:#1769ff}.composer{background:#fff!important}.input-shell{border-color:#dfe8f4;box-shadow:0 12px 36px rgba(16,24,40,.06)}.input-shell:focus-within{border-color:#9bbdff;box-shadow:0 0 0 4px rgba(23,105,255,.07),0 14px 40px rgba(16,24,40,.07)}.mini-select,.attach-btn{background:#f8fbff;border-color:#e2ebf6}.send{background:#1769ff;box-shadow:0 8px 20px rgba(23,105,255,.2)}.user-menu{border-color:#e6edf6;box-shadow:0 18px 36px rgba(15,23,42,.12)}
@media(max-width:760px){.brand{font-size:27px!important}.side{border-right:0!important;border-bottom:1px solid #e3eaf4!important}}


/* 2026 clean console redesign */
:root{--blue:#2563eb;--blue2:#4f8cff;--ink:#111827;--text:#243044;--muted:#6b7280;--sub:#9aa4b2;--line:#e8edf5;--soft:#f6f8fb;--side:#f3f6fb;--card:#ffffff;--hover:#eef4ff;--danger:#ef4444}
html,body{background:#f5f7fb;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.app{background:#f5f7fb;grid-template-columns:292px minmax(0,1fr)}
.side{background:linear-gradient(180deg,#f7f9fd 0%,#f1f5fa 100%)!important;border-right:1px solid #dfe7f2!important;box-shadow:1px 0 0 rgba(255,255,255,.8) inset}.side-head{height:84px!important;padding:0 26px!important;background:transparent!important}.brand{font-size:34px!important;letter-spacing:.06em!important;font-weight:850!important;color:#1769ff;text-shadow:none}.chat-list{padding:8px 14px 14px!important}.chat-item{border-radius:16px!important;padding:13px 12px 13px 15px!important;margin-bottom:6px!important;color:#3b4658!important;background:transparent!important;transition:background .16s ease,color .16s ease,transform .16s ease}.chat-item:hover{background:rgba(255,255,255,.72)!important;transform:translateY(-1px)}.chat-item.active{background:#fff!important;color:#1769ff!important;box-shadow:0 8px 24px rgba(31,64,126,.08),0 0 0 1px rgba(37,99,235,.08) inset}.chat-title{font-size:14px!important;font-weight:650!important}.chat-meta{font-size:12px!important;color:#9aa4b2!important}.chat-more{color:#a3adba!important}.chat-item.active .chat-more,.chat-item:hover .chat-more{background:#f0f5ff!important;color:#1769ff!important}.chat-menu{border:1px solid #e4ebf5!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(15,23,42,.14)!important}.side-foot{height:104px!important;padding:16px 14px 18px!important;background:transparent!important}.side-foot .new-chat{height:48px!important;border-radius:16px!important;background:#1769ff!important;box-shadow:0 12px 26px rgba(23,105,255,.18)!important;font-weight:760!important}.settings-entry{height:48px!important;border-radius:16px!important;color:#748092!important}.settings-entry:hover{background:#fff!important;color:#1769ff!important}.settings-gear{font-size:27px!important}
.workspace{background:#fff!important}.top{height:76px!important;padding:0 32px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid #eef2f7!important;box-shadow:0 1px 0 rgba(255,255,255,.75) inset!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.model-avatar-img{width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e5edf7!important;padding:8px!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important}.top-actions{gap:12px!important}.top-model-select{width:226px!important;height:42px!important;border:1px solid #e0e8f3!important;border-radius:999px!important;background:#f8fbff!important;color:#344054!important;font-size:14px!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important}.top-model-select:focus{border-color:#9bbcff!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important}.user-menu-btn,.user-avatar-img{width:42px!important;height:42px!important}.user-avatar-img{box-shadow:0 8px 20px rgba(15,23,42,.08)!important}.user-menu{border-radius:16px!important;border:1px solid #e5ecf6!important;box-shadow:0 20px 46px rgba(15,23,42,.15)!important}
.main{background:#fff!important}.messages{padding:34px max(34px,calc((100vw - 1120px)/2)) 22px!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important}.empty{color:#9aa4b2!important}.empty b{font-size:30px!important;font-weight:780!important;color:#1f2937!important}.msg{margin-bottom:20px!important}.msg.assistant{justify-content:flex-start!important}.msg.assistant .bubble{background:#f7f9fc!important;border:1px solid #edf2f7!important;color:#243044!important;border-radius:18px!important;border-bottom-left-radius:7px!important;box-shadow:none!important}.msg.user .bubble{background:#1769ff!important;color:#fff!important;border-radius:18px!important;border-bottom-right-radius:7px!important;box-shadow:0 10px 24px rgba(23,105,255,.16)!important}.bubble{font-size:15px!important;line-height:1.75!important;padding:14px 17px!important}.bubble pre{border-radius:14px!important;background:#0f172a!important}.file-card{border-color:#e4ebf5!important;border-radius:14px!important;background:#fff!important}.file-icon{border-radius:10px!important}
.composer{padding:18px max(34px,calc((100vw - 1120px)/2)) 28px!important;background:#fff!important;border-top:0!important}.input-shell{max-width:980px;margin:0 auto;border:1px solid #dfe8f3!important;border-radius:24px!important;background:#fff!important;padding:10px!important;box-shadow:0 18px 52px rgba(23,37,84,.09)!important}.input-shell:focus-within{border-color:#9bbcff!important;box-shadow:0 0 0 4px rgba(37,99,235,.07),0 20px 56px rgba(23,37,84,.1)!important}.input{min-height:86px!important;max-height:190px!important;padding:11px 13px!important;color:#1f2937!important}.input::placeholder{color:#a6b0bf!important}.input-tools{padding:8px 2px 0!important}.tool-left{gap:10px!important}.attach-btn{width:38px!important;height:38px!important;border-radius:50%!important;background:#f7faff!important;border:1px solid #e2ebf6!important;color:#64748b!important;font-size:22px!important}.attach-btn:hover{background:#edf4ff!important;color:#1769ff!important}.mini-select{height:38px!important;min-width:170px!important;max-width:240px!important;border-radius:999px!important;border:1px solid #e2ebf6!important;background:#f7faff!important;color:#556274!important;font-size:13px!important}.send{width:40px!important;height:40px!important;background:#1769ff!important;border-radius:50%!important;box-shadow:0 10px 24px rgba(23,105,255,.22)!important}.send:hover{filter:brightness(1.03)}.send:disabled{opacity:.48}.pending-file{background:#f7faff!important;border-color:#e2ebf6!important;border-radius:999px!important}
.settings-workspace,.settings-main{background:#fff!important}.settings-form{max-width:1000px}.settings-line{border-bottom:1px solid #eef2f7!important}.field input,.field textarea,.field select{border-color:#e0e8f3!important;background:#fff!important;border-radius:12px!important}.primary{border-radius:12px!important;background:#1769ff!important}.back-btn:hover,.icon-btn:hover{background:#eef5ff!important}
@media(max-width:760px){.app{grid-template-columns:1fr}.side{border-right:0!important}.top{height:66px!important;padding:0 15px!important}.brand{font-size:27px!important}.top-model-select{width:152px!important;height:38px!important}.model-avatar-img,.user-menu-btn,.user-avatar-img{width:38px!important;height:38px!important}.messages{padding:22px 15px 16px!important}.composer{padding:13px 14px 18px!important}.input-shell{border-radius:22px!important}.input{min-height:76px!important}.mini-select{min-width:132px!important;max-width:150px!important}.side-foot{display:none!important}}


/* official model logo cleanup */
.model-avatar-img{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;object-fit:contain!important;border-radius:10px!important}


/* clean modal model settings */
.settings-workspace{position:fixed!important;inset:0;z-index:80;display:grid!important;grid-template-rows:64px minmax(0,1fr)!important;place-content:center;align-content:center;padding:28px;background:rgba(15,23,42,.22)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-workspace.hidden{display:none!important}.settings-top{width:min(1080px,calc(100vw - 56px));height:64px!important;padding:0 18px!important;background:rgba(255,255,255,.98)!important;border:1px solid #e4ebf5!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 18px 60px rgba(15,23,42,.16)!important}.settings-top .primary{height:38px;border-radius:12px;padding:0 16px}.settings-main{width:min(1080px,calc(100vw - 56px));height:min(760px,calc(100vh - 120px));min-height:0;overflow:auto;background:rgba(255,255,255,.98)!important;border:1px solid #e4ebf5;border-top:0;border-radius:0 0 24px 24px;box-shadow:0 24px 70px rgba(15,23,42,.16)}.settings-form.settings-simple{max-width:none!important;padding:22px 24px 26px!important}.settings-hero{border:0!important;padding:0!important;margin:0 0 18px!important;min-height:auto!important}.settings-name{font-size:19px!important;font-weight:740!important;color:#111827!important}.settings-kicker{display:none!important}.settings-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:22px;align-items:start}.settings-rail{position:sticky;top:0;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.settings-rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px}.settings-rail-title{font-size:13px;font-weight:720;color:#344054}.settings-add{height:32px;border:1px solid #dce7f5;background:#fff;color:#1769ff;border-radius:10px;padding:0 11px;cursor:pointer;font-size:13px;font-weight:650}.settings-provider-list{display:grid;gap:6px;max-height:590px;overflow:auto;padding-right:4px}.settings-provider{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:9px 10px;text-align:left;cursor:pointer;color:#344054;transition:background .16s,border-color .16s}.settings-provider:hover{background:#f7faff}.settings-provider.active{background:#eef5ff;border-color:#cfe0ff}.settings-provider-logo{width:32px;height:32px;border-radius:10px;object-fit:contain}.settings-provider-name{display:block;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-provider-meta{display:block;margin-top:2px;font-size:12px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-panel{display:block;background:#fff;border:1px solid #e4ebf5;border-radius:18px;overflow:hidden}.settings-card{background:transparent!important;border:0!important;border-radius:0!important;padding:20px 22px!important;box-shadow:none!important;border-bottom:1px solid #eef2f7!important}.settings-card:last-of-type{border-bottom:0!important}.settings-card-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.settings-card-title h3{margin:0;font-size:15px;font-weight:720;color:#1f2937}.settings-card-title span{display:none}.settings-card .field label{font-size:13px;font-weight:520;color:#667085}.settings-card input,.settings-card textarea,.settings-card select{border-radius:12px!important;background:#fbfdff!important;border-color:#dde7f4!important}.settings-card textarea{min-height:106px!important}.secret-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.secret-line span{min-width:58px;height:42px;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:13px;border:1px solid #e5edf7;border-radius:12px;background:#fbfdff}.advanced-box{margin-top:0;padding-top:0;border-top:0}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-label-row label{margin-bottom:0!important}.fetch-models-btn{height:32px;border:1px solid #cfe0ff!important;border-radius:999px;padding:0 13px;background:#f7faff!important;color:#1769ff!important;font-size:13px;font-weight:650}.fetch-models-btn:disabled{opacity:.55}.settings-actions-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.settings-actions-row .danger{height:38px;border:0;border-radius:12px;padding:0 12px;background:transparent;color:#d92d20}.settings-actions-row .danger:hover{background:#fff1f1}.composer optgroup{font-style:normal;color:#667085}.composer option{color:#1f2937}
@media(max-width:900px){.settings-workspace{padding:16px}.settings-top,.settings-main{width:calc(100vw - 32px)}.settings-main{height:calc(100vh - 96px)}.settings-layout{grid-template-columns:1fr}.settings-rail{position:static}.settings-provider-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:none}.settings-panel{margin-top:4px}}@media(max-width:760px){.settings-workspace{padding:10px}.settings-top,.settings-main{width:calc(100vw - 20px)}.settings-main{height:calc(100vh - 84px)}.settings-form.settings-simple{padding:16px 14px 22px!important}.settings-card{padding:16px!important}.secret-line{grid-template-columns:1fr}.secret-line span{height:auto;justify-content:flex-start;padding:8px 10px}.settings-actions-row{align-items:stretch;flex-direction:column}.settings-actions-row .primary,.settings-actions-row .danger{width:100%}}


/* ultra clean settings override */
.settings-form.settings-simple{padding:18px 22px 24px!important}.settings-hero{display:none!important}.settings-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important}.settings-rail-head{margin-bottom:8px!important}.settings-rail-title{font-weight:650!important;color:#667085!important}.settings-add{border:0!important;background:#eef5ff!important;height:30px!important;font-weight:600!important}.settings-provider-list{gap:2px!important}.settings-provider{border-radius:10px!important;padding:8px!important;grid-template-columns:28px minmax(0,1fr)!important}.settings-provider-logo{width:28px!important;height:28px!important;border-radius:8px!important}.settings-provider-name{font-weight:560!important}.settings-provider-meta{display:none!important}.settings-provider.active{background:#edf4ff!important;border-color:transparent!important;box-shadow:none!important}.settings-panel.settings-flat{background:#fff!important;border:1px solid #e6edf5!important;border-radius:16px!important;overflow:visible!important;padding:18px 20px!important}.settings-fieldset{display:grid;gap:12px}.settings-card{display:none!important}.settings-card-title{display:none!important}.settings-panel .field{margin-bottom:0!important}.settings-panel .field label{margin-bottom:6px!important;font-size:12px!important;color:#7b8798!important;font-weight:500!important}.settings-panel input,.settings-panel textarea,.settings-panel select{border-radius:10px!important;background:#fbfdff!important;padding-top:10px!important;padding-bottom:10px!important}.settings-panel textarea{min-height:86px!important}.secret-line span{height:40px!important;border-radius:10px!important;background:#fff!important}.fetch-models-btn{height:30px!important;border:0!important;background:transparent!important;padding:0!important;font-weight:560!important}.advanced-toggle{justify-self:start;color:#7b8798!important;font-size:13px!important;margin-top:2px}.advanced-box{padding-top:12px!important;border-top:1px solid #eef2f7!important}.settings-actions-row{margin-top:14px!important;padding-top:14px!important;border-top:1px solid #eef2f7!important}.settings-actions-row .primary{height:38px!important;border-radius:10px!important;padding:0 22px!important}.settings-actions-row .danger{height:38px!important;color:#98a2b3!important}.settings-actions-row .danger:hover{color:#d92d20!important}.settings-top{height:58px!important}.settings-main{height:min(700px,calc(100vh - 112px))!important}.back-btn{font-size:26px!important;color:#667085!important}.top-title{font-size:17px!important;font-weight:680!important}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr!important}.settings-provider-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.settings-panel.settings-flat{padding:16px!important}}

/* minimal settings panel v2 */
.settings-workspace{position:fixed!important;inset:0;z-index:80;display:grid!important;grid-template-rows:58px minmax(0,1fr)!important;place-content:center;align-content:center;padding:28px;background:rgba(15,23,42,.18)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.settings-workspace.hidden{display:none!important}.settings-top{width:min(820px,calc(100vw - 56px))!important;height:58px!important;padding:0 18px!important;background:#fff!important;border:1px solid #e5edf6!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;box-shadow:0 18px 56px rgba(15,23,42,.13)!important}.settings-main{width:min(820px,calc(100vw - 56px))!important;height:min(690px,calc(100vh - 112px))!important;background:#fff!important;border:1px solid #e5edf6!important;border-top:0!important;border-radius:0 0 22px 22px!important;box-shadow:0 24px 64px rgba(15,23,42,.13)!important;overflow:auto!important}.settings-minimal{padding:20px 24px 24px!important;max-width:none!important}.settings-switch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}.settings-select-field{margin:0!important}.settings-select-field label{font-size:12px!important;color:#7b8798!important;font-weight:500!important}.settings-select-field .select{width:100%!important;min-width:0!important}.settings-add{height:40px!important;border:0!important;background:#eef5ff!important;color:#1769ff!important;border-radius:11px!important;padding:0 16px!important;font-size:14px!important;font-weight:620!important;cursor:pointer}.settings-clean-panel{border:1px solid #e6edf5;border-radius:16px;background:#fff;overflow:hidden}.settings-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;min-height:58px;padding:10px 16px;border-bottom:1px solid #f0f3f8}.settings-row:last-child{border-bottom:0}.settings-row label,.settings-row-area>.field-label-row label{font-size:13px!important;color:#667085!important;font-weight:500!important;margin:0!important}.settings-row input,.settings-row select,.settings-row textarea{width:100%;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:9px 0!important;color:#1f2937}.settings-row input:focus,.settings-row select:focus,.settings-row textarea:focus{box-shadow:none!important}.settings-row select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#98a2b3 50%),linear-gradient(135deg,#98a2b3 50%,transparent 50%)!important;background-position:calc(100% - 14px) 18px,calc(100% - 9px) 18px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:28px!important}.settings-row-area{display:block;padding:14px 16px}.settings-row-area textarea{min-height:86px!important;margin-top:8px;resize:vertical;border-top:1px solid #f0f3f8!important;padding-top:12px!important}.secret-line{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:12px!important;align-items:center}.secret-line span{height:auto!important;border:0!important;background:transparent!important;justify-content:flex-end!important;color:#98a2b3!important;font-size:13px!important}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.fetch-models-btn{height:28px!important;border:0!important;background:transparent!important;color:#1769ff!important;padding:0!important;font-size:13px!important;font-weight:560!important}.advanced-toggle{margin:10px 16px 12px!important;color:#7b8798!important;font-size:13px!important}.advanced-box{border-top:1px solid #eef2f7!important}.settings-actions-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:16px!important;padding:0!important;border:0!important}.settings-actions-row .primary{height:40px!important;border-radius:11px!important;padding:0 24px!important}.settings-actions-row .danger{height:40px!important;border:0!important;background:transparent!important;color:#98a2b3!important;padding:0 8px!important}.settings-actions-row .danger:hover{color:#d92d20!important;background:transparent!important}.back-btn{width:34px!important;height:34px!important;font-size:24px!important;color:#667085!important;border-radius:10px!important}.top-title{font-size:17px!important;font-weight:680!important;color:#1f2937!important}.settings-card,.settings-layout,.settings-rail,.settings-panel.settings-flat,.settings-fieldset,.settings-hero{all:unset}
@media(max-width:760px){.settings-workspace{padding:10px}.settings-top,.settings-main{width:calc(100vw - 20px)!important}.settings-main{height:calc(100vh - 78px)!important}.settings-minimal{padding:16px!important}.settings-switch-row{grid-template-columns:1fr}.settings-add{width:100%}.settings-row{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 12px}.settings-actions-row .primary{min-width:120px}}

/* left right clean settings override */
.settings-left-right{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;padding:20px 22px 24px!important;max-width:none!important}.settings-rail-min{min-width:0}.settings-rail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important}.settings-rail-title{font-size:13px!important;color:#667085!important;font-weight:620!important}.settings-provider-list{display:grid!important;gap:4px!important;max-height:610px!important;overflow:auto!important;padding-right:2px!important}.settings-provider{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;width:100%!important;border:0!important;background:transparent!important;border-radius:10px!important;padding:8px!important;text-align:left!important;cursor:pointer!important;color:#344054!important}.settings-provider:hover{background:#f7faff!important}.settings-provider.active{background:#edf4ff!important;box-shadow:none!important;border:0!important}.settings-provider-logo{width:30px!important;height:30px!important;border-radius:9px!important;object-fit:contain!important}.settings-provider-name{display:block!important;font-size:14px!important;font-weight:560!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.settings-provider-meta{display:none!important}.settings-clean-panel{border:1px solid #e6edf5!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.settings-switch-row,.settings-minimal>.settings-clean-panel+.settings-actions-row{display:none!important}.settings-clean-panel>.settings-actions-row{display:flex!important}.settings-row{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;min-height:56px!important;padding:9px 16px!important;border-bottom:1px solid #f0f3f8!important}.settings-row label,.settings-row-area>.field-label-row label{font-size:13px!important;color:#667085!important;font-weight:500!important;margin:0!important}.settings-row input,.settings-row select,.settings-row textarea{width:100%!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:8px 0!important;color:#1f2937!important}.settings-row select{appearance:none!important;-webkit-appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#98a2b3 50%),linear-gradient(135deg,#98a2b3 50%,transparent 50%)!important;background-position:calc(100% - 14px) 18px,calc(100% - 9px) 18px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:28px!important}.settings-row-area{display:block!important;padding:13px 16px!important}.settings-row-area textarea{min-height:84px!important;margin-top:8px!important;resize:vertical!important;border-top:1px solid #f0f3f8!important;padding-top:11px!important}.secret-line{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:12px!important;align-items:center!important}.secret-line span{height:auto!important;border:0!important;background:transparent!important;justify-content:flex-end!important;color:#98a2b3!important;font-size:13px!important}.field-label-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.fetch-models-btn{height:28px!important;border:0!important;background:transparent!important;color:#1769ff!important;padding:0!important;font-size:13px!important;font-weight:560!important}.advanced-toggle{margin:10px 16px 12px!important;color:#7b8798!important;font-size:13px!important}.advanced-box{border-top:1px solid #eef2f7!important}.settings-actions-row{justify-content:space-between!important;align-items:center!important;margin:0!important;padding:14px 16px!important;border-top:1px solid #eef2f7!important}.settings-actions-row .primary{height:38px!important;border-radius:10px!important;padding:0 24px!important}.settings-actions-row .danger{height:38px!important;border:0!important;background:transparent!important;color:#98a2b3!important;padding:0 4px!important}.settings-actions-row .danger:hover{color:#d92d20!important;background:transparent!important}.settings-add{height:30px!important;border:0!important;background:#eef5ff!important;color:#1769ff!important;border-radius:10px!important;padding:0 12px!important;font-size:13px!important;font-weight:560!important;cursor:pointer!important}.settings-top{width:min(940px,calc(100vw - 56px))!important}.settings-main{width:min(940px,calc(100vw - 56px))!important;height:min(690px,calc(100vh - 112px))!important}
@media(max-width:760px){.settings-left-right{grid-template-columns:1fr!important;padding:16px!important}.settings-provider-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;max-height:none!important}.settings-row{grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;padding:9px 12px!important}}

/* settings add button at left bottom */
.settings-rail-min{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-height:0!important}.settings-rail-head{margin-bottom:10px!important}.settings-add-bottom{width:100%!important;margin-top:12px!important;height:38px!important;border-radius:12px!important;background:#eef5ff!important;color:#1769ff!important}.settings-provider-list{min-height:0!important}

/* masked api key and verify button */
.key-verify-line{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}.key-verify-line .fetch-models-btn{height:32px!important;padding:0 4px!important;color:#1769ff!important}.key-verify-line input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.02em!important}

/* unified conversation surface */
.main{background:#fff!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
.messages,.composer{width:min(980px,calc(100% - 64px))!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
.messages{padding-top:26px!important;padding-bottom:14px!important}
.composer{padding-top:12px!important;padding-bottom:22px!important;background:#fff!important;border-top:1px solid #edf2f8!important}
.input-shell{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;padding:0!important}
.input-shell:focus-within{box-shadow:none!important}
.input{min-height:86px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:12px 2px!important}
.input-tools{border-top:1px solid #eef2f7!important;padding:10px 0 0!important}
.attach-row{margin:0 0 8px!important}
@media(max-width:760px){.messages,.composer{width:calc(100% - 28px)!important}.messages{padding-top:18px!important}.composer{padding-bottom:16px!important}.input{min-height:78px!important}}

/* settings provider switches */
.settings-provider{grid-template-columns:30px minmax(0,1fr) 42px!important}
.provider-switch{width:38px;height:22px;border:0;border-radius:999px;background:#d8e2ef;position:relative;cursor:pointer;padding:0;transition:background .18s,opacity .18s;justify-self:end}
.provider-switch::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .18s}
.provider-switch.on{background:#1769ff}
.provider-switch.on::after{transform:translateX(16px)}
.provider-switch.locked{opacity:.54}
.provider-switch:active::after{width:20px}
@media(max-width:760px){.settings-provider{grid-template-columns:28px minmax(0,1fr) 42px!important}.provider-switch{width:36px;height:21px}.provider-switch::after{width:17px;height:17px}.provider-switch.on::after{transform:translateX(15px)}}

/* cleaner right settings panel */
.settings-compact-panel{border-radius:14px!important;border-color:#e8eef6!important}
.settings-compact-panel .settings-row{min-height:50px!important;padding:7px 14px!important;grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important}
.settings-compact-panel .settings-row label,.settings-compact-panel .field-label-row label{font-size:12px!important;color:#7a8699!important;font-weight:480!important}
.settings-compact-panel input,.settings-compact-panel select,.settings-compact-panel textarea{font-size:14px!important;color:#172033!important}
.settings-compact-panel .advanced-toggle{margin:8px 14px!important;font-size:12px!important;color:#8a95a6!important}
.settings-compact-panel .advanced-box{border-top:1px solid #f0f4f9!important}
.settings-model-list-row{border-top:1px solid #eef3f8!important;background:#fcfdff!important}
.settings-model-list-row textarea{min-height:112px!important;font-size:13px!important;line-height:1.55!important}
.key-verify-line{gap:8px!important}
.key-verify-line .fetch-models-btn{font-size:12px!important;font-weight:520!important}
@media(max-width:760px){.settings-compact-panel .settings-row{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important}}

/* remove default empty bottom space in settings */
.settings-main{height:auto!important;max-height:min(690px,calc(100vh - 112px))!important}
.settings-left-right{padding-bottom:20px!important}
.settings-clean-panel{align-self:start!important}
@media(max-width:760px){.settings-main{height:auto!important;max-height:calc(100vh - 78px)!important}.settings-left-right{padding-bottom:16px!important}}

/* settings center navigation */
.settings-left-right{grid-template-columns:196px minmax(0,1fr)!important}
.settings-nav{display:block!important;padding:2px 0!important}
.settings-nav-group{margin-bottom:18px}
.settings-nav-title{font-size:12px;color:#98a2b3;font-weight:520;margin:0 0 7px 4px}
.settings-nav-item{width:100%;height:38px;border:0;border-radius:10px;background:transparent;color:#344054;text-align:left;padding:0 12px;font-size:14px;font-weight:540;cursor:pointer}
.settings-nav-item:hover{background:#f5f8ff;color:#1769ff}
.settings-nav-item.active{background:#edf4ff;color:#1769ff}
.settings-content{min-width:0;display:block}
.settings-view{display:none}
.settings-view.active{display:block}
.settings-model-service{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px}
.settings-model-service .settings-provider-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:6px!important;max-height:148px!important;overflow:auto!important;padding:0!important}
.settings-model-service .settings-add-bottom{width:auto!important;min-width:86px!important;margin:0!important;height:36px!important}
@media(max-width:760px){.settings-left-right{grid-template-columns:1fr!important}.settings-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-nav-group{margin-bottom:0}.settings-model-service{grid-template-columns:1fr}.settings-model-service .settings-add-bottom{width:100%!important}}

/* chat bubble layout instead of flat transcript */
.messages{display:flex!important;flex-direction:column!important;gap:14px!important}
.msg{display:flex!important;margin:0!important;max-width:100%!important}
.msg.assistant{justify-content:flex-start!important}
.msg.user{justify-content:flex-end!important}
.msg .bubble-wrap{max-width:min(760px,78%)!important;width:auto!important}
.msg.assistant .bubble-wrap{margin-right:auto!important}
.msg.user .bubble-wrap{margin-left:auto!important}
.bubble{display:block!important;width:auto!important;max-width:100%!important;padding:12px 15px!important;border-radius:18px!important;line-height:1.7!important;font-size:15px!important;white-space:pre-wrap!important;word-break:break-word!important}
.msg.assistant .bubble{background:#f6f8fb!important;border:1px solid #e7eef7!important;color:#172033!important;border-bottom-left-radius:6px!important}
.msg.user .bubble{background:#1769ff!important;border:0!important;color:#fff!important;border-bottom-right-radius:6px!important}
.msg.assistant .bubble pre{background:#111827!important;color:#e5e7eb!important;border-radius:12px!important}
.msg.user .bubble pre{background:rgba(15,23,42,.22)!important;color:#fff!important}
.msg.user .bubble code{color:inherit!important}
.msg.assistant .bubble :not(pre)>code{background:#edf2f8!important;color:#263247!important}
.msg.user .bubble :not(pre)>code{background:rgba(255,255,255,.18)!important;color:#fff!important}
@media(max-width:760px){.msg .bubble-wrap{max-width:86%!important}.bubble{font-size:14px!important;padding:11px 13px!important}}

/* product settings layout */
.settings-top{background:#fff!important}
.settings-left-right{grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important;padding:22px 24px 24px!important}
.settings-nav{padding:0!important;border-right:1px solid #eef3f8!important;padding-right:16px!important}
.settings-primary-item{width:100%;min-height:64px;border:0;border-radius:14px;background:transparent;color:#273244;text-align:left;padding:11px 13px;margin-bottom:8px;cursor:pointer;transition:background .16s,color .16s}
.settings-primary-item span{display:block;font-size:15px;font-weight:650;line-height:1.2}
.settings-primary-item small{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#98a2b3;line-height:1.25}
.settings-primary-item:hover{background:#f6f9ff;color:#1769ff}
.settings-primary-item.active{background:#eef5ff;color:#1769ff}
.settings-primary-item.active small{color:#6d95dd}
.settings-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}
.settings-section-head h2{margin:0;font-size:20px;font-weight:680;color:#172033;letter-spacing:0}
.settings-section-head p{margin:0;font-size:13px;color:#98a2b3;font-weight:400}
.settings-content{padding-top:2px}
.settings-compact-panel{box-shadow:0 1px 0 rgba(15,23,42,.02)!important}
.settings-sub-tabs{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px;padding:4px;background:#f5f8fc;border-radius:12px}
.settings-sub-tab{height:32px;border:0;border-radius:9px;background:transparent;color:#667085;padding:0 13px;font-size:13px;cursor:pointer}
.settings-sub-tab.active{background:#fff;color:#1769ff;box-shadow:0 1px 6px rgba(15,23,42,.06)}
@media(max-width:760px){.settings-left-right{grid-template-columns:1fr!important;gap:14px!important}.settings-nav{border-right:0!important;padding-right:0!important;display:grid!important;grid-template-columns:1fr!important}.settings-primary-item{min-height:58px}.settings-section-head{align-items:flex-start;flex-direction:column;gap:4px}.settings-section-head h2{font-size:18px}}

/* minimal product settings refresh */
.settings-workspace{background:rgba(15,23,42,.16)!important}
.settings-top{height:56px!important;border-radius:18px 18px 0 0!important;box-shadow:0 16px 44px rgba(15,23,42,.10)!important}
.settings-main{border-radius:0 0 18px 18px!important;box-shadow:0 22px 56px rgba(15,23,42,.10)!important}
.top-title{font-size:16px!important;font-weight:650!important}
.settings-left-right{grid-template-columns:184px minmax(0,1fr)!important;gap:20px!important;padding:18px 20px 20px!important}
.settings-nav{border-right:1px solid #edf2f8!important;padding-right:14px!important}
.settings-primary-item{height:42px!important;min-height:42px!important;border-radius:11px!important;padding:0 12px!important;margin-bottom:6px!important;font-size:14px!important;font-weight:540!important;color:#3b4658!important;display:flex!important;align-items:center!important;background:transparent!important}
.settings-primary-item span,.settings-primary-item small{display:none!important}
.settings-primary-item:hover{background:#f6f9ff!important;color:#1769ff!important}
.settings-primary-item.active{background:#edf4ff!important;color:#1769ff!important}
.settings-section-head{margin:0 0 12px!important;display:block!important}
.settings-section-head h2{font-size:17px!important;font-weight:620!important;color:#172033!important;margin:0!important}
.settings-section-head p{display:none!important}
.settings-compact-panel{border-radius:13px!important;border-color:#e8eef6!important;background:#fff!important;box-shadow:none!important}
.settings-compact-panel .settings-row{min-height:48px!important;padding:6px 14px!important;grid-template-columns:82px minmax(0,1fr)!important;border-bottom-color:#f1f4f8!important}
.settings-compact-panel .settings-row label,.settings-compact-panel .field-label-row label{font-size:12px!important;font-weight:450!important;color:#7b8798!important}
.settings-compact-panel input,.settings-compact-panel select,.settings-compact-panel textarea{font-size:14px!important;color:#172033!important}
.settings-model-service{margin-bottom:10px!important;gap:10px!important}
.settings-model-service .settings-provider-list{max-height:120px!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
.settings-provider{min-height:40px!important;padding:6px 8px!important;border-radius:10px!important}
.settings-provider-logo{width:26px!important;height:26px!important;border-radius:8px!important}
.settings-provider-name{font-size:13px!important;font-weight:520!important}
.settings-provider-meta{display:none!important}
.provider-switch{width:34px!important;height:20px!important}.provider-switch::after{width:16px!important;height:16px!important}.provider-switch.on::after{transform:translateX(14px)!important}
.settings-add-bottom{height:34px!important;font-size:13px!important;border-radius:10px!important}
.advanced-toggle{margin:7px 14px!important;font-size:12px!important;color:#8a95a6!important}
.settings-sub-tabs{margin-bottom:10px!important;background:#f6f8fb!important;border-radius:11px!important}.settings-sub-tab{height:30px!important;font-size:13px!important}
.settings-model-list-row textarea{min-height:92px!important}
@media(max-width:760px){.settings-left-right{grid-template-columns:1fr!important;padding:14px!important}.settings-nav{border-right:0!important;padding-right:0!important}.settings-compact-panel .settings-row{grid-template-columns:70px minmax(0,1fr)!important}}

/* settings product model page redesign */
.settings-section-head{display:none!important}
.settings-model-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}
.settings-model-list-panel{min-width:0;border:1px solid #e8eef6;border-radius:14px;background:#fff;padding:10px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;max-height:560px}
.settings-model-list-panel .settings-provider-list{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;max-height:480px!important;overflow:auto!important;padding:0!important}
.settings-model-list-panel .settings-provider{grid-template-columns:28px minmax(0,1fr) 38px!important;min-height:44px!important;padding:8px!important;border-radius:11px!important}
.settings-model-list-panel .settings-provider.active{background:#f0f6ff!important;color:#1769ff!important}
.settings-model-list-panel .settings-add-bottom{width:100%!important;margin:0!important;height:36px!important;border-radius:11px!important;background:#f4f8ff!important;color:#1769ff!important}
.settings-model-detail{min-width:0!important}
.settings-avatar-field{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.settings-avatar-field img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block}
.settings-avatar-field button{color:#1769ff!important;font-size:13px!important}
.settings-avatar-row{min-height:58px!important}
@media(max-width:900px){.settings-model-layout{grid-template-columns:1fr}.settings-model-list-panel{max-height:none}.settings-model-list-panel .settings-provider-list{max-height:220px!important}}

/* home top bar and chat product polish */
.app{background:#f7f9fd!important}
.side{background:#f7f9fd!important;border-right:1px solid #e5ecf6!important}
.side-head,.top{height:68px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e7edf6!important;box-shadow:none!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.side-head{padding:0 22px!important}
.top{padding:0 26px!important}
.brand{font-size:30px!important;font-weight:760!important;letter-spacing:.04em!important;color:#1769ff!important}
.model-avatar-img{width:38px!important;height:38px!important;border-radius:12px!important}
.top-model-select{height:38px!important;width:210px!important;background:#f7faff!important;border-color:#e1eaf6!important;color:#334155!important;font-size:14px!important}
.user-menu-btn,.user-avatar-img{width:38px!important;height:38px!important}
.main{background:#fbfcff!important}
.messages{width:min(900px,calc(100% - 72px))!important;padding-top:30px!important;padding-bottom:18px!important;gap:16px!important}
.empty{height:100%!important;color:#a0aaba!important}
.empty b{font-size:22px!important;font-weight:620!important;color:#344054!important;margin-bottom:8px!important}
.empty span{font-size:14px!important;color:#98a2b3!important}
.msg .bubble-wrap{max-width:min(720px,76%)!important}
.bubble{font-size:15px!important;line-height:1.72!important;padding:13px 16px!important;border-radius:18px!important}
.msg.assistant .bubble{background:#fff!important;border:1px solid #e8eef7!important;color:#182230!important;box-shadow:0 6px 18px rgba(15,23,42,.035)!important}
.msg.user .bubble{background:#1769ff!important;color:#fff!important;box-shadow:0 8px 22px rgba(23,105,255,.18)!important}
.msg.assistant .bubble-wrap{position:relative;padding-left:2px!important}
.msg.user .bubble-wrap{position:relative;padding-right:2px!important}
.composer{width:min(900px,calc(100% - 72px))!important;padding-top:14px!important;padding-bottom:24px!important;background:#fbfcff!important;border-top:0!important}
.input-shell{background:#fff!important;border:1px solid #e2eaf5!important;border-radius:20px!important;padding:10px!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important}
.input-shell:focus-within{border-color:#a9c8ff!important;box-shadow:0 16px 42px rgba(23,105,255,.10)!important}
.input{min-height:72px!important;padding:8px 8px 10px!important;font-size:15px!important}
.input-tools{border-top:1px solid #f0f4f9!important;padding:9px 2px 0!important}
.attach-btn,.mini-select{background:#f8fbff!important;border:1px solid #e5edf7!important}
.send{background:#1769ff!important;box-shadow:0 8px 18px rgba(23,105,255,.22)!important}
.chat-item.active{background:#edf4ff!important;color:#1769ff!important}
.chat-item:hover{background:#f1f6ff!important}
@media(max-width:760px){.app{grid-template-rows:auto minmax(0,1fr)!important}.side-head,.top{height:58px!important}.brand{font-size:24px!important}.top{padding:0 14px!important}.messages,.composer{width:calc(100% - 28px)!important}.msg .bubble-wrap{max-width:86%!important}.top-model-select{width:136px!important}}

/* full width chat panel with light inner gutter */
.messages,.composer{width:100%!important;max-width:none!important;margin:0!important;padding-left:28px!important;padding-right:28px!important}
.msg .bubble-wrap{max-width:min(760px,72%)!important}
.composer{padding-bottom:24px!important}
.input-shell{width:100%!important}
@media(max-width:760px){.messages,.composer{width:100%!important;padding-left:14px!important;padding-right:14px!important}.msg .bubble-wrap{max-width:86%!important}}

/* final settings bottom whitespace trim */
.settings-workspace{align-content:center!important}
.settings-main{height:auto!important;max-height:calc(100vh - 112px)!important;overflow:auto!important}
.settings-left-right{padding-bottom:12px!important}
.settings-content{padding-bottom:0!important}
.settings-view{padding-bottom:0!important}
.settings-clean-panel:last-child,.settings-model-layout,.settings-model-detail{margin-bottom:0!important}
.settings-model-list-panel{max-height:520px!important}
.settings-model-list-panel .settings-provider-list{max-height:440px!important}
@media(max-width:760px){.settings-main{max-height:calc(100vh - 78px)!important}.settings-left-right{padding-bottom:10px!important}.settings-model-list-panel{max-height:none!important}}

/* personal center single page */
.settings-sub-tabs{display:none!important}
.settings-avatar-row + .settings-row{border-top:0!important}
.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:10px;padding:12px 14px;border-bottom:1px solid #f1f4f8;background:#fff}
.avatar-picker.hidden{display:none!important}
.avatar-option{width:44px;height:44px;border:1px solid transparent;border-radius:50%;padding:2px;background:transparent;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.avatar-option:hover{transform:translateY(-1px);background:#f6f9ff}
.avatar-option.active{border-color:#1769ff;background:#eef5ff}
.avatar-option img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}

/* top bar no split, model logo beside selector */
.side{border-right:0!important}
.side-head,.top{border-bottom:1px solid #e8eef7!important}
.top{justify-content:flex-end!important}
.model-head:empty{display:none!important}
.top-actions{gap:10px!important}
.top-actions .model-avatar-img{width:34px!important;height:34px!important;border-radius:11px!important;flex:none}
.top-model-select{width:220px!important}
@media(max-width:760px){.top-actions .model-avatar-img{width:32px!important;height:32px!important}.top-model-select{width:136px!important}}

/* settings panels stretch to bottom */
.settings-main{height:min(760px,calc(100vh - 96px))!important;max-height:calc(100vh - 96px)!important}
.settings-left-right{height:100%!important;min-height:0!important}
.settings-content,.settings-view.active{height:100%!important;min-height:0!important}
.settings-model-layout{height:100%!important;min-height:0!important;align-items:stretch!important}
.settings-model-list-panel{height:100%!important;max-height:none!important;min-height:0!important}
.settings-model-list-panel .settings-provider-list{max-height:none!important;min-height:0!important;overflow:auto!important}
.settings-model-detail{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.settings-model-detail>.settings-row{flex:0 0 auto!important}
.settings-model-detail>.advanced-toggle,.settings-model-detail>.advanced-box{flex:0 0 auto!important}
.settings-model-list-row{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
.settings-model-list-row .field-label-row{flex:0 0 auto!important}
.settings-model-list-row textarea{flex:1 1 auto!important;min-height:0!important;height:100%!important;resize:none!important}
@media(max-width:900px){.settings-main{height:min(760px,calc(100vh - 96px))!important}.settings-model-layout{height:auto!important}.settings-model-list-panel{height:auto!important}.settings-model-detail{height:auto!important}.settings-model-list-row textarea{min-height:120px!important}}

/* settings header alignment fix */
.settings-top{display:flex!important;align-items:center!important;justify-content:space-between!important}
.settings-top>.top-actions:first-child{margin-right:auto!important;justify-content:flex-start!important}
.settings-top>.top-actions:last-child{margin-left:auto!important;justify-content:flex-end!important}
.settings-top .top-title{margin-left:6px!important}

/* model list should not stretch to bottom */
.settings-model-list-panel{height:auto!important;min-height:0!important;max-height:none!important;align-self:start!important;grid-template-rows:auto auto!important}
.settings-model-list-panel .settings-provider-list{height:auto!important;min-height:0!important;max-height:430px!important;overflow:auto!important}
.settings-model-list-panel .settings-add-bottom{margin-top:12px!important}
@media(max-width:900px){.settings-model-list-panel .settings-provider-list{max-height:260px!important}}

/* model service three-column layout */
.settings-model-layout{grid-template-columns:230px minmax(360px,1fr) 260px!important;align-items:start!important;height:auto!important}
.settings-model-detail{height:auto!important;overflow:visible!important}
.settings-model-options-panel{height:auto!important;align-self:start!important;overflow:hidden!important}
.settings-model-options-panel .settings-model-list-row{display:flex!important;flex-direction:column!important;min-height:0!important;padding:14px 16px!important;border:0!important;background:#fff!important}
.settings-model-options-panel .field-label-row{margin:0 0 8px!important}
.settings-model-options-panel textarea{height:360px!important;min-height:360px!important;resize:none!important;border-top:1px solid #f0f3f8!important;padding-top:12px!important;font-size:13px!important;line-height:1.6!important;color:#344054!important}
@media(max-width:1180px){.settings-model-layout{grid-template-columns:220px minmax(320px,1fr) 230px!important}.settings-model-options-panel textarea{height:320px!important;min-height:320px!important}}
@media(max-width:900px){.settings-model-layout{grid-template-columns:1fr!important}.settings-model-options-panel textarea{height:180px!important;min-height:180px!important}}

/* composer tools cleanup */
.input-tools{border-top:0!important;padding-top:8px!important}
.attach-btn{border:0!important;background:transparent!important;box-shadow:none!important;color:#64748b!important}
.attach-btn:hover{border:0!important;background:transparent!important;color:#1769ff!important}

/* sidebar compact controls */
.side-foot{height:72px!important;display:grid!important;grid-template-columns:1fr 44px 44px!important;gap:8px!important;align-items:center!important;padding:12px 14px!important}
.side-foot .new-chat,.settings-entry,.side-collapse{width:44px!important;height:44px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important}
.side-foot .new-chat{font-size:28px!important;font-weight:430!important;justify-self:start!important}
.settings-gear{font-size:22px!important;line-height:1!important;transform:none!important}
.side-collapse{font-size:28px!important;font-weight:360!important}
.side-foot .new-chat:hover,.settings-entry:hover,.side-collapse:hover{background:transparent!important;color:#1769ff!important}
.app.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}
.app.sidebar-collapsed .side{grid-template-rows:72px minmax(0,1fr) 160px!important}
.app.sidebar-collapsed .side-head{justify-content:center!important;padding:0!important}
.app.sidebar-collapsed .brand{font-size:24px!important;letter-spacing:0!important}
.app.sidebar-collapsed .brand::after{content:''}
.app.sidebar-collapsed .chat-list{display:none!important}
.app.sidebar-collapsed .side-foot{height:160px!important;grid-template-columns:1fr!important;grid-template-rows:44px 44px 44px!important;justify-items:center!important;padding:8px 0 14px!important}
.app.sidebar-collapsed .side-foot .new-chat{justify-self:center!important}
.app.sidebar-collapsed .side-collapse{transform:rotate(180deg)}
@media(max-width:760px){.side-collapse{display:none!important}.side-foot .new-chat,.settings-entry{width:40px!important;height:40px!important}}

/* settings expanded layout */
.settings-workspace{align-content:start!important;overflow:auto!important;padding:24px!important}
.settings-top{width:min(1040px,calc(100vw - 48px))!important}
.settings-main{width:min(1040px,calc(100vw - 48px))!important;height:auto!important;max-height:none!important;overflow:visible!important}
.settings-left-right{grid-template-columns:156px minmax(0,1fr)!important;gap:18px!important}
.settings-nav{padding-right:12px!important}
.settings-primary-item{height:38px!important;min-height:38px!important;margin-bottom:4px!important;padding:0 10px!important}
.settings-model-layout{grid-template-columns:228px minmax(360px,1fr) 260px!important}
.settings-provider-list{max-height:none!important;overflow:visible!important;padding-right:0!important}
.settings-model-options-panel textarea{height:auto!important;min-height:220px!important;overflow:hidden!important;resize:none!important}
.settings-clean-panel{overflow:visible!important}
@media(max-width:900px){.settings-workspace{padding:14px!important}.settings-top,.settings-main{width:calc(100vw - 28px)!important}.settings-left-right{grid-template-columns:1fr!important}.settings-model-layout{grid-template-columns:1fr!important}.settings-nav{border-right:0!important;padding-right:0!important}.settings-provider-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}

/* settings model service full-depth panels */
.settings-view[data-settings-panel="models"].active{display:block!important}
.settings-left-right{align-items:stretch!important}
.settings-content{display:flex!important;flex-direction:column!important;min-height:100%!important}
.settings-view.active{flex:1 1 auto!important}
.settings-view.active>.settings-clean-panel{min-height:100%!important}
.settings-model-layout{display:grid!important;grid-template-columns:228px minmax(360px,1fr) 260px!important;gap:14px!important;align-items:stretch!important}
.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:100%!important;min-height:100%!important;align-self:stretch!important}
.settings-model-list-panel{display:flex!important;flex-direction:column!important;max-height:none!important;overflow:visible!important}
.settings-model-list-panel .settings-provider-list{flex:1 1 auto!important;max-height:none!important;overflow:visible!important}
.settings-model-list-panel .settings-add-bottom{flex:0 0 auto!important;margin-top:12px!important}
.settings-model-detail{display:flex!important;flex-direction:column!important;overflow:visible!important}
.settings-model-detail>.advanced-box:not(.hidden){display:block!important}
.settings-model-options-panel{display:flex!important;flex-direction:column!important;overflow:visible!important}
.settings-model-options-panel .settings-model-list-row{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.settings-model-options-panel textarea{flex:1 1 auto!important;height:100%!important;min-height:420px!important;overflow:hidden!important}
@media(max-width:900px){.settings-model-layout{grid-template-columns:1fr!important}.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:auto!important;min-height:0!important}.settings-model-options-panel textarea{min-height:180px!important}}

/* advanced parameters always expanded */
.settings-model-detail .advanced-toggle{display:none!important}
.settings-model-detail .advanced-box{display:block!important;border-top:1px solid #eef2f7!important}
.settings-model-detail .advanced-box.hidden{display:block!important}

/* settings page full-height bottom aligned */
.settings-workspace{align-content:center!important;overflow:hidden!important;padding:24px!important}
.settings-main{height:min(760px,calc(100vh - 104px))!important;max-height:none!important;overflow:hidden!important;display:flex!important}
.settings-left-right{height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:18px 20px 18px!important;flex:1 1 auto!important}
.settings-nav,.settings-content,.settings-view.active{height:100%!important;min-height:0!important}
.settings-content{display:flex!important;flex-direction:column!important}
.settings-view.active{display:flex!important;flex-direction:column!important}
.settings-view.active>.settings-clean-panel{flex:1 1 auto!important;min-height:100%!important}
.settings-model-layout{height:100%!important;min-height:0!important;flex:1 1 auto!important}
.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:100%!important;min-height:0!important;align-self:stretch!important;box-sizing:border-box!important}
.settings-model-list-panel .settings-provider-list{min-height:0!important}
.settings-model-options-panel .settings-model-list-row{height:100%!important;min-height:0!important}
.settings-model-options-panel textarea{min-height:0!important;height:100%!important}
@media(max-width:900px){.settings-workspace{overflow:auto!important;align-content:start!important}.settings-main{height:auto!important;overflow:visible!important}.settings-left-right,.settings-nav,.settings-content,.settings-view.active,.settings-model-layout,.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:auto!important;min-height:0!important}}

/* keep model list inside settings panel */
.settings-model-options-panel{overflow:hidden!important;min-height:0!important}
.settings-model-options-panel .settings-model-list-row{box-sizing:border-box!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:13px 14px!important}
.settings-model-options-panel .field-label-row{flex:0 0 auto!important}
.settings-model-options-panel textarea{box-sizing:border-box!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:100%!important;overflow:auto!important}

/* join model detail and model list */
.settings-model-layout{gap:0!important}
.settings-model-list-panel{margin-right:14px!important}
.settings-model-detail{border-right:0!important;border-radius:16px 0 0 16px!important}
.settings-model-options-panel{border-left:1px solid #eef2f7!important;border-radius:0 16px 16px 0!important}
.settings-model-detail .settings-row,.settings-model-options-panel .settings-row{border-color:#eef2f7!important}
@media(max-width:900px){.settings-model-layout{gap:14px!important}.settings-model-list-panel{margin-right:0!important}.settings-model-detail,.settings-model-options-panel{border:1px solid #e6edf5!important;border-radius:16px!important}}

/* widen right model list */
.settings-top,.settings-main{width:min(1160px,calc(100vw - 48px))!important}
.settings-left-right{grid-template-columns:146px minmax(0,1fr)!important}
.settings-model-layout{grid-template-columns:220px minmax(360px,1fr) 340px!important}
.settings-model-options-panel{min-width:0!important}
.settings-model-options-panel textarea{white-space:pre-wrap!important;word-break:break-word!important}
@media(max-width:1180px){.settings-model-layout{grid-template-columns:210px minmax(320px,1fr) 300px!important}}
@media(max-width:900px){.settings-top,.settings-main{width:calc(100vw - 28px)!important}.settings-left-right{grid-template-columns:1fr!important}.settings-model-layout{grid-template-columns:1fr!important}}

/* stretch simple settings pages */
.settings-view[data-settings-panel="display"].active,
.settings-view[data-settings-panel="account"].active{display:flex!important;align-items:stretch!important;width:100%!important;height:100%!important}
.settings-view[data-settings-panel="display"]>.settings-clean-panel,
.settings-view[data-settings-panel="account"]>.settings-clean-panel{width:100%!important;height:100%!important;min-height:100%!important;align-self:stretch!important;box-sizing:border-box!important}
.settings-view[data-settings-panel="account"]>.settings-clean-panel{display:flex!important;flex-direction:column!important}

/* merge model brand list and detail panels */
.settings-model-layout{gap:0!important}
.settings-model-list-panel{margin-right:0!important;border-right:0!important;border-radius:16px 0 0 16px!important}
.settings-model-detail{border-left:1px solid #eef2f7!important;border-right:0!important;border-radius:0!important}
.settings-model-options-panel{border-left:1px solid #eef2f7!important;border-radius:0 16px 16px 0!important}
@media(max-width:900px){.settings-model-layout{gap:14px!important}.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{border:1px solid #e6edf5!important;border-radius:16px!important}}

/* clean model detail rows */
.settings-model-detail{background:#fff!important}
.settings-model-detail .settings-row{grid-template-columns:92px minmax(0,1fr)!important;min-height:52px!important;height:52px!important;padding:0 18px!important;gap:14px!important;border-bottom:1px solid #eef2f7!important;box-sizing:border-box!important}
.settings-model-detail .settings-row label{font-size:12px!important;font-weight:500!important;color:#7b8798!important;letter-spacing:0!important}
.settings-model-detail .settings-row input,
.settings-model-detail .settings-row select{height:52px!important;padding:0!important;font-size:14px!important;font-weight:500!important;color:#202939!important;line-height:52px!important}
.settings-model-detail .secret-line{grid-template-columns:minmax(0,1fr) 44px!important;gap:10px!important;height:52px!important}
.settings-model-detail .fetch-models-btn{height:32px!important;line-height:32px!important;font-size:13px!important;color:#1769ff!important}
.settings-model-detail .advanced-box{margin:0!important;padding:0!important;border-top:0!important}
.settings-model-detail .settings-row-area{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;height:auto!important;min-height:104px!important;padding:14px 18px!important}
.settings-model-detail .settings-row-area textarea{min-height:76px!important;margin:0!important;padding:0!important;border-top:0!important;font-size:13px!important;line-height:1.55!important}
.settings-model-detail .settings-row:last-child,
.settings-model-detail .advanced-box .settings-row:last-child{border-bottom:0!important}
.settings-model-detail .headers-row{display:none!important}
.settings-model-options-panel{overflow:hidden!important;border-radius:0 16px 16px 0!important}
.settings-model-options-panel .settings-model-list-row{border-radius:0 16px 16px 0!important;overflow:hidden!important}
@media(max-width:900px){.settings-model-detail .settings-row{grid-template-columns:82px minmax(0,1fr)!important;padding:0 14px!important}.settings-model-detail .settings-row-area{grid-template-columns:82px minmax(0,1fr)!important;padding:14px!important}}

/* model option pills */
.settings-model-options-panel .field-label-row{display:none!important}
.settings-model-options-panel textarea{display:none!important}
.model-pill-list{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:4px 2px;overflow:auto;height:100%;min-height:0}
.model-pill{max-width:100%;height:30px;display:inline-flex;align-items:center;border-radius:999px;background:#f2f6ff;color:#2f5fbe;border:1px solid #dce8ff;padding:0 12px;font-size:12px;font-weight:520;line-height:30px;white-space:nowrap}
.model-pill-empty{color:#98a2b3;font-size:13px;padding:4px 2px}

/* compact model brand list */
.settings-model-list-panel .settings-provider{min-height:36px!important;height:36px!important;padding:5px 8px!important;grid-template-columns:24px minmax(0,1fr) 34px!important;gap:7px!important;border-radius:9px!important}
.settings-model-list-panel .settings-provider-logo{width:24px!important;height:24px!important;border-radius:7px!important}
.settings-model-list-panel .settings-provider-name{font-size:13px!important;font-weight:520!important}
.settings-model-list-panel .provider-switch{width:34px!important;height:20px!important}
.settings-model-list-panel .provider-switch::after{width:16px!important;height:16px!important}
.settings-model-list-panel .provider-switch.on::after{transform:translateX(14px)!important}
.settings-model-list-panel .settings-add-bottom{height:34px!important;margin:0 0 10px!important}
.settings-model-list-panel .settings-provider-list{gap:1px!important}
.settings-model-list-panel .settings-provider{margin:0!important}

/* keep model detail content inside panel */
.settings-model-detail{overflow:hidden!important}
.settings-model-detail .settings-row{min-height:44px!important;height:44px!important;padding:0 16px!important}
.settings-model-detail .settings-row input,
.settings-model-detail .settings-row select{height:44px!important;line-height:44px!important;font-size:13px!important}
.settings-model-detail .secret-line{height:44px!important}
.settings-model-detail .fetch-models-btn{height:28px!important;line-height:28px!important}
.settings-model-detail .settings-row-area{min-height:76px!important;padding:10px 16px!important}
.settings-model-detail .settings-row-area textarea{min-height:54px!important;max-height:54px!important;overflow:auto!important;font-size:12px!important}

/* settings scroll when viewport is compressed */
.settings-main{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
.settings-main::-webkit-scrollbar{width:8px}
.settings-main::-webkit-scrollbar-thumb{background:#d7e1ef;border-radius:999px}
.settings-main::-webkit-scrollbar-track{background:transparent}
@media(max-height:820px){
  .settings-workspace{align-content:start!important;overflow:hidden!important}
  .settings-main{max-height:calc(100vh - 104px)!important;overflow-y:auto!important}
  .settings-left-right{height:auto!important;min-height:100%!important}
  .settings-nav,.settings-content,.settings-view.active,.settings-model-layout{height:auto!important;min-height:100%!important}
  .settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:auto!important;min-height:0!important}
  .settings-model-detail{overflow:visible!important}
}

/* product settings redesign */
.settings-workspace{padding:24px!important;background:rgba(20,32,52,.22)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.settings-top{width:min(1180px,calc(100vw - 48px))!important;height:64px!important;padding:0 22px!important;background:#fbfdff!important;border:1px solid #dfe7f3!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;box-shadow:0 22px 60px rgba(17,31,55,.16)!important}
.settings-top .top-actions{height:100%!important;display:flex!important;align-items:center!important;gap:14px!important}
.settings-top .top-actions:first-child{margin-right:auto!important}
.settings-top .top-title{font-size:18px!important;font-weight:720!important;color:#182230!important}
.settings-top .back-btn{width:36px!important;height:36px!important;border-radius:12px!important;font-size:25px!important;color:#697586!important;transition:background .16s,color .16s!important}
.settings-top .back-btn:hover{background:#eef5ff!important;color:#1769ff!important}
.settings-top .primary{height:38px!important;min-width:76px!important;border:0!important;border-radius:13px!important;background:#1769ff!important;color:#fff!important;font-size:14px!important;font-weight:650!important;box-shadow:0 10px 22px rgba(23,105,255,.18)!important}
.settings-main{width:min(1180px,calc(100vw - 48px))!important;height:min(760px,calc(100vh - 108px))!important;background:#fbfdff!important;border:1px solid #dfe7f3!important;border-top:0!important;border-radius:0 0 22px 22px!important;box-shadow:0 30px 78px rgba(17,31,55,.16)!important;overflow:auto!important}
.settings-left-right{height:100%!important;grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)!important}
.settings-nav{padding:4px 12px 4px 0!important;border-right:1px solid #e7eef8!important}
.settings-primary-item{width:100%!important;height:42px!important;min-height:42px!important;margin:0 0 6px!important;padding:0 12px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#526071!important;font-size:14px!important;font-weight:560!important;display:flex!important;align-items:center!important;transition:background .16s,color .16s,box-shadow .16s!important}
.settings-primary-item:hover{background:rgba(23,105,255,.06)!important;color:#1769ff!important}
.settings-primary-item.active{background:#eaf2ff!important;color:#1769ff!important;box-shadow:inset 0 0 0 1px #d4e4ff!important}
.settings-content{min-width:0!important;height:100%!important}
.settings-view.active{height:100%!important}
.settings-model-layout{height:100%!important;display:grid!important;grid-template-columns:218px minmax(380px,1fr) 330px!important;gap:0!important;align-items:stretch!important}
.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:100%!important;background:#fff!important;border-color:#e2ebf6!important;box-shadow:0 1px 0 rgba(17,31,55,.02)!important}
.settings-model-list-panel{padding:12px!important;border-radius:18px 0 0 18px!important;border-right:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.settings-model-detail{border-radius:0!important;border-left:1px solid #edf2f8!important;border-right:0!important;overflow:hidden!important}
.settings-model-options-panel{border-radius:0 18px 18px 0!important;border-left:1px solid #edf2f8!important;overflow:hidden!important}
.settings-model-list-panel .settings-add-bottom{height:36px!important;margin:0 0 10px!important;border-radius:12px!important;background:#edf5ff!important;color:#1769ff!important;border:1px solid #d8e8ff!important;font-size:13px!important;font-weight:620!important}
.settings-model-list-panel .settings-provider-list{display:grid!important;gap:2px!important;overflow:auto!important;min-height:0!important}
.settings-model-list-panel .settings-provider{height:38px!important;min-height:38px!important;padding:6px 8px!important;grid-template-columns:24px minmax(0,1fr) 34px!important;gap:8px!important;border-radius:11px!important;color:#354052!important;background:transparent!important}
.settings-model-list-panel .settings-provider:hover{background:#f5f9ff!important}
.settings-model-list-panel .settings-provider.active{background:#edf5ff!important;color:#1769ff!important}
.settings-model-list-panel .settings-provider-logo{width:24px!important;height:24px!important;border-radius:7px!important}
.settings-model-list-panel .settings-provider-name{font-size:13px!important;font-weight:560!important}
.provider-switch{background:#e8eef7!important;box-shadow:inset 0 0 0 1px rgba(16,24,40,.03)!important}
.provider-switch.on{background:#1769ff!important}
.settings-model-detail .settings-row{height:48px!important;min-height:48px!important;padding:0 18px!important;grid-template-columns:90px minmax(0,1fr)!important;gap:16px!important;border-bottom:1px solid #edf2f8!important;background:#fff!important}
.settings-model-detail .settings-row label{font-size:12px!important;font-weight:540!important;color:#7a8699!important}
.settings-model-detail .settings-row input,.settings-model-detail .settings-row select{height:48px!important;line-height:48px!important;font-size:14px!important;font-weight:520!important;color:#1d2735!important;background:transparent!important}
.settings-model-detail .secret-line{height:48px!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:10px!important}
.settings-model-detail .fetch-models-btn{height:30px!important;border-radius:10px!important;color:#1769ff!important;font-size:13px!important;font-weight:600!important}
.settings-model-detail .settings-row-area{min-height:88px!important;padding:12px 18px!important;grid-template-columns:90px minmax(0,1fr)!important}
.settings-model-detail .settings-row-area textarea{min-height:62px!important;max-height:62px!important;line-height:1.5!important;color:#344054!important}
.settings-model-options-panel .settings-model-list-row{height:100%!important;padding:14px!important;background:#fff!important;border:0!important}
.model-pill-list{gap:8px!important;padding:2px!important}
.model-pill{height:30px!important;line-height:30px!important;border-radius:999px!important;background:#f1f6ff!important;border:1px solid #dbe8ff!important;color:#3264bd!important;font-size:12px!important;font-weight:520!important;padding:0 11px!important}
.model-pill-empty{font-size:13px!important;color:#98a2b3!important}
.settings-view[data-settings-panel="display"]>.settings-clean-panel,.settings-view[data-settings-panel="account"]>.settings-clean-panel{height:100%!important;border-radius:18px!important;border-color:#e2ebf6!important;background:#fff!important;overflow:hidden!important}
.settings-view[data-settings-panel="display"] .settings-row,.settings-view[data-settings-panel="account"] .settings-row{height:52px!important;min-height:52px!important;padding:0 18px!important;grid-template-columns:96px minmax(0,1fr)!important;border-bottom:1px solid #edf2f8!important}
.settings-view[data-settings-panel="display"] .settings-row label,.settings-view[data-settings-panel="account"] .settings-row label{font-size:12px!important;font-weight:540!important;color:#7a8699!important}
.settings-view[data-settings-panel="display"] input,.settings-view[data-settings-panel="display"] select,.settings-view[data-settings-panel="account"] input{height:52px!important;line-height:52px!important;font-size:14px!important;color:#1d2735!important}
@media(max-width:1180px){.settings-model-layout{grid-template-columns:206px minmax(340px,1fr) 300px!important}}
@media(max-width:900px){.settings-workspace{padding:14px!important;overflow:auto!important}.settings-top,.settings-main{width:calc(100vw - 28px)!important}.settings-main{height:auto!important}.settings-left-right{grid-template-columns:1fr!important}.settings-nav{border-right:0!important;padding-right:0!important}.settings-model-layout{grid-template-columns:1fr!important;gap:12px!important}.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{border:1px solid #e2ebf6!important;border-radius:18px!important}}

/* refined clean settings page */
.settings-workspace{padding:24px!important;background:rgba(19,31,52,.18)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.settings-top{width:min(1120px,calc(100vw - 48px))!important;height:60px!important;background:#fff!important;border:1px solid #e3eaf4!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 20px 52px rgba(18,32,56,.13)!important}
.settings-main{width:min(1120px,calc(100vw - 48px))!important;height:min(740px,calc(100vh - 104px))!important;background:#fff!important;border:1px solid #e3eaf4!important;border-top:0!important;border-radius:0 0 20px 20px!important;box-shadow:0 28px 68px rgba(18,32,56,.13)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important}
.settings-main::-webkit-scrollbar{width:8px!important}
.settings-main::-webkit-scrollbar-thumb{background:#d9e3f0!important;border-radius:999px!important}
.settings-main::-webkit-scrollbar-track{background:transparent!important}
.settings-left-right{height:auto!important;min-height:100%!important;grid-template-columns:136px minmax(0,1fr)!important;gap:18px!important;padding:18px!important;background:#fff!important}
.settings-nav{border-right:1px solid #edf2f7!important;padding:2px 12px 2px 0!important;height:auto!important;min-height:100%!important}
.settings-primary-item{height:38px!important;min-height:38px!important;margin:0 0 4px!important;border-radius:10px!important;padding:0 10px!important;font-size:14px!important;font-weight:520!important;color:#526071!important;background:transparent!important;box-shadow:none!important}
.settings-primary-item:hover{background:#f6f9ff!important;color:#1769ff!important}
.settings-primary-item.active{background:#eef5ff!important;color:#1769ff!important;box-shadow:none!important}
.settings-content{height:auto!important;min-height:100%!important;display:block!important}
.settings-view.active{height:auto!important;min-height:100%!important;display:block!important}
.settings-view[data-settings-panel="models"].active{display:block!important}
.settings-model-layout{height:auto!important;min-height:100%!important;display:grid!important;grid-template-columns:210px minmax(380px,1fr) 300px!important;gap:0!important;align-items:stretch!important}
.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:auto!important;min-height:100%!important;background:#fff!important;border:1px solid #e8eef6!important;box-shadow:none!important;overflow:visible!important}
.settings-model-list-panel{border-radius:16px 0 0 16px!important;border-right:0!important;padding:10px!important}
.settings-model-detail{border-radius:0!important;border-left:1px solid #edf2f7!important;border-right:0!important}
.settings-model-options-panel{border-radius:0 16px 16px 0!important;border-left:1px solid #edf2f7!important}
.settings-model-list-panel .settings-provider-list{overflow:visible!important;gap:1px!important}
.settings-model-list-panel .settings-add-bottom{height:34px!important;margin:0 0 8px!important;border-radius:10px!important;border:0!important;background:#f1f6ff!important;color:#1769ff!important;box-shadow:none!important}
.settings-model-list-panel .settings-provider{height:36px!important;min-height:36px!important;padding:5px 8px!important;border-radius:9px!important;background:transparent!important;color:#394557!important}
.settings-model-list-panel .settings-provider:hover{background:#f7faff!important}
.settings-model-list-panel .settings-provider.active{background:#eef5ff!important;color:#1769ff!important}
.settings-model-detail .settings-row{height:46px!important;min-height:46px!important;padding:0 18px!important;grid-template-columns:88px minmax(0,1fr)!important;border-bottom:1px solid #edf2f7!important}
.settings-model-detail .settings-row label{font-size:12px!important;color:#7b8798!important;font-weight:500!important}
.settings-model-detail .settings-row input,.settings-model-detail .settings-row select{height:46px!important;line-height:46px!important;font-size:14px!important;color:#1f2937!important;font-weight:480!important}
.settings-model-detail .secret-line{height:46px!important;grid-template-columns:minmax(0,1fr) 42px!important}
.settings-model-detail .fetch-models-btn{height:28px!important;border:0!important;background:transparent!important;color:#1769ff!important;font-weight:560!important}
.settings-model-detail .settings-row-area{min-height:78px!important;padding:10px 18px!important;grid-template-columns:88px minmax(0,1fr)!important}
.settings-model-detail .settings-row-area textarea{min-height:56px!important;max-height:none!important;height:56px!important;overflow:hidden!important;font-size:12px!important}
.settings-model-options-panel .settings-model-list-row{height:auto!important;min-height:100%!important;padding:14px!important;overflow:visible!important}
.model-pill-list{height:auto!important;min-height:0!important;overflow:visible!important;gap:7px!important;padding:0!important}
.model-pill{height:28px!important;line-height:28px!important;background:#f3f7ff!important;border:1px solid #dfeaff!important;color:#3768b8!important;font-weight:500!important}
.settings-view[data-settings-panel="display"]>.settings-clean-panel,.settings-view[data-settings-panel="account"]>.settings-clean-panel{height:auto!important;min-height:100%!important;border:1px solid #e8eef6!important;border-radius:16px!important;box-shadow:none!important}
.settings-view[data-settings-panel="display"] .settings-row,.settings-view[data-settings-panel="account"] .settings-row{height:50px!important;min-height:50px!important;padding:0 18px!important;grid-template-columns:92px minmax(0,1fr)!important;border-bottom:1px solid #edf2f7!important}
.settings-view[data-settings-panel="display"] .settings-row label,.settings-view[data-settings-panel="account"] .settings-row label{font-size:12px!important;color:#7b8798!important;font-weight:500!important}
.settings-view[data-settings-panel="display"] input,.settings-view[data-settings-panel="display"] select,.settings-view[data-settings-panel="account"] input{height:50px!important;line-height:50px!important;font-size:14px!important;color:#1f2937!important}
@media(max-width:1180px){.settings-top,.settings-main{width:calc(100vw - 48px)!important}.settings-model-layout{grid-template-columns:198px minmax(340px,1fr) 280px!important}}
@media(max-width:900px){.settings-workspace{padding:14px!important;overflow:auto!important}.settings-top,.settings-main{width:calc(100vw - 28px)!important}.settings-main{height:auto!important}.settings-left-right{grid-template-columns:1fr!important}.settings-nav{border-right:0!important;padding-right:0!important}.settings-model-layout{grid-template-columns:1fr!important;gap:12px!important}.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{border:1px solid #e8eef6!important;border-radius:16px!important}}

/* model detail refined layout */
.settings-model-layout{grid-template-columns:200px minmax(500px,1fr) 220px!important}
.settings-model-detail .settings-row{grid-template-columns:80px minmax(0,1fr)!important;height:48px!important;min-height:48px!important;padding:0 20px!important;gap:18px!important}
.settings-model-detail .settings-row label{font-size:12px!important;font-weight:500!important;color:#8a95a6!important}
.settings-model-detail .settings-row input,
.settings-model-detail .settings-row select{font-size:14px!important;font-weight:500!important;color:#1e293b!important}
.settings-model-detail .settings-row input::placeholder{color:#c0c8d4!important}
.settings-model-detail .secret-line{grid-template-columns:minmax(0,1fr) 40px!important;gap:12px!important}
.settings-model-detail .fetch-models-btn{font-size:13px!important;color:#1769ff!important}
.settings-model-detail .settings-row-area{grid-template-columns:80px minmax(0,1fr)!important;padding:12px 20px!important;gap:18px!important}
.settings-model-options-panel{max-width:220px!important}
.model-pill-empty{font-size:12px!important;color:#a2acba!important;display:block!important;padding:2px 0!important}
.model-pill{font-size:12px!important;height:27px!important;line-height:27px!important;padding:0 10px!important}
@media(max-width:1180px){.settings-model-layout{grid-template-columns:190px minmax(440px,1fr) 200px!important}.settings-model-options-panel{max-width:200px!important}}
@media(max-width:900px){.settings-model-layout{grid-template-columns:1fr!important}.settings-model-options-panel{max-width:none!important}}
/* final settings top-tab redesign */
.settings-left-right{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;gap:14px!important;padding:16px 18px 18px!important;background:#fff!important}
.settings-nav{display:flex!important;align-items:center!important;gap:8px!important;height:auto!important;min-height:0!important;border-right:0!important;border-bottom:1px solid #edf2f7!important;padding:0 0 12px!important;overflow-x:auto!important}
.settings-primary-item{width:auto!important;min-width:92px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 16px!important;border-radius:999px!important;justify-content:center!important;color:#5f6b7a!important;background:transparent!important;box-shadow:none!important;flex:0 0 auto!important}
.settings-primary-item:hover{background:#f5f8ff!important;color:#1769ff!important}
.settings-primary-item.active{background:#1769ff!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,105,255,.14)!important}
.settings-content{height:auto!important;min-height:0!important;display:block!important}
.settings-view.active{height:auto!important;min-height:0!important;display:block!important}
.settings-model-layout{grid-template-columns:196px minmax(520px,1fr) 220px!important;height:auto!important;min-height:0!important}
.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{height:auto!important;min-height:0!important}
.settings-model-detail .headers-row{display:grid!important;height:auto!important;min-height:96px!important;padding:12px 20px!important;border-bottom:0!important}
.settings-model-detail .headers-row textarea{display:block!important;height:70px!important;min-height:70px!important;max-height:none!important;overflow:auto!important;background:#f8fbff!important;border:1px solid #e1eaf5!important;border-radius:10px!important;padding:9px 10px!important;line-height:1.45!important}
.settings-view[data-settings-panel="display"].active,.settings-view[data-settings-panel="account"].active{display:block!important}
@media(max-width:1180px){.settings-model-layout{grid-template-columns:188px minmax(460px,1fr) 200px!important}}
@media(max-width:900px){.settings-nav{padding-bottom:10px!important}.settings-model-layout{grid-template-columns:1fr!important;gap:12px!important}.settings-model-list-panel,.settings-model-detail,.settings-model-options-panel{border:1px solid #e8eef6!important;border-radius:16px!important}}

/* trapezoid settings tabs */
.settings-left-right{gap:16px!important}
.settings-nav{border-bottom:0!important;padding:0!important;gap:0!important;overflow:visible!important}
.settings-primary-item{position:relative!important;min-width:112px!important;height:40px!important;min-height:40px!important;margin:0 -6px 0 0!important;padding:0 20px!important;border-radius:0!important;background:transparent!important;color:#667085!important;z-index:1!important}
.settings-primary-item::before{content:"";position:absolute;inset:0;z-index:-1;background:#f3f6fb;border:1px solid #e5ecf6;transform:skewX(-14deg);border-radius:10px 10px 4px 4px;transition:background .16s,border-color .16s,box-shadow .16s}
.settings-primary-item:hover::before{background:#eef5ff;border-color:#d9e7ff}
.settings-primary-item.active{color:#1769ff!important;box-shadow:none!important;z-index:3!important}
.settings-primary-item.active::before{background:#fff;border-color:#cfe0ff;box-shadow:0 8px 18px rgba(23,105,255,.10)}
.settings-primary-item:first-child::before{border-top-left-radius:12px}
.settings-primary-item:last-child::before{border-top-right-radius:12px}
@media(max-width:900px){.settings-nav{overflow-x:auto!important}.settings-primary-item{flex:0 0 auto!important}}

/* model list top aligned and grouped pills */
.settings-model-list-panel{align-self:start!important;height:auto!important;min-height:0!important}
.settings-model-options-panel{align-self:stretch!important}
.model-pill-list{display:block!important}
.model-pill-group{margin:0 0 14px!important}
.model-pill-group:last-child{margin-bottom:0!important}
.model-pill-group-title{font-size:12px!important;font-weight:620!important;color:#8a95a6!important;margin:0 0 8px!important}
.model-pill-group-items{display:flex!important;flex-wrap:wrap!important;gap:7px!important}