:root{font-family:Segoe UI,Arial,sans-serif;color:#26312d;background:#f7f8fa;font-size:14px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit;letter-spacing:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:white;color:#35423c;border:1px solid #d8dfdc;border-radius:6px;padding:10px 14px}button:hover{background:#edf2ef}button:disabled{opacity:.45;cursor:not-allowed}svg{width:18px;height:18px;flex-shrink:0}.icon{width:38px;height:38px;padding:0;flex-shrink:0}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid #e0e5e2;display:flex;flex-direction:column;padding:25px 18px;position:fixed;inset:0 auto 0 0}.brand{text-decoration:none;color:#22352d;display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650}.brand>svg{width:30px;height:30px;color:#138562}.brand small,.disk small{display:block;font-size:11px;font-weight:400;color:#7d8882;margin-top:5px}.new{margin:30px 0 27px;background:#edf6f1;border-color:#d7eadf;color:#176845;justify-content:flex-start}.section-label{font-size:11px;color:#7c8881;font-weight:650;display:flex;justify-content:space-between;margin:0 8px 12px}.section-label span{background:#edf0ee;border-radius:4px;padding:1px 5px}nav{overflow:auto;flex:1}nav .history-item{width:100%;border:0;background:transparent;display:block;text-align:left;margin-bottom:5px;padding:12px 9px}nav .history-item.selected{background:#edf4f0}nav strong{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}nav small{display:flex;gap:6px;margin-top:7px;color:#829088;font-size:11px}.empty{color:#89948e;font-size:12px;padding:12px 8px;line-height:1.8}.disk{border-top:1px solid #e8ece9;padding-top:20px;display:flex;gap:10px;align-items:center;font-size:12px;color:#53645a}.disk svg{color:#7f8e85}main{margin-left:248px;min-width:0;width:calc(100% - 248px)}header{height:72px;border-bottom:1px solid #e1e6e3;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;color:#6c7b72}header>div{display:flex;align-items:center;gap:11px}.live-dot{width:7px;height:7px;background:#22a171;border-radius:50%}.divider{color:#bdc6c0;margin:0 5px}.workspace{max-width:1100px;margin:0 auto;padding:42px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}h1{font-size:26px;font-weight:600;line-height:1.3;margin:0;overflow-wrap:anywhere}h2{font-size:17px;font-weight:600;margin:0}p{color:#78867d;font-size:13px;margin:10px 0 0}.badge{white-space:nowrap;font-size:11px;color:#67766d;border:1px solid #dce4df;padding:6px 9px;border-radius:4px;background:#fff}.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.agent-card{border:1px solid #dce4df;background:#fff;border-radius:6px;padding:17px;display:flex;align-items:center;gap:12px}.agent-symbol{display:flex;align-items:center;justify-content:center;height:39px;width:39px;border-radius:6px;background:#eaf3ed;color:#168365;flex-shrink:0}.agent-card:nth-child(2) .agent-symbol{background:#f8edf0;color:#a85270}.agent-card:nth-child(3) .agent-symbol{background:#eaf0fb;color:#4b76ba}.agent-card strong{font-weight:600;font-size:13px}.agent-card small{display:block;font-size:11px;margin-top:5px;color:#7f8c84}.agent-state{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#25a171;flex-shrink:0}.agent-state.off{background:#c78233}#compose,#detail{background:#fff;border-top:2px solid #d7e2dc;padding:26px 0}form>label,#settingsForm label{display:block;font-size:12px;font-weight:600;margin:21px 0 9px}.form-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.segmented{display:flex;padding:3px;border:1px solid #dce3df;border-radius:6px;background:#f5f7f6}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;padding:7px 12px;font-size:12px;color:#7d8882;border-radius:4px}.segmented input:checked+span{background:white;color:#2c4d3b;box-shadow:0 1px 3px #ccd4ce}.segmented input:focus-visible+span{outline:2px solid #159163}.project-row{display:flex;align-items:center;border:1px solid #dae1dd;border-radius:6px;padding:5px 7px 5px 13px;gap:10px}.project-row svg{color:#8a9a90}.project-row input{border:0;flex:1;min-width:0;padding:9px 0}.project-row input:focus{outline:none}.project-row:focus-within{outline:2px solid #addac4}input,select,textarea{background:#fff;color:#293b30;border:1px solid #d9e1dc;border-radius:5px;padding:11px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #addac4;outline-offset:1px}textarea{resize:vertical;width:100%;min-height:145px;line-height:1.7;padding:15px}::placeholder{color:#9aa59e}.options{display:flex;align-items:center;gap:22px;margin-top:21px;flex-wrap:wrap}.options>div{display:flex;align-items:center;gap:10px}.options label{font-size:12px;color:#718078}.options select{font-size:12px;padding:9px}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:#16875e;width:15px;height:15px}.primary{background:#187c55;border-color:#187c55;color:#fff}.primary:hover{background:#106a46}.options .primary{margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#929d96;margin-top:24px;gap:12px}footer span{display:flex;align-items:center;gap:8px}footer svg{width:13px;height:13px}footer b{font-weight:400;color:#bac3be}.error{background:#fff0f0;border:1px solid #edcccc;color:#a14343;font-size:13px;padding:13px;border-radius:5px;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}#detailTitle{overflow-wrap:anywhere;line-height:1.5}.detail-heading p{overflow-wrap:anywhere}.danger{color:#ae4646;border-color:#e5c8c8;white-space:nowrap}.pipeline{display:flex;align-items:center;gap:12px;margin:25px 0;font-size:12px;flex-wrap:wrap}.pipeline span{padding:7px 10px;background:#f0f4f2;border-radius:4px}.pipeline .current{background:#e2f4eb;color:#15744f}.tabs{display:flex;border-bottom:1px solid #e1e5e3;gap:20px;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;padding:12px 0;color:#7b8980;white-space:nowrap}.tabs .selected{border-color:#1b865b;color:#1c6d48}pre{font-family:Consolas,monospace;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;margin:0;padding:23px 0;min-height:170px;color:#47574c}.detail-actions{border-top:1px solid #e7ece9;padding-top:16px;display:flex;gap:10px;flex-wrap:wrap}.detail-actions button{font-size:12px}.detail-actions .icon{margin-left:auto}dialog{width:min(550px,calc(100vw - 30px));padding:24px;border:1px solid #d5dfd8;border-radius:8px;color:#26312d;box-shadow:0 15px 70px #12332225}dialog::backdrop{background:#13291c55}.modal-title{display:flex;justify-content:space-between;align-items:center}.folder-nav{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:12px;overflow-wrap:anywhere}.folder-nav span{min-width:0}#folderList{max-height:330px;overflow:auto;margin-bottom:20px}#folderList button{display:flex;width:100%;justify-content:flex-start;border:0;border-radius:0;border-bottom:1px solid #edf0ee;text-align:left;overflow-wrap:anywhere}#settingsForm input{width:100%}#settingsForm .primary{margin-top:23px}[hidden]{display:none!important}@media(min-width:1300px){.workspace{padding-top:54px}}@media(max-width:1050px){.sidebar{width:210px}main{margin-left:210px;width:calc(100% - 210px)}.workspace{padding:30px 24px}.agent-card{padding:12px;gap:8px}.agent-symbol{height:31px;width:31px}.options{gap:14px}.options .primary{margin-left:0}header{padding:0 24px}}@media(max-width:760px){body{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px 20px;border-right:0;border-bottom:1px solid #dce4df;display:grid;grid-template-columns:1fr auto;gap:10px}.brand{font-size:15px}.new{margin:0}.section-label,.disk{display:none}nav{grid-column:1/-1;display:flex;max-height:75px;gap:8px}nav .history-item{min-width:150px;max-width:200px}nav .empty{padding:0}main{margin:0;width:100%}header{height:52px;padding:0 20px}.workspace{padding:26px 20px}h1{font-size:22px}.heading{align-items:flex-start}.badge{display:none}.agents{gap:8px;margin-bottom:24px}.agent-card{display:block;padding:12px 8px;position:relative}.agent-symbol{margin-bottom:10px}.agent-card strong{font-size:12px}.agent-card small{font-size:10px}.agent-state{position:absolute;right:9px;top:15px}.form-top{flex-direction:column;align-items:flex-start}.options{gap:15px}.options .primary{width:100%;margin-top:5px}footer{flex-wrap:wrap}.detail-heading{flex-direction:column}.tabs{gap:18px}}