:root{font-family:DM Sans,Avenir Next,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color-scheme:light;color:#1d2026;background:#f4f1eb;--canvas: #f4f1eb;--paper: #fffdf9;--paper-strong: #ffffff;--ink: #1d2026;--muted: #74736f;--quiet: #a09d96;--line: #e5e0d7;--line-strong: #d3cdc2;--orange: #e86d46;--orange-dark: #b94b2f;--orange-soft: #fae5dc;--blue: #386bd6;--blue-soft: #e4ecff;--green: #278166;--green-soft: #dff1e8;--red: #c24c5f;--red-soft: #f9e1e3;--shadow: 0 18px 48px rgba(71, 60, 44, .11)}:root[data-theme=dark]{color-scheme:dark;--canvas: #191b1f;--paper: #24272b;--paper-strong: #2c3035;--ink: #f5f2ec;--muted: #b2aea6;--quiet: #817d76;--line: #3c3d3d;--line-strong: #575852;--orange: #f08057;--orange-dark: #ffad8c;--orange-soft: #442b24;--blue: #82a8ff;--blue-soft: #263453;--green: #73c9a7;--green-soft: #203e35;--red: #ff9aa7;--red-soft: #492a31;--shadow: 0 24px 60px rgba(0, 0, 0, .27)}*{box-sizing:border-box;min-width:0}html,body,#root{width:100%;height:100%}body{min-width:320px;min-height:100svh;margin:0;overflow:hidden;color:var(--ink);background:var(--canvas)}button,textarea,select,input{font:inherit}button{cursor:pointer}button:not(:disabled){transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0) scale(.985)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}::selection{color:#fff;background:var(--orange)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.app-shell{width:100%;height:100%;background:var(--canvas);animation:reveal .35s ease both}.run-panel{width:100%;height:100%;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 44px auto;overflow:hidden;background:var(--canvas)}.project-header{grid-column:1;grid-row:1 / 5;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 19px 20px;border-right:1px solid var(--line);background:var(--paper)}.project-identity{display:flex;flex-direction:column;align-items:stretch;gap:19px}.project-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #f1b39d;border-radius:18px;color:var(--orange);background:var(--orange-soft);box-shadow:inset 0 1px #fffc}.project-identity>div:last-child{min-width:0}.project-identity small{display:block;margin-bottom:7px;color:var(--quiet);font-size:10px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.directory-control{display:flex;align-items:center;gap:6px;min-width:0}select{min-width:0;border:0;color:var(--ink);background:transparent;cursor:pointer;outline:0}.project-identity select{width:100%;max-width:100%;font-size:18px;font-weight:750}.directory-control select option{color:#1d2026;background:#fff}.directory-delete-button,.icon-button,.theme-button,.agent-status-bar button,.project-dialog>header>button,.delete-dialog>header>button{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--paper-strong)}.directory-delete-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.agent-status-bar button:hover:not(:disabled),.project-dialog>header>button:hover,.delete-dialog>header>button:hover{border-color:var(--line-strong);color:var(--ink);background:var(--canvas)}.project-actions{display:flex;align-items:center;gap:8px;min-width:0;margin-top:auto}.quota-display{width:100%;min-width:0;height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid #b8dccd;border-radius:13px;color:var(--muted);background:var(--green-soft);text-align:left}.quota-display:hover{border-color:var(--green);box-shadow:0 8px 22px #2781661f}.quota-display span{font-size:11px}.quota-display strong,.quota-display svg{color:var(--green)}.quota-display strong{font-size:13px}.project-actions .theme-button{width:42px;height:42px}.view-switcher{grid-column:2;grid-row:1;display:flex;align-items:end;gap:3px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--paper)}.view-switcher button{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:13px;font-weight:700}.view-switcher button:hover{color:var(--ink);background:var(--canvas)}.view-switcher button.active{border-bottom-color:var(--orange);color:var(--ink);background:var(--orange-soft)}.view-switcher button.active svg{color:var(--orange)}.view-switcher button span{min-width:20px;padding:2px 6px;border-radius:999px;color:var(--blue);background:var(--blue-soft);font-size:11px;text-align:center}.workspace-view{grid-column:2;grid-row:2;min-height:0;overflow:auto;background:var(--canvas)}.chat-panel,.execution-panel{width:min(920px,100%);min-height:100%;margin:0 auto;padding:42px 34px 74px}.chat-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;margin-bottom:28px;animation:message-in .3s ease both}.user-message{width:min(790px,90%);margin-left:auto;grid-template-columns:minmax(0,1fr) 38px}.user-message .message-avatar{grid-column:2}.user-message .message-content{grid-column:1;grid-row:1}.message-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #f1b39d;border-radius:14px;color:var(--orange);background:var(--orange-soft)}.user-message .message-avatar{border-color:var(--line);color:var(--muted);background:var(--paper)}.message-content header{display:flex;align-items:center;gap:9px;height:25px}.user-message .message-content header{justify-content:flex-end}.message-content header strong{color:var(--ink);font-size:11px}.message-content header time{color:var(--quiet);font-size:10px}.message-content p{margin:5px 0 0;padding:15px 18px;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:var(--paper);line-height:1.78;overflow-wrap:anywhere;box-shadow:0 8px 22px #473c2c0f}.user-message .message-content p{border-color:#f1b39d;background:var(--orange-soft)}.message-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.message-toggle,.expand-button{display:inline-flex;align-items:center;gap:5px;border:0;color:var(--muted);background:transparent;font-size:11px}.message-toggle:hover,.expand-button:hover{color:var(--orange)}.thinking-row{display:flex;align-items:center;gap:5px;margin-left:51px;color:var(--muted);font-size:12px}.thinking-row span{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:thinking 1.2s infinite ease-in-out}.thinking-row span:nth-child(2){animation-delay:.14s}.thinking-row span:nth-child(3){animation-delay:.28s}.thinking-row em{margin-left:5px;font-style:normal}.empty-chat,.blank-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center}.blank-state svg{width:48px;height:48px;margin-bottom:8px;padding:12px;border:1px solid #f1b39d;border-radius:17px;color:var(--orange);background:var(--orange-soft)}.blank-state strong{color:var(--ink);font-size:18px}.blank-state span{max-width:340px;font-size:12px}.agent-status-bar{grid-column:2;grid-row:3;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 32px;border-top:1px solid var(--line);color:var(--muted);background:var(--paper);font-size:12px}.agent-status-bar strong{color:var(--ink)}.agent-status-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-status-bar svg:first-child{color:var(--green)}.agent-status-bar.active{color:var(--orange-dark);background:var(--orange-soft)}.agent-status-bar.warning,.agent-status-bar.error{color:var(--red);background:var(--red-soft)}.agent-status-bar button{width:30px;height:30px;margin-left:auto}.composer{grid-column:2;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;min-width:0;padding:14px 32px calc(23px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -12px 28px #473c2c12}.task-directory-select{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:11px}.task-directory-select>svg{color:var(--orange)}.task-directory-select .directory-control{min-width:0;flex:1}.task-directory-select select{width:100%;max-width:560px;color:var(--ink);font-weight:700}.composer textarea{width:100%;min-width:0;min-height:82px;resize:vertical;padding:15px 17px;border:1px solid var(--line-strong);border-radius:17px;color:var(--ink);background:var(--canvas);outline:0;line-height:1.65}.composer textarea::placeholder{color:var(--quiet)}.composer textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.run-button{width:100%;min-width:0;min-height:82px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--orange);border-radius:17px;color:#fff;background:var(--orange);font-size:17px;font-weight:800;box-shadow:0 10px 24px #e86d4633}.run-button:hover:not(:disabled){background:#f3815b;box-shadow:0 14px 30px #e86d4647}.execution-panel{width:min(1040px,100%)}.command-block,.runtime-log{margin-bottom:13px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 8px 22px #473c2c12}.command-block header,.runtime-log header{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border-bottom:1px solid var(--line);background:var(--canvas)}.command-block header strong,.runtime-log header strong{color:var(--ink);font-size:12px}.command-block header time,.runtime-log header time{margin-left:auto;color:var(--quiet);font-size:10px}.command-state{width:7px;height:7px;border-radius:50%;background:var(--orange)}.command-state.completed{background:var(--green)}.command-block pre,.runtime-log pre{max-height:310px;margin:0;overflow:auto;padding:15px;color:#dce8f6;background:#202831;font:12px/1.65 Cascadia Code,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.command-block pre.collapsed{max-height:140px}.expand-button{width:100%;justify-content:center;padding:8px;border-top:1px solid var(--line);background:var(--paper)}.runtime-log{border-color:#b6c9f3}.runtime-log header{background:var(--blue-soft)}.modal-overlay,.auth-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#1d202675;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-dialog,.auth-dialog,.delete-dialog{width:min(440px,100%);padding:24px;border:1px solid var(--line-strong);border-radius:22px;background:var(--paper-strong);box-shadow:var(--shadow);animation:dialog-in .28s ease both}.project-dialog>header,.delete-dialog>header{display:flex;align-items:center;justify-content:space-between}.project-dialog>header>div,.delete-dialog>header>div{display:flex;align-items:center;gap:10px;color:var(--orange)}.project-dialog h1,.delete-dialog h1,.auth-dialog h1{margin:0;color:var(--ink);font-size:18px}.project-dialog label{display:block;margin-top:25px;color:var(--muted);font-size:12px;font-weight:700}.project-dialog input,.auth-dialog input{width:100%;min-width:0;height:46px;margin-top:8px;padding:0 13px;border:1px solid var(--line-strong);border-radius:13px;color:var(--ink);background:var(--canvas);outline:0;font-size:16px}.project-dialog input:focus,.auth-dialog input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.dialog-note,.auth-dialog p{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.dialog-error{margin:13px 0 0;padding:10px 12px;border-left:3px solid var(--red);color:var(--ink);background:var(--red-soft);font-size:12px}.project-dialog footer,.delete-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.secondary-button,.primary-button,.danger-button,.auth-dialog button{min-height:40px;padding:0 15px;border:1px solid var(--line-strong);border-radius:11px;color:var(--muted);background:var(--paper)}.secondary-button:hover{color:var(--ink);background:var(--canvas)}.primary-button,.auth-dialog button{border-color:var(--orange);color:#fff;background:var(--orange);font-weight:750}.primary-button:hover,.auth-dialog button:hover{background:#f3815b}.danger-button{border-color:#e3aab0;color:var(--red);background:var(--red-soft)}.danger-button:hover{color:#fff;background:var(--red)}.delete-warning{margin:25px 0 0;color:var(--ink);line-height:1.6;font-weight:650}.auth-dialog{width:min(380px,100%)}.auth-dialog>svg{color:var(--orange)}.auth-dialog h1{margin-top:15px}.auth-dialog button{width:100%;margin-top:12px}.boot{height:100%;display:grid;place-items:center;gap:10px;color:var(--muted);background:var(--canvas)}.spin{animation:spin 1.1s linear infinite}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thinking{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.run-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:93px 46px minmax(0,1fr) 44px auto}.project-header{grid-column:1;grid-row:1;flex-direction:row;align-items:center;gap:12px;padding:12px 15px;border-right:0;border-bottom:1px solid var(--line)}.project-identity{flex:1;flex-direction:row;align-items:center;gap:10px}.project-icon{width:39px;height:39px;border-radius:13px}.project-identity small{margin-bottom:3px;font-size:8px}.project-identity select{font-size:16px}.project-actions{flex:0 1 auto;margin-top:0;gap:5px}.quota-display{width:132px;min-width:108px;height:37px}.project-actions .theme-button{width:37px;height:37px}.view-switcher{grid-column:1;grid-row:2;padding-inline:15px}.workspace-view{grid-column:1;grid-row:3}.agent-status-bar{grid-column:1;grid-row:4;padding-inline:15px}.composer{grid-column:1;grid-row:5;padding:11px 15px calc(18px + env(safe-area-inset-bottom))}.chat-panel,.execution-panel{padding:26px 15px 54px}.chat-message{grid-template-columns:32px minmax(0,1fr);gap:10px;margin-bottom:21px}.user-message{width:94%;grid-template-columns:minmax(0,1fr) 32px}.message-avatar{width:32px;height:32px;border-radius:12px}.message-content p{padding:12px 14px;font-size:13px}.thinking-row{margin-left:42px}.composer textarea,.run-button{min-height:68px}.task-directory-select select{max-width:calc(100vw - 140px)}}@media(max-width:430px){.run-panel{grid-template-rows:88px 43px minmax(0,1fr) 42px auto}.project-header{padding-inline:10px}.project-identity select{max-width:calc(100vw - 155px);font-size:15px}.quota-display{width:108px;min-width:108px;padding:0 8px}.quota-display span{display:block;font-size:10px}.quota-display strong{display:block;font-size:11px}.view-switcher,.view-switcher button,.chat-panel,.execution-panel{padding-inline:10px}.user-message{width:97%}.composer{grid-template-columns:minmax(0,1fr) 74px;gap:8px;padding-inline:10px}.task-directory-select select{max-width:calc(100vw - 121px)}.run-button{padding-inline:6px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}