:root{--bg:#f4f5f1;--paper:#fff;--ink:#23352b;--muted:#77837b;--line:#e2e7df;--green:#486a54;--green2:#e8efe4;--lemon:#e5c94f;--red:#a75047;--blue:#4f6f8d;--shadow:0 14px 40px rgba(50,65,53,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select,textarea{font:inherit}.workspace{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column;background:#213129;color:#fff}.logo{display:flex;align-items:center;gap:11px;padding:2px 8px 28px;color:#fff;text-decoration:none}.logo>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--lemon);font-size:22px}.logo b,.logo small{display:block}.logo small{margin-top:2px;color:#95a69c;font-size:9px;letter-spacing:1.6px}.sidebar nav{display:grid;gap:6px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:11px;background:transparent;color:#aebbb3;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:#34473b;color:#fff}.nav i{width:20px;font-style:normal;text-align:center}.tool-state{margin-top:auto;padding:14px 10px;border-top:1px solid #3a4a40;display:grid;gap:8px}.tool-line{display:flex;align-items:center;gap:8px;color:#b3beb7;font-size:11px}.tool-line i{width:7px;height:7px;border-radius:50%;background:#89948d}.tool-line i.available{background:#6dcc78}.tool-line i.building{background:#d6ae48}.tool-line i.offline{background:#cf6f66}.back-home{padding:11px 10px;color:#93a39a;font-size:11px;text-decoration:none}main{min-width:0;padding:28px 32px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar small,.panel-head small{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.5px}.topbar h1{margin:4px 0 0;font:500 31px/1.1 Georgia,"Songti SC",serif}.top-actions{display:flex;align-items:center;gap:10px}.connection-pill{max-width:220px;padding:8px 12px;border-radius:999px;background:var(--green2);color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.primary,.secondary,.refresh{min-height:42px;padding:0 16px;border-radius:11px;cursor:pointer}.primary{border:0;background:var(--green);color:#fff;font-weight:700}.primary.small{min-height:36px}.secondary,.refresh{border:1px solid var(--line);background:#fff;color:#53665a}.view{display:none}.view.active{display:block}.task-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.filters{display:flex;gap:6px;overflow:auto}.filters button{padding:8px 12px;border:0;border-radius:999px;background:transparent;color:#718078;cursor:pointer;white-space:nowrap}.filters button.active{background:#fff;color:var(--green);box-shadow:0 5px 15px rgba(50,65,53,.06);font-weight:700}.refresh{min-height:35px}.task-workspace{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);gap:16px;min-height:650px}.task-list,.task-detail,.create-panel,.connections-panel,.connection-form{border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:var(--shadow)}.task-list{padding:9px;display:grid;align-content:start;gap:6px}.task-card{padding:15px;border:1px solid transparent;border-radius:14px;cursor:pointer}.task-card:hover,.task-card.active{border-color:#cbd8ca;background:#f7f9f5}.task-card__top,.task-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-card h3{margin:9px 0 5px;font-size:14px}.task-card p{margin:0;color:var(--muted);font-size:11px}.task-card__bottom{margin-top:13px;color:#88938c;font-size:10px}.status{padding:4px 8px;border-radius:999px;background:#edf0ec;color:#68766d;font-size:10px}.status.running,.status.dispatching,.status.queued{background:#e7eef5;color:var(--blue)}.status.review{background:#fff2bc;color:#7c6828}.status.completed{background:#e4f1e4;color:#3f7549}.status.failed{background:#f7e4e1;color:var(--red)}.progress{height:4px;margin-top:11px;border-radius:5px;background:#e9ede8;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);transition:.3s}.task-detail{padding:22px}.detail-empty,.list-empty{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.detail-empty>span,.list-empty>span{font-size:38px}.detail-empty b,.list-empty b{margin-top:8px;color:var(--ink)}.detail-empty p,.list-empty p{margin:5px 0 0}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-head h2{margin:5px 0 0;font-size:21px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.detail-actions button,.detail-actions a{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#53665a;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-field{padding:12px;border-radius:12px;background:#f6f8f4}.detail-field span,.detail-section>span{display:block;color:#8b968e;font-size:10px}.detail-field b{display:block;margin-top:5px;font-size:12px}.detail-section{margin-top:18px}.requirement{margin:7px 0 0;padding:14px;border:1px solid var(--line);border-radius:13px;white-space:pre-wrap;line-height:1.75}.result-image{width:100%;margin-top:9px;border-radius:15px;border:1px solid var(--line);background:#eef0eb}.event-list{display:grid;gap:0;margin-top:9px}.event{position:relative;padding:9px 8px 9px 22px;border-left:1px solid #dbe1d9;color:#64736a;font-size:11px}.event:before{content:"";position:absolute;left:-4px;top:14px;width:7px;height:7px;border-radius:50%;background:#79917d}.event time{display:block;margin-top:3px;color:#9ba49e}.create-panel{max-width:900px;margin:auto;padding:26px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.panel-head h2{margin:4px 0 0;font-size:23px}.real-badge,.secure-badge{padding:6px 9px;border-radius:999px;background:#e5f0e4;color:#477151;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.form-grid label,.connection-form label{display:grid;gap:7px;color:#596b60;font-size:11px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.connection-form input,.connection-form select{width:100%;border:1px solid var(--line);border-radius:11px;outline:none;background:#fbfcfa;color:var(--ink)}.form-grid input,.form-grid select,.connection-form input,.connection-form select{height:44px;padding:0 12px}.form-grid textarea{padding:12px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.connection-form input:focus{border-color:#78927c;box-shadow:0 0 0 3px rgba(92,124,99,.08)}.upload-field input{position:absolute;opacity:0;pointer-events:none}.upload-box{min-height:135px;border:1px dashed #b9c7b8;border-radius:13px;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;background:#f8faf6}.upload-box small{color:var(--muted)}.asset-preview{min-height:110px;padding:10px;border:1px solid var(--line);border-radius:13px;grid-template-columns:90px 1fr auto;align-items:center;gap:12px}.asset-preview:not([hidden]){display:grid}.asset-preview img{width:90px;height:90px;object-fit:cover;border-radius:9px}.asset-preview b,.asset-preview small{display:block}.asset-preview small{margin-top:4px;color:var(--muted)}.asset-preview button{border:0;background:transparent;color:var(--red);cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.form-message{min-height:20px;margin-top:13px;color:#607269;font-size:11px}.form-message.error{color:var(--red)}.form-message.success{color:#3f7549}.connection-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(390px,1.2fr);gap:16px}.connections-panel,.connection-form{padding:22px}.connection-list{display:grid;gap:7px;margin-top:18px}.connection-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.connection-card.active{border-color:#7f9983;background:#f6f9f4}.connection-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--green2);color:var(--green);font-weight:800}.connection-card b,.connection-card small{display:block}.connection-card small{margin-top:3px;color:var(--muted);font-size:10px}.connection-card em{color:#55755c;font-size:10px;font-style:normal}.connection-form{display:grid;align-content:start;gap:13px}.key-input{display:flex;gap:7px}.key-input button{min-width:60px;border:1px solid var(--line);border-radius:10px;background:#f4f6f2;cursor:pointer}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-summary{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8faf6}.channel-summary b{display:block}.channel-summary p{margin:4px 0 0;color:var(--muted);font-size:11px}.notification-events{display:grid;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.notification-events label{display:flex;align-items:center;gap:9px;color:#596b60;font-size:11px}.notification-events input,.toggle-line input{accent-color:var(--green)}.toggle-line{grid-template-columns:auto 1fr!important;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8faf6}.toggle-line span,.toggle-line b,.toggle-line small{display:block}.toggle-line small{margin-top:2px;color:var(--muted);font-weight:400}.toast{position:fixed;left:50%;bottom:24px;padding:11px 17px;border-radius:999px;background:#24362c;color:#fff;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1000px){.task-workspace,.connection-layout{grid-template-columns:1fr}.task-detail{min-height:430px}}@media(max-width:720px){.workspace{display:block}.sidebar{position:static;width:100%;height:auto;padding:12px;flex-direction:row;align-items:center;overflow:auto}.logo{padding:0;margin-right:auto;white-space:nowrap}.logo div,.tool-state,.back-home{display:none}.sidebar nav{display:flex}.nav{width:auto}.nav span{display:none}main{padding:18px 13px 50px}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.connection-pill{display:none}.task-workspace{display:block}.task-list{margin-bottom:12px;max-height:340px;overflow:auto}.form-grid,.detail-grid,.two-cols{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.top-actions .primary{padding:0 12px}.asset-preview{grid-template-columns:70px 1fr}.asset-preview img{width:70px;height:70px}}