:root{--bg:#f5f5f9;--panel:#fff;--panel-2:#f1f1f6;--panel-3:#e7e7ef;--border:#e4e4ee;--border-soft:#eeeef4;--text:#17171c;--muted:#6f6f7c;--accent:#5b5bd6;--accent-2:#8b7cff;--accent-soft:#eeedff;--danger:#e5484d;--ok:#30a46c;--rail:256px;--radius:14px;--grad:linear-gradient(135deg, #6366f1, #8b5cf6);--shadow-sm:0 1px 2px #1818300d, 0 1px 3px #1818300f;--shadow-md:0 8px 24px #18183014;--shadow-lg:0 20px 60px #18183029;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 520px at 100% -12%, #6366f11a, transparent 60%), radial-gradient(900px 480px at -8% 112%, #8b5cf614, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}button,textarea{font:inherit;color:inherit}.rail__icon{filter:grayscale(.15)}.shell{height:100%;display:flex}.rail{width:var(--rail);flex:0 0 var(--rail);border-right:1px solid var(--border-soft);background:linear-gradient(#fff 0%,#fafafd 100%);flex-direction:column;gap:22px;padding:20px 14px;display:flex}.rail__brand{align-items:center;gap:12px;padding:4px 8px;display:flex}.rail__logo{border-radius:12px;flex:0 0 40px;width:40px;height:40px;overflow:hidden;box-shadow:0 8px 20px #2f5fe04d}.rail__logo img{width:100%;height:100%;display:block}.rail__brand strong{letter-spacing:.02em;font-size:16px;display:block}.rail__brand small{color:var(--muted);font-size:12px}.rail__nav{flex-direction:column;gap:6px;display:flex}.rail__item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .15s,border-color .15s;display:flex}.rail__item:hover{background:var(--panel-2)}.rail__item.is-active{background:var(--accent-soft);color:var(--accent);border-color:#5b5bd647;font-weight:600}.rail__icon{font-size:18px}.rail__text strong{font-size:14px;font-weight:500;display:block}.rail__text small{color:var(--muted);font-size:11.5px}.rail__count{background:var(--accent);color:#fff;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}.rail__foot{border:1px solid var(--border-soft);background:var(--panel);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.rail__bottom{flex-direction:column;gap:10px;margin-top:auto;display:flex}.dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #30a36c24}.rail__model{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.main{flex:1;min-width:0;position:relative}.page{flex-direction:column;display:none;position:absolute;inset:0}.page.is-visible{display:flex}.agent{flex-direction:column;height:100%;min-height:0;display:flex}.agent__head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 28px 16px;display:flex}.agent__head h1{margin:0;font-size:19px}.agent__head p{color:var(--muted);margin:3px 0 0;font-size:13px}.agent__head-actions{flex:none;gap:8px;display:flex}.agent__list{scroll-behavior:smooth;flex:1;min-height:0;padding:26px 28px;overflow-y:auto}.stream{flex-direction:column;gap:22px;max-width:860px;margin:0 auto;display:flex}.msg{gap:12px;display:flex}.msg--user{justify-content:flex-end}.msg__bubble{background:var(--grad);color:#fff;white-space:pre-wrap;word-break:break-word;border:none;border-radius:16px 16px 4px;max-width:72%;padding:10px 16px;box-shadow:0 6px 16px #6366f147}.msg__avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border:1px solid #5b5bd640;border-radius:9px;flex:0 0 30px;place-items:center;font-size:15px;display:grid}.msg__body{flex:1;min-width:0}.msg__error{color:var(--danger);background:#e5484d14;border:1px solid #e5484d47;border-radius:10px;margin-top:10px;padding:9px 13px;font-size:13px}.thinking{margin-bottom:8px}.thinking__toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12.5px}.thinking__text{border-left:2px solid var(--border);color:var(--muted);white-space:pre-wrap;margin-top:6px;padding:10px 14px;font-size:13px}.tools{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.tool{border:1px solid var(--border);background:var(--panel-2);max-width:100%;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;display:inline-flex}.tool--running{color:#0369a1;background:#f0f9ff;border-color:#0ea5e959}.tool--done{color:#157347;background:#f0fdf4;border-color:#30a36c4d}.tool--error{color:#b42318;background:#fef2f2;border-color:#e5484d59}.tool__name{color:var(--text);font-weight:600}.tool__args{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:380px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.cursor{background:var(--accent);vertical-align:text-bottom;border-radius:2px;width:8px;height:16px;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.markdown{word-break:break-word;overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{margin:18px 0 8px;line-height:1.3}.markdown h1{font-size:21px}.markdown h2{font-size:18px}.markdown h3{font-size:16px}.markdown p{margin:9px 0}.markdown ul,.markdown ol{margin:8px 0;padding-left:22px}.markdown li{margin:4px 0}.markdown a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.markdown code{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.markdown pre{border:1px solid var(--border-soft);background:#fbfbfe;border-radius:12px;margin:12px 0;padding:14px 16px;overflow-x:auto}.markdown pre code{background:0 0;border:none;padding:0;font-size:13px;line-height:1.55}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:10px 0;padding:4px 14px}.markdown hr{border:none;border-top:1px solid var(--border);margin:16px 0}.composer{border-top:1px solid var(--border-soft);background:var(--bg);align-items:flex-end;gap:10px;padding:14px 28px 20px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--panel);border-radius:13px;outline:none;flex:1;min-height:46px;max-height:220px;padding:12px 15px;transition:border-color .15s}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b5bd626}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:11px;align-items:center;gap:6px;padding:9px 15px;font-size:13.5px;text-decoration:none;transition:transform .1s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--grad);color:#fff;border:none;box-shadow:0 6px 16px #6366f14d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6d70f5,#9a6cf7)}.btn--danger{color:var(--danger);background:#e5484d0f;border-color:#e5484d59}.btn--ghost{background:0 0}.btn--workbench{background:var(--accent-soft);color:var(--accent);border-color:#5b5bd64d;font-weight:500}.empty{text-align:center;max-width:640px;margin:8vh auto 0;padding:0 20px}.empty--wide{grid-column:1/-1}.empty__badge{background:var(--accent-soft);width:68px;height:68px;box-shadow:var(--shadow-sm);border:1px solid #5b5bd633;border-radius:20px;place-items:center;margin:0 auto 18px;font-size:30px;display:grid}.empty h2{margin:0 0 8px;font-size:22px}.empty p{color:var(--muted);margin:0 0 20px}.empty__chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:13px;transition:all .15s}.chip:hover{color:var(--accent);background:var(--accent-soft);border-color:#5b5bd659}.apps{flex-direction:column;height:100%;min-height:0;display:flex}.apps__list{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:18px;width:100%;max-width:1040px;min-height:0;margin:0 auto;padding:26px 28px 48px;display:grid;overflow-y:auto}.apps__list>.empty{grid-column:1/-1}.app-tile{border:1px solid var(--border);background:var(--panel);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.app-tile:hover{box-shadow:var(--shadow-md);border-color:#5b5bd659;transform:translateY(-2px)}.app-tile__head{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.app-tile__icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 2px 6px #17171a0f}.app-tile__title{flex:1;min-width:0}.app-tile__title h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.app-tile__title code{color:var(--muted);font-size:11px}.app-tile__pin{color:var(--muted);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:999px;flex:none;padding:1px 8px;font-size:11px}.app-tile__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.app-tile__actions{flex-wrap:wrap;gap:7px;display:flex}.app-tile__actions .btn{padding:6px 11px;font-size:12.5px}.desk-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 10px;display:grid}.desk-app{color:inherit;border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:12px 6px 10px;text-decoration:none;transition:background .15s;display:flex}.desk-app:hover{background:var(--panel-2)}.desk-app__icon{border-radius:20px;place-items:center;width:72px;height:72px;font-size:34px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 3px 8px #17171a12}.desk-app:hover .desk-app__icon{transform:translateY(-3px);box-shadow:0 12px 22px #17171a1f}.desk-app__name{text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:106px;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#17171a73;place-items:center;padding:4vh 4vw;display:grid;position:fixed;inset:0}.modal__panel{background:var(--panel);border:1px solid var(--border);width:min(1100px,100%);height:min(760px,92vh);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.modal__head>div{gap:8px;display:flex}.modal__title{align-items:center;gap:10px;min-width:0;display:flex}.modal__title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.modal__title-icon{border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:16px;display:grid;box-shadow:inset 0 1px #fff6}.modal__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.modal__foot-info{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.modal__foot-info>span:not(.modal__foot-sep){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal__foot-info code{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:6px;flex:none;padding:1px 7px}.modal__foot-sep{color:var(--border)}.modal__foot-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.modal__panel iframe{background:#fff;border:none;flex:1}.workbench{flex-direction:column;height:100%;min-height:0;display:flex}.workbench__model{color:var(--muted);border:1px solid var(--border-soft);background:var(--panel-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:320px;padding:5px 11px;font-size:12px;overflow:hidden}.workbench__body{flex:1;width:100%;max-width:920px;min-height:0;margin:0 auto;padding:24px 28px 48px;overflow-y:auto}.workbench__section-title{align-items:center;gap:8px;margin:6px 0 12px;font-size:14px;font-weight:600;display:flex}.workbench__count{color:var(--muted);background:var(--panel-3);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500}.history-banner{border-bottom:1px solid var(--border-soft);background:var(--panel-2);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 28px;font-size:13px;display:flex}.history-banner span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-banner .btn{flex:none;padding:6px 12px;font-size:12.5px}.composer--history{justify-content:center}.modal__panel--history{width:min(560px,100%);height:min(640px,90vh)}.modal__list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.history-empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:13px}.history-item{text-align:left;border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:12px;flex-direction:column;gap:3px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.history-item:hover{border-color:var(--muted);background:var(--panel-2)}.history-item__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.history-item__preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-item__meta{color:var(--muted);font-size:11.5px}.settings{flex-direction:column;height:100%;min-height:0;display:flex}.settings__badge{color:var(--muted);border:1px solid var(--border);background:var(--panel-2);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px}.settings__badge.is-on{color:var(--ok);background:#30a36c14;border-color:#30a36c4d}.settings__body{flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;width:100%;max-width:900px;min-height:0;margin:0 auto;padding:26px 28px 48px;display:grid;overflow-y:auto}.settings__card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:18px;padding:22px 22px 24px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field__label{color:var(--text);font-size:12.5px;font-weight:600}.field__hint{color:var(--muted);word-break:break-all;font-size:11.5px}.field__hint a{color:var(--accent)}.field select,.field input{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:11px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field select:focus,.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b5bd624}.field__key{gap:8px;display:flex}.field__key input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.seg{border:1px solid var(--border);border-radius:11px;width:fit-content;display:inline-flex;overflow:hidden}.seg__item{background:var(--panel);color:var(--muted);cursor:pointer;border:none;border-right:1px solid var(--border);padding:8px 16px;font-size:13px}.seg__item:last-child{border-right:none}.seg__item.is-on{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings__actions{gap:10px;margin-top:2px;display:flex}.settings__status{border:1px solid var(--border);background:var(--panel-2);border-radius:11px;padding:10px 14px;font-size:13px}.settings__status--ok{color:var(--ok);background:#30a36c14;border-color:#30a36c4d}.settings__status--err{color:var(--danger);background:#e5484d12;border-color:#e5484d4d}.settings__status--info{color:var(--muted)}.settings__help{border:1px solid var(--border-soft);background:var(--panel-2);border-radius:16px;padding:18px 18px 20px}.settings__help h3{margin:0 0 10px;font-size:14px}.settings__help p{color:var(--muted);margin:0 0 10px;font-size:12.5px;line-height:1.7}.settings__help code{background:var(--panel-3);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}@media (width<=820px){.settings__body{grid-template-columns:1fr;padding:18px 16px 32px}.shell{flex-direction:column}.rail{border-right:none;border-bottom:1px solid var(--border-soft);flex-direction:row;flex:none;align-items:center;gap:12px;width:100%;padding:10px 12px}.rail__brand small,.rail__text small,.rail__foot{display:none}.rail__nav{flex-direction:row;flex:1}.rail__bottom{flex-direction:row;flex:none;margin-top:0}.rail__bottom .rail__item{flex:none}.rail__item{flex:1;justify-content:center;padding:9px 8px}.rail__text{display:none}.agent__head,.agent__list,.composer,.apps__list,.workbench__body,.history-banner{padding-left:16px;padding-right:16px}.tool__args{max-width:160px}}@media (width<=560px){.desk-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}.rail__section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 12px 2px;font-size:11px;font-weight:600}.rail__logo{background:linear-gradient(135deg,#1f4e79,#2f80c9);justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:0 8px 20px #1f4e794d}.rail__logo img{display:none}.overview{flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.overview__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;max-width:1120px;padding:20px 28px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat__label{color:var(--muted);font-size:12px}.stat__value{font-size:22px;font-weight:700;line-height:1.2}.stat__value em{color:var(--muted);margin-left:4px;font-size:12px;font-style:normal;font-weight:500}.overview__title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:24px 28px 10px;font-size:13px}.overview__grid{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px;max-width:1120px;padding:0 28px;display:grid}.overview__grid--tools{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.flow-card{text-align:left;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:18px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}.flow-card:hover{box-shadow:var(--shadow-md);border-color:#1f4e7959;transform:translateY(-2px)}.flow-card__step{color:var(--muted);font-size:12px;font-weight:700;position:absolute;top:12px;right:14px}.flow-card__icon{font-size:22px;line-height:1.2}.flow-card strong{font-size:15px}.flow-card small{color:var(--muted);font-size:12.5px}.overview__error{color:var(--danger);margin:16px 28px 0}.overview__defaults{padding-bottom:40px}.defaults{flex-wrap:wrap;gap:10px 22px;padding:0 28px;font-size:13px;display:flex}.defaults b{color:var(--accent);font-weight:600}.output-row{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:14px 18px;display:flex}.output-row__icon{font-size:22px}.output-row__main{flex-direction:column;flex:1;min-width:0;display:flex}.output-row__main a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.output-row__main a:hover{color:var(--accent)}.output-row__meta{color:var(--muted);font-size:12px}.output-row__actions{gap:8px;display:flex}