.ai-nav{margin-top:8px;border:1px solid #d9e6e3;background:#effaf6;color:#137e60;font-weight:700}
.ai-nav:hover{background:#e5f6ef}.ai-nav.active{background:#171c22;border-color:#171c22;color:#fff}
.ai-drawer[hidden]{display:none}.shell.ai-mode{grid-template-columns:240px minmax(0,1fr)}
.shell.ai-mode>.editor,.shell.ai-mode>.results{display:none}
.ai-drawer{grid-column:2;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 16px);min-height:680px;overflow:hidden;background:#f7f8fa;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 16px #152b3a08}
.ai-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 28px 18px;border-bottom:1px solid #e8eaed;background:#fff}
.ai-kicker{color:#879198;font-size:10px;font-weight:700;letter-spacing:.13em}.ai-head h2{font-size:23px;line-height:1.2;margin:4px 0}.ai-head p{margin:0;color:#78848e;font-size:12px}
.ai-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ai-head-actions button{border:1px solid #e2e6e9;background:#fff;border-radius:99px;padding:7px 12px;color:#45515b}.ai-head-actions button:hover{background:#f2f5f6}
.ai-main{flex:1;overflow:auto;padding:20px 28px 24px;min-height:0}.ai-start{max-width:1260px;margin:clamp(20px,8vh,85px) auto 0}
.ai-start-title{text-align:center;margin-bottom:clamp(30px,7vh,78px)}.ai-start-title h3{font-size:clamp(24px,2.4vw,35px);line-height:1.2;margin:0 0 9px}.ai-start-title p{margin:0;color:#87919a;font-size:13px}
.ai-start-caption{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.ai-start-caption strong{font-size:14px}.ai-start-caption span{font-size:11px;color:#87919a}
.ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-card{display:flex;flex-direction:column;align-items:flex-start;min-height:155px;padding:17px 18px;border:1px solid #e3e7e9;border-radius:20px;background:#fff;text-align:left;box-shadow:0 8px 20px #1f34400b;transition:transform .15s,border-color .15s,box-shadow .15s}
.ai-card:hover,.ai-card:focus-visible{transform:translateY(-3px);border-color:#b8d3cb;box-shadow:0 12px 24px #1f344019}.ai-card-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ai-card-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f2f4f5;color:#24313a;font-size:18px}.ai-card-tag{background:#f3f5f6;border-radius:99px;padding:3px 8px;color:#69767f;font-size:10px}.ai-card strong{font-size:15px;margin-bottom:5px}.ai-card small{color:#8a959d;font-size:11px}
.ai-drawer.has-chat .ai-start{display:none}.ai-messages{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.ai-message{max-width:min(85%,720px);padding:14px 17px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.ai-message.assistant{align-self:flex-start;background:#fff;border:1px solid #e6ebec;color:#3f4c54}.ai-message.user{align-self:flex-end;background:#19232b;color:#fff}.ai-message small{display:block;font-size:10px;opacity:.63;margin-bottom:5px}
.ai-preview{max-width:920px;margin:18px auto 0;border:1px solid #dce8e3;border-radius:16px;background:#fff;padding:16px}.ai-preview[hidden]{display:none}.ai-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-preview-head span{display:block;font-size:11px;color:#7e8a91}.ai-preview-head strong{display:block;margin-top:3px;font-size:15px}.ai-review-badge{border-radius:99px;background:#fff6e5;color:#956522!important;padding:5px 9px;white-space:nowrap}.ai-preview pre{max-height:220px;overflow:auto;font:12px/1.55 Consolas,monospace;white-space:pre;color:#394750;background:#f7f9fa;border:1px solid #e8ecee;padding:12px;border-radius:10px}.ai-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-preview-actions button{border:1px solid #dbe2e5;background:#fff;padding:9px 14px;border-radius:99px}.ai-preview-actions button.primary{background:#171e23;border-color:#171e23;color:#fff}
.ai-composer-wrap{padding:12px 28px 15px;background:linear-gradient(#f7f8fa00,#f7f8fa 16%)}.ai-composer{max-width:1000px;margin:auto;padding:12px 14px 10px;border:1px solid #dfe5e7;border-radius:21px;background:#fff;box-shadow:0 8px 25px #192d3910}.ai-composer:focus-within{border-color:#a9c9c0;box-shadow:0 8px 25px #192d3910,0 0 0 3px #c7e8db66}.ai-composer-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#98a2a9;font-size:11px}.ai-composer-mode{border:1px solid #e0e6e8;border-radius:99px;padding:4px 10px;color:#24333e;font-weight:700}.ai-composer textarea{display:block;width:100%;min-height:75px;max-height:180px;resize:vertical;border:0;outline:0;background:transparent;padding:14px 2px 6px;color:#24313a}.ai-composer textarea::placeholder{color:#a1abb2}.ai-send-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-provider{display:flex;gap:9px;align-items:center;min-width:0}.ai-provider select{border:1px solid #e1e5e8;background:#fff;color:#27343c;border-radius:99px;padding:7px 10px;max-width:min(240px,52vw)}.ai-local-tag{color:#718078;background:#eef5f1;padding:6px 9px;border-radius:99px;font-size:11px;white-space:nowrap}.ai-send{display:grid;place-items:center;border:0;border-radius:50%;background:#171e23;color:#fff;width:34px;height:34px;font-size:22px;line-height:1}.ai-send:disabled{opacity:.4}.ai-composer-foot{max-width:1000px;margin:7px auto 0;display:flex;justify-content:space-between;gap:12px;color:#909aa1;font-size:10px}.ai-status{max-width:1000px;min-height:17px;margin:4px auto 0;color:#a25b33;font-size:11px}
.ai-cloud-tag{color:#137e60;background:#eef5f1;padding:6px 9px;border-radius:99px;font-size:11px;white-space:nowrap}
@media(max-width:1500px){.shell.ai-mode{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:1080px){.shell.ai-mode{grid-template-columns:150px minmax(0,1fr)}.ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.shell.ai-mode{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:690px){.shell.ai-mode{display:block}.ai-drawer{height:min(850px,calc(100vh - 15px));min-height:560px}.ai-head,.ai-main,.ai-composer-wrap{padding-left:15px;padding-right:15px}.ai-cards{grid-template-columns:1fr}.ai-head h2{font-size:19px}.ai-composer-foot{flex-direction:column;gap:2px}}
.ai-preview pre{max-height:130px}
.ai-activity[hidden]{display:none}.ai-activity{max-width:920px;margin:16px auto;padding:16px 18px;background:#fff;border:1px solid #c9e3df;border-radius:16px;color:#344f59;font-size:12px;overflow-wrap:anywhere}
.ai-activity-head{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ai-activity-head strong{flex:1;min-width:150px}.ai-activity-head>span:last-child{color:#78868c;font-size:11px}
.ai-spinner{width:15px;height:15px;border:2px solid #d5e9e4;border-top-color:#159a69;border-radius:50%;animation:ai-working .8s linear infinite;flex:none}
.ai-activity:not([aria-busy="true"]) .ai-spinner{animation:none;border-color:#8fa9a2}.ai-activity[data-state="failed"]{border-color:#e6b3bc}.ai-activity[data-state="disconnected"]{border-color:#e5ce9f}
.ai-activity-stats{font-size:11px;color:#73848c}.ai-activity details{padding:10px 12px;background:#f5faf8;border-radius:9px}.ai-activity summary{cursor:pointer;font-weight:650}.ai-activity details p{white-space:pre-wrap;line-height:1.7;margin:8px 0 0}.ai-activity-events{max-height:140px;overflow:auto;margin:12px 0 0;padding-left:22px;color:#7a8890;font-size:11px}.ai-activity-events li{margin:4px 0}.ai-activity button{margin-top:12px;border:1px solid #bed6cd;background:#fff;color:#156a53;border-radius:99px;padding:7px 12px}
@keyframes ai-working{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}}
@media print{.ai-drawer{display:none!important}}
.ai-history[hidden]{display:none}.ai-history{padding:12px 28px;border-bottom:1px solid #dfe6e8;background:#fff;max-height:240px;overflow:auto;font-size:12px}.ai-history-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ai-history-head span{flex:1;color:#7c888e;font-size:11px}.ai-history button{border:1px solid #dce6e4;border-radius:9px;background:#fff;padding:7px 10px;color:#34544a}.ai-history-row{display:flex;gap:8px;margin-top:7px}.ai-history-row button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history button:disabled{opacity:.45}.ai-history-row button:last-child{flex:none}.ai-activity pre{white-space:pre-wrap;max-height:220px;overflow:auto;font:12px/1.65 Consolas,monospace;background:#101e28;color:#d7eee7;padding:12px;border-radius:9px}.ai-activity details+details{margin-top:9px}
.ai-thinking-note{font-size:11px;color:#7d8b92}.ai-activity #aiThinkingText{max-height:280px;background:#f0f5f7;color:#51616c;font-family:inherit;line-height:1.8;overflow-wrap:anywhere}.ai-saved-thinking{margin-top:10px;border-top:1px solid #e5ecee;padding-top:8px}.ai-saved-thinking summary{font-size:12px;cursor:pointer}.ai-saved-thinking pre{font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;color:#63747c}