:root{--brand:#4c6ef5;--brand-2:#7c5cf0;--brand-grad:linear-gradient(135deg, #4c6ef5 0%, #7c5cf0 100%);--brand-soft:#eef1ff;--brand-soft-2:#f3f0ff;--bg:#f7f8fb;--panel:#fff;--line:#e9eaf0;--line-strong:#dcdfe8;--text:#1b1e28;--text-2:#5c6172;--text-3:#9aa0b0;--ok:#2fb344;--warn:#e8a13c;--danger:#e5484d;--radius:14px;--radius-sm:10px;--shadow:0 8px 30px #1b1e2814;--shadow-sm:0 2px 10px #1b1e280d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6}button{cursor:pointer;font-family:inherit}input,textarea,select{color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4c6ef51f}textarea{resize:vertical}.app{grid-template-columns:232px 1fr;height:100vh;display:grid;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:6px;min-height:0;padding:14px 10px 10px;display:flex}.side-brand{color:var(--text);align-items:center;gap:8px;padding:4px 10px 12px;font-size:16px;text-decoration:none;display:flex}.logo-dot{background:var(--brand-grad);border-radius:7px;flex:none;width:22px;height:22px;box-shadow:0 2px 8px #4c6ef573}.side-nav{flex-direction:column;gap:2px;display:flex}.side-item{border-radius:var(--radius-sm);color:var(--text-2);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.side-item:hover{color:var(--text);background:#f2f3f8}.side-item.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.side-section{flex-direction:column;min-height:0;margin-top:10px;display:flex}.side-section:first-of-type{flex:1}.side-title{color:var(--text-3);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:2px 10px 6px;font-size:12px;display:flex}.side-add{color:var(--text-3);background:0 0;border:none;border-radius:6px;padding:0 5px;font-size:14px}.side-add:hover{background:var(--brand-soft);color:var(--brand)}.side-scroll{flex:1;min-height:40px;overflow-y:auto}.side-scroll.small{flex:none;max-height:130px}.task-group-head{color:var(--text-3);align-items:center;gap:6px;padding:6px 10px 2px;font-size:12px;display:flex}.task-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);align-items:center;gap:6px;padding:5px 8px 5px 14px;display:flex;position:relative}.task-item:hover{background:#f2f3f8}.task-item.on{background:var(--brand-soft);color:var(--brand)}.task-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.task-time{color:var(--text-3);flex:none;font-size:11px}.session-del{color:var(--text-3);opacity:0;background:0 0;border:none;border-radius:6px;flex:none;padding:0 4px;font-size:13px}.task-item:hover .session-del,.session-del.show{opacity:1}.session-del:hover{color:var(--danger);background:#fdecec}.side-empty{color:var(--text-3);padding:6px 14px;font-size:12px}.side-foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding:10px 8px 2px;display:flex}.rail-avatar{background:var(--brand-grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.side-user{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.link-btn{color:var(--text-3);background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:12px;text-decoration:none}.link-btn:hover{color:var(--brand);background:var(--brand-soft)}.link-btn.danger:hover{color:var(--danger);background:#fdecec}.btn-primary{background:var(--brand-grad);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 4px 14px #4c6ef559}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #4c6ef573}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--line-strong);color:var(--text-2);background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;transition:border-color .12s,color .12s,background .12s}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-ghost.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn-ghost.danger:hover{border-color:var(--danger);color:var(--danger)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-soft{background:var(--brand-soft);color:var(--brand);border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600}.btn-soft:hover{background:#e2e8ff}.login-wrap{background:radial-gradient(1200px 600px at 20% -10%, #e6ebff 0%, var(--bg) 55%);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);width:360px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:34px 32px 26px;display:flex}.login-logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.login-sub{color:var(--text-2);margin:-6px 0 6px;font-size:13px}.login-card label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-error{color:var(--danger);font-size:13px}.login-alt{text-align:center;color:var(--text-3);font-size:12.5px;text-decoration:none}.login-alt:hover{color:var(--brand)}.home{flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.home-inner{flex-direction:column;gap:18px;width:min(720px,92%);padding:40px 0;display:flex}.home-head{align-items:center;gap:14px;display:flex}.home-avatar{background:var(--brand-soft);width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:18px;flex:none;justify-content:center;align-items:center;font-size:30px;display:flex}.home-title{flex:1}.home-title h1{margin:0;font-size:20px}.home-title p{color:var(--text-2);margin:2px 0 0;font-size:13px}.agent-switch{position:relative}.agent-pop{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:300px;max-height:340px;box-shadow:var(--shadow);z-index:30;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.agent-pop-item{border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.agent-pop-item:hover{background:#f2f3f8}.agent-pop-item.on{background:var(--brand-soft)}.agent-pop-item span{font-size:22px}.agent-pop-item b{font-size:13.5px;display:block}.agent-pop-item em{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:12px;font-style:normal;display:block;overflow:hidden}.composer-box{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.composer-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #4c6ef51a}.composer-box textarea{background:0 0;border:none;min-height:24px;padding:0;font-size:14.5px;box-shadow:none!important}.composer-row{align-items:center;gap:10px;display:flex}.model-select{color:var(--text-2);border-color:var(--line);border-radius:999px;max-width:180px;padding:4px 10px;font-size:12.5px}.composer-hint{text-align:right;color:var(--text-3);flex:1;font-size:12px}.send-btn{background:var(--brand-grad);color:#fff;border:none;border-radius:50%;flex:none;align-self:flex-end;width:36px;height:36px;font-size:17px;transition:transform .12s,opacity .12s;box-shadow:0 3px 10px #4c6ef566}.send-btn:hover:not(:disabled){transform:scale(1.06)}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.send-btn.stop{background:var(--text);font-size:13px}.home-composer textarea{min-height:62px}.scene-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.scene-chip{border:1px solid var(--line-strong);background:var(--panel);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;transition:border-color .12s,color .12s,transform .12s;display:flex}.scene-chip:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.task-layout{flex:1;grid-template-columns:1fr 300px;height:100%;min-height:0;display:grid}.task-layout:has(>.chat-main:only-child){grid-template-columns:1fr}.chat-main{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.chat-head-info{align-items:center;gap:10px;min-width:0;display:flex}.chat-head-emoji{font-size:24px}.chat-head-title{text-overflow:ellipsis;white-space:nowrap;cursor:default;font-size:14.5px;font-weight:600;overflow:hidden}.chat-head-sub{color:var(--text-3);font-size:12px}.chat-head-actions{flex:none;align-items:center;gap:8px;display:flex}.chat-head-actions select{border-radius:999px;max-width:220px;padding:5px 10px;font-size:12.5px}.msg-scroll{flex-direction:column;flex:1;gap:16px;padding:22px 26px;display:flex;overflow-y:auto}.msg{gap:10px;max-width:860px;display:flex}.msg.user{justify-content:flex-end;align-self:flex-end;width:100%}.msg.user .bubble{background:var(--brand-grad);color:#fff;white-space:pre-wrap;word-break:break-word;border-radius:16px 16px 4px;max-width:70%}.msg.assistant{align-self:flex-start;width:100%}.msg-avatar{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.msg-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.msg-speaker{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.bubble{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:4px 16px 16px;max-width:100%;padding:10px 14px}.msg.user .bubble{border:none;padding:10px 14px}.bubble.typing{gap:5px;width:fit-content;padding:14px 16px;display:inline-flex}.bubble.typing span{background:var(--text-3);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}.cursor-blink{background:var(--brand);vertical-align:-2px;border-radius:2px;width:8px;height:15px;margin-left:2px;animation:1s infinite blink;display:inline-block}.conv-empty{text-align:center;color:var(--text-2);max-width:400px;margin:auto}.conv-empty-emoji{margin-bottom:10px;font-size:44px}.composer{padding:12px 26px 18px;position:relative}.composer .composer-box{flex-direction:row;align-items:flex-end}.composer .composer-box textarea{flex:1}.mention-pop{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;bottom:calc(100% - 4px);left:26px}.mention-pop button{text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:8px 10px;font-size:13.5px;display:flex}.mention-pop button:hover{background:var(--brand-soft)}.mention-chip{background:var(--brand-soft);color:var(--brand);border-radius:999px;flex:none;align-self:center;align-items:center;gap:4px;padding:3px 10px;font-size:12.5px;display:inline-flex}.mention-chip button{color:inherit;background:0 0;border:none;padding:0}.workspace-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel-tabs{border-bottom:1px solid var(--line);gap:4px;padding:12px 14px 0;display:flex}.panel-tabs button{color:var(--text-3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 10px 10px;font-size:13px}.panel-tabs button.on{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.artifact-list,.panel-steps,.member-list{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.panel-step{color:var(--text-2);gap:8px;font-size:12.5px;display:flex}.panel-step .dot{background:var(--brand);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.stage{color:var(--text-3);font-size:11px;font-style:normal;display:block}.member-item{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px;display:flex}.member-item b{align-items:center;gap:6px;font-size:13.5px;display:flex}.member-item em{color:var(--text-3);font-size:12px;font-style:normal;display:block}.steps{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f5f6fb;max-width:640px;padding:8px 12px}.steps-live{background:var(--brand-soft);border-color:#4c6ef566}.steps-head{text-align:left;width:100%;color:var(--text-2);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12.5px;display:flex}.steps-check{color:var(--ok);font-weight:700}.steps-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.steps-arrow{color:var(--text-3);flex:none;font-size:11.5px}.spinner{border:2px solid #4c6ef540;border-top-color:var(--brand);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps-bar{background:#4c6ef526;border-radius:2px;height:4px;margin-top:7px;overflow:hidden}.steps-bar i{background:var(--brand-grad);border-radius:2px;height:100%;transition:width .4s;display:block}.steps-list{flex-direction:column;gap:5px;margin:8px 0 2px;padding:0;list-style:none;display:flex}.steps-list li{color:var(--text-2);align-items:baseline;gap:8px;font-size:12.5px;display:flex}.steps-list li .dot{background:var(--text-3);border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.steps-list li.cur .dot{background:var(--brand)}.steps-list li.cur{color:var(--text);font-weight:500}.artifact{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);max-width:520px;box-shadow:var(--shadow-sm);padding:10px 12px}.artifact.running{border-color:#4c6ef566}.artifact.failed{border-color:#e5484d66}.artifact-head{align-items:center;gap:10px;display:flex}.artifact-icon{font-size:22px}.artifact-meta{flex:1;min-width:0}.artifact-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.artifact-sub{color:var(--text-3);font-size:12px}.artifact-bar{background:#4c6ef524;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.artifact-bar i{background:var(--brand-grad);height:100%;transition:width .5s;display:block}.artifact-error{color:var(--danger);margin-top:6px;font-size:12.5px}.artifact-preview{border-radius:var(--radius-sm);object-fit:contain;background:#f2f3f8;width:100%;max-height:320px;margin-top:10px}.artifact-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.artifact-grid img{object-fit:cover;border-radius:8px;width:100%;height:76px}.md{word-break:break-word}.md p{margin:.4em 0}.md p:first-child{margin-top:0}.md p:last-child{margin-bottom:0}.md pre{color:#e6e8f0;border-radius:var(--radius-sm);background:#14161f;padding:12px 14px;font-size:12.5px;overflow-x:auto}.md code{background:#eef0f6;border-radius:4px;padding:1px 5px;font-size:.92em}.md pre code{background:0 0;padding:0}.md table{border-collapse:collapse;margin:8px 0;font-size:13px}.md th,.md td{border:1px solid var(--line-strong);padding:5px 10px}.md th{background:#f2f3f8}.md img{border-radius:var(--radius-sm);max-width:100%}.md a{color:var(--brand)}.page{flex:1;padding:26px 34px 40px;overflow-y:auto}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head h1{margin:0;font-size:22px}.page-sub{color:var(--text-2);margin:4px 0 0;font-size:13px}.page-actions{flex:none;align-items:center;gap:10px;display:flex}.search-input{border-radius:999px;width:200px;padding:7px 16px}.tab-row{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex}.tab-row button{color:var(--text-3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px 10px;font-size:14px}.tab-row button.on{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.banner-error{color:var(--danger);border-radius:var(--radius-sm);background:#fdecec;margin-bottom:14px;padding:10px 14px;font-size:13px}.banner-ok{color:#1f7a32;border-radius:var(--radius-sm);background:#e8f7eb;margin-bottom:14px;padding:10px 14px;font-size:13px}.empty-hint{color:var(--text-3);font-size:13px}.empty-hint.big{text-align:center;padding:36px 0;font-size:14px}.tag{background:var(--brand-soft);color:var(--brand);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500}.chip{color:var(--text-2);background:#f2f3f8;border-radius:999px;padding:2px 9px;font-size:11.5px}.chip-accent{background:var(--brand-soft-2);color:var(--brand-2)}.market-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.market-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 18px 16px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.market-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.market-card.create{cursor:pointer;color:var(--text-2);background:0 0;border-style:dashed;justify-content:center;min-height:220px;font-size:14px}.market-card.create:hover{border-color:var(--brand);color:var(--brand)}.create-plus{background:#f2f3f8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;font-size:22px;display:flex}.market-emoji{margin-bottom:4px;font-size:40px;line-height:1}.market-name{font-size:15px}.market-author{color:var(--text-3);font-size:12px}.market-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:2px 0 0;font-size:12.5px;display:-webkit-box;overflow:hidden}.market-tags{flex-wrap:wrap;justify-content:center;gap:6px;min-height:20px;display:flex}.market-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.skill-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:box-shadow .15s}.skill-card:hover{box-shadow:var(--shadow-sm)}.skill-card-head{align-items:center;gap:8px;font-size:14px;display:flex}.skill-icon{font-size:18px}.skill-card .market-desc{text-align:left;min-height:auto;margin-top:6px}.skill-card .market-tags{justify-content:flex-start;margin-top:8px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.channel-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.channel-head{align-items:center;gap:10px;display:flex}.channel-icon{font-size:24px}.channel-head b{flex:1;font-size:14.5px}.channel-status{color:var(--text-3);background:#f2f3f8;border-radius:999px;padding:2px 9px;font-size:11.5px}.channel-status.ok{color:#1f7a32;background:#e8f7eb}.channel-status.warn{color:#a86a12;background:#fdf3e2}.channel-card .market-desc{text-align:left;min-height:auto}.channel-stats{border-radius:var(--radius-sm);color:var(--text-2);background:#f7f8fb;flex-direction:column;gap:2px;padding:8px 12px;font-size:12.5px;display:flex}.channel-stats em{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.channel-btn{align-self:flex-start;text-decoration:none}.inbox-card{background:var(--brand-soft);border-radius:var(--radius);border:1px solid #4c6ef540;flex-direction:column;gap:2px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.inbox-card span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-card em{color:var(--text-3);font-size:12px;font-style:normal}.auto-list{flex-direction:column;gap:10px;margin-bottom:26px;display:flex}.auto-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.auto-main{flex:1;min-width:0}.auto-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.auto-prompt{color:var(--text-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;display:-webkit-box;overflow:hidden}.auto-times{color:var(--text-3);margin-top:5px;font-size:12px}.auto-actions{flex:none;gap:8px;display:flex}.tpl-section h3{color:var(--text-2);margin:22px 0 10px;font-size:14px}.cron-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.cron-tpl-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;align-items:flex-start;gap:12px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex}.cron-tpl-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.cron-tpl-card b{font-size:13.5px;display:block}.cron-tpl-card span{color:var(--text-3);font-size:12px;display:block}.tpl-icon{flex:none;font-size:22px}.weekday-row{gap:8px;display:flex}.weekday{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text-2);background:0 0;border-radius:50%;font-size:13px}.weekday.on{background:var(--text);border-color:var(--text);color:#fff}.modal-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#14161f66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);width:480px;max-width:100%;max-height:88vh;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:24px 26px;display:flex;overflow-y:auto}.modal.modal-wide{width:780px}.modal h2{margin:0;font-size:17px}.modal-sub{color:var(--text-2);margin:-8px 0 0;font-size:13px}.modal label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal-actions.space{justify-content:space-between}.check-row{cursor:pointer;align-items:center;flex-direction:row!important;gap:8px!important}.check-row.small{font-size:12.5px}.check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.field-label{color:var(--text-2);font-size:13px}.field-error{color:var(--danger);font-size:12px;font-style:normal}.form-row.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wizard-head{align-items:baseline;gap:12px;display:flex}.wizard-head h2{margin:0}.wizard-step{color:var(--text-3);font-size:12.5px}.wizard-bar{background:#eef0f6;border-radius:2px;height:4px;overflow:hidden}.wizard-bar i{background:var(--brand-grad);border-radius:2px;height:100%;transition:width .3s;display:block}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tpl-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:0 0;flex-direction:column;gap:6px;padding:16px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.tpl-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.tpl-card b{font-size:13.5px}.tpl-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.wizard-body{grid-template-columns:1fr 230px;gap:20px;display:grid}.wizard-form{flex-direction:column;gap:12px;min-width:0;display:flex}.wizard-preview{border-left:1px solid var(--line);padding-left:20px}.preview-card{border-radius:var(--radius);text-align:center;background:#f7f8fb;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;display:flex;position:sticky;top:0}.preview-emoji{background:var(--brand-soft);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex}.preview-card p{color:var(--text-3);margin:6px 0 0;font-size:12px}.emoji-row{flex-wrap:wrap;gap:6px;display:flex}.emoji-pick{border:1px solid var(--line);background:0 0;border-radius:12px;width:38px;height:38px;font-size:20px;transition:border-color .12s,background .12s}.emoji-pick:hover{border-color:var(--brand)}.emoji-pick.on{border-color:var(--brand);background:var(--brand-soft)}.skill-picker-title{color:var(--text-2);margin-bottom:6px;font-size:13px}.skill-picker-list{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:4px 14px;max-height:240px;padding:10px 12px;display:grid;overflow-y:auto}.team-editor{grid-template-columns:1fr 1fr;gap:18px;display:grid}.team-pick{flex-direction:column;gap:10px;min-width:0;display:flex}.team-pick-list{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;max-height:340px;padding:6px;display:flex;overflow-y:auto}.team-pick-item{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.team-pick-item.on{background:var(--brand-soft)}.team-pick-meta{flex:1;min-width:0}.team-pick-meta b{font-size:13px;display:block}.team-pick-meta span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;display:block;overflow:hidden}.pick-btn{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--text-2);background:#fff;border-radius:50%;flex:none;font-size:14px}.pick-btn:hover{border-color:var(--brand);color:var(--brand)}.team-config{flex-direction:column;gap:10px;min-width:0;display:flex}.mode-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:0 0;flex-direction:column;gap:4px;padding:12px;transition:border-color .12s,background .12s;display:flex}.mode-card b{font-size:13.5px}.mode-card span{color:var(--text-3);font-size:11.5px}.mode-card.on{border-color:var(--brand);background:var(--brand-soft)}.team-selected{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;min-height:90px;padding:8px;display:flex}.team-sel-item{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;display:flex}.team-sel-item:hover{background:#f7f8fb}.team-sel-item b{flex:1;font-size:13px}.agent-emoji-sm{flex:none;font-size:20px}@media (width<=1080px){.task-layout{grid-template-columns:1fr}.workspace-panel{display:none}}@media (width<=860px){.app{grid-template-columns:64px 1fr}.side-item span,.side-brand b,.side-title,.side-scroll,.side-user,.side-foot .link-btn{display:none}.side-item{justify-content:center}.wizard-body,.team-editor{grid-template-columns:1fr}.wizard-preview{display:none}.tpl-grid{grid-template-columns:1fr 1fr}}