:root {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:#243047; background:#f6f7fa; font-synthesis:none;}
*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
.shell{display:flex;min-height:100vh}
.sidebar{width:260px;position:sticky;top:0;height:100vh;flex:none;background:#18263a;color:#f0f4fa;display:flex;flex-direction:column;padding:29px 17px 20px}
.logo{display:flex;gap:11px;align-items:center;padding:2px 11px 36px}.logo-mark{height:40px;width:40px;border-radius:13px;background:#e4773d;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:white;box-shadow:0 5px 15px #ec8a4545}.logo-name{font-size:17px;font-weight:800;letter-spacing:-.5px}.logo-sub{font-size:11px;color:#8595ad;margin-top:2px;letter-spacing:.2px}
.side-label{font-size:10px;letter-spacing:1.5px;color:#7f91ab;text-transform:uppercase;font-weight:800;padding:0 15px;margin:0 0 11px}
.side-nav{display:grid;gap:5px;margin:0 0 30px}.side-btn,.project-btn{display:flex;align-items:center;gap:12px;width:100%;color:#b8c6d9;background:transparent;text-align:left;border:0;border-radius:12px;padding:12px 13px;font-size:13px;font-weight:600;transition:background .18s,color .18s}.side-btn:hover,.project-btn:hover{background:#233951;color:white}.side-btn.active,.project-btn.active{background:#30435c;color:#fff}.side-btn.active::after{content:'';margin-left:auto;width:6px;height:6px;border-radius:50%;background:#ee9765}.side-btn .icon,.project-btn .icon{opacity:.85}.project-list{display:grid;gap:4px}.project-btn{font-size:12px;padding:11px 13px;gap:10px;line-height:1.4}.project-dot{height:8px;width:8px;border-radius:50%;background:#d5a075;flex:none}.project-btn.active .project-dot{background:#e98245}.project-btn .project-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-project{display:flex;align-items:center;gap:6px;border:1px dashed #405168;background:transparent;color:#b8c6d9;border-radius:11px;margin:11px 5px;padding:10px 13px;font-size:12px}.add-project:hover{color:white;border-color:#7a91ae}
.side-bottom{margin-top:auto;padding:18px 11px 0;border-top:1px solid #324155}.side-bottom strong{display:block;font-size:12px;color:white}.side-bottom span{display:block;font-size:11px;color:#899ab2;line-height:1.55;margin-top:4px}.version{margin-top:18px;color:#657993;font-size:11px}
.workarea{flex:1;min-width:0}
.topbar{height:82px;background:#fff;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;padding:0 51px;gap:18px}.crumb{font-size:12px;color:#9aa6b6;font-weight:600;letter-spacing:.1px}.crumb span{color:#36465e}.top-right{display:flex;align-items:center;gap:13px}.connection-pill{display:flex;align-items:center;gap:9px;border:1px solid #e3e9f1;border-radius:100px;padding:9px 14px;color:#4b5a70;font-size:12px;font-weight:650;white-space:nowrap;background:#f9fbfd}.conn-dot{height:7px;width:7px;border-radius:50%;background:#d99e43}.conn-dot.connected{background:#35aa75}.app-tag{border:1px solid #e5e9ed;border-radius:8px;padding:9px;color:#98a3b1;font-size:11px;font-weight:700}
.page{padding:38px 51px 50px;max-width:1600px;margin:auto}
.head-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:29px}.eyebrow{font-size:11px;letter-spacing:1.55px;text-transform:uppercase;color:#df7b44;font-weight:850;margin:0 0 9px}.head-intro h1{font-size:30px;letter-spacing:-1.1px;color:#1d2b40;line-height:1.15;margin:0 0 9px;font-weight:800}.head-intro p{color:#7d8b9f;font-size:13px;line-height:1.6;margin:0}.project-select{min-width:215px;margin-top:6px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(295px,.82fr);align-items:start;gap:24px}.card{background:white;border:1px solid #e7ebf0;border-radius:17px;box-shadow:0 5px 28px #142a4210}.card-pad{padding:28px 30px}.card + .card{margin-top:22px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.card-title{font-size:16px;color:#243148;font-weight:750;letter-spacing:-.25px}.tag{font-size:11px;color:#cc7644;border-radius:6px;padding:5px 9px;background:#fff1e8;font-weight:750}.section-desc{font-size:12px;color:#7f8c9c;line-height:1.65;margin:-12px 0 23px}
.task-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 26px}.task-tile{display:flex;gap:13px;text-align:left;border-radius:14px;border:1px solid #e6ecf2;background:white;padding:17px;min-height:90px;color:#3b4b61;transition:all .15s}.task-tile.active{background:#fff8f2;border-color:#ecaa81;box-shadow:0 0 0 2px #ffebd9}.task-tile .task-icon{width:38px;height:38px;border-radius:11px;background:#f1f4f8;display:flex;align-items:center;justify-content:center;color:#667992;flex:none}.task-tile.active .task-icon{color:#da7840;background:#fce8da}.task-name{font-size:13px;font-weight:750}.task-sub{font-size:11px;color:#91a0af;margin-top:5px;line-height:1.4}
.field{margin:0 0 19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.label{display:block;font-size:12px;font-weight:750;color:#3c4a5c;margin-bottom:8px}.hint{font-weight:500;color:#9ba6b6}.field input,.field select,.field textarea{display:block;outline:none;width:100%;border:1px solid #dfe5ec;border-radius:10px;background:#fff;color:#2d3b4e;font-size:13px;padding:12px 14px;min-height:44px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e3a16f;box-shadow:0 0 0 3px #fcece0}.field textarea{min-height:120px;resize:vertical;line-height:1.55}.field textarea.short{min-height:85px}.field select{appearance:auto}.field small{font-size:11px;line-height:1.6;color:#98a2b1;display:block;margin-top:7px}
.options{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:5px}.check{display:flex;gap:9px;align-items:center;font-size:12px;color:#526176;cursor:pointer}.check input{accent-color:#de783f;width:15px;height:15px}
.bottom-action{border-top:1px solid #e9edf1;margin-top:27px;padding-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border-radius:10px;font-size:12px;font-weight:750;padding:12px 16px;border:1px solid transparent;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.primary{background:#e5753b;color:white;box-shadow:0 5px 11px #e5753b22}.primary:hover{background:#cf6330}.secondary{background:#fff;color:#5d6d80;border-color:#dde4eb}.secondary:hover{background:#f8fafc}.subtle{border:0;background:transparent;color:#bd6635;padding:9px}.action-hint{font-size:11px;color:#96a2b2;line-height:1.55;margin:12px 0 0}.message{margin:14px 0 0;padding:11px 13px;background:#eff7fb;border:1px solid #dbeaf2;border-radius:10px;color:#4c657a;font-size:12px;line-height:1.5}.message.error{color:#a54e37;background:#fff4ee;border-color:#f4d5c5}.message.success{color:#237650;background:#ecf8f1;border-color:#c9e9d7}
.info-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}.info-icon{width:38px;height:38px;border-radius:11px;background:#eef4fb;display:flex;align-items:center;justify-content:center;color:#6487b2}.info-head strong{font-size:13px;color:#334459}.info-head p{font-size:11px;color:#9aa5b4;margin:4px 0 0}
.chat-select{margin-top:12px!important}.note{font-size:11px;color:#8b98a9;line-height:1.6;margin:11px 0 0}.checkline{display:flex;gap:10px;margin:14px 0;font-size:12px;color:#53637a;align-items:flex-start}.small-circle{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:#f3f6fa;color:#7a8ba0;flex:none}.small-circle.ok{background:#e9f7ef;color:#399968}.small-circle.warn{background:#fff2e9;color:#d27b43}.soft-line{height:1px;background:#edf0f4;margin:18px 0}.state-box{background:#f8f9fc;border-radius:10px;padding:12px 14px;color:#7d8c9e;font-size:11px;line-height:1.7}
.history-list{display:grid;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:start;gap:11px;border-bottom:1px solid #eff2f4;padding-bottom:11px}.history-item:last-child{border:none;padding-bottom:0}.history-item b{font-size:12px;color:#37465b}.history-item p{font-size:11px;color:#91a0ae;margin:3px 0 0;line-height:1.4}.history-item time{font-size:10px;color:#adb6c2;white-space:nowrap}.muted{font-size:12px;line-height:1.6;color:#8796a9}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .full{grid-column:1/-1}.settings-warning{background:#fff7f1;border:1px solid #f5dac5;padding:13px;border-radius:11px;color:#845c43;font-size:12px;line-height:1.6;margin-bottom:18px}
.stat-row{display:flex;gap:16px;margin-top:21px}.stat{padding:14px 16px;background:#f7f9fc;border-radius:11px;flex:1}.stat b{display:block;font-size:19px;color:#213248}.stat span{color:#93a0b1;font-size:11px}
@media (max-width:1250px){.topbar{padding:0 29px}.page{padding:29px}.sidebar{width:225px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.85fr)}.card-pad{padding:24px}.task-tile{padding:12px}}
@media (max-width:1000px){.sidebar{width:76px;padding:25px 9px}.logo{padding:1px 8px 30px}.logo-name,.logo-sub,.side-label,.side-btn span,.project-list,.add-project,.side-bottom{display:none}.side-nav{margin:0}.side-btn{justify-content:center}.logo-mark{height:38px;width:38px}.content-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:17px}.right-rail .card{margin:0}}
@media (max-width:650px){.sidebar{width:59px;padding:18px 5px}.logo{padding:0 3px 24px}.logo-mark{height:35px;width:35px;font-size:11px}.topbar{padding:0 15px;height:65px}.app-tag{display:none}.page{padding:21px 14px}.head-intro{display:block}.head-intro h1{font-size:25px}.project-select{margin-top:14px;width:100%}.card-pad{padding:20px}.task-tiles,.field-row,.options,.settings-grid,.right-rail{grid-template-columns:1fr}.task-tile{min-height:65px}.card-header{margin-bottom:18px}.connection-pill{padding:7px 10px}.content-grid{gap:14px}}

/* v1.3: independently routed workflows + in-panel answers */
.result-card{margin-top:24px;max-width:100%;scroll-margin-top:18px}
.result-card .card-header{margin-bottom:15px;align-items:start}
.result-tools{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:17px}
.result-status{display:inline-flex;border-radius:99px;background:#eef3fb;color:#546b86;font-size:11px;padding:7px 12px;font-weight:700;max-width:340px;line-height:1.4}
.result-status.complete{background:#eaf7ee;color:#31835a}
.result-status.error{background:#fff0e9;color:#a7472b}
.result-status.generating{background:#fff7eb;color:#b56d26}
.answer-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.8;color:#31435b;background:#fbfcfe;border:1px solid #e4eaf2;border-radius:12px;padding:21px;min-height:190px;max-height:75vh;overflow:auto;user-select:text}
@media(max-width:700px){.answer-body{padding:14px;max-height:65vh}.result-status{max-width:none}}

/* SEO Studio 2.0 — additional independently routed workflows */
.inner-label{margin:17px 9px 5px!important;color:#7e91a7!important;font-size:10px!important}
.side-nav{display:flex;flex-direction:column;gap:3px}
.foot-note{background:#21334b;color:#fff;border-color:#21334b}
.foot-note strong{font-size:13px}.foot-note p{font-size:12px;color:#b7c6d6;line-height:1.7}
.skill-panel .card-header{margin-bottom:13px}
.workflow-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.workflow-steps span{padding:9px 12px;border-radius:30px;background:#eff4f9;font-size:11px;color:#49617f;font-weight:700}
.workflow-steps span:not(:last-child):after{content:'›';margin-left:12px;color:#a0b1bf;font-weight:700}
.skill-caption{margin-top:17px;font-size:11px;line-height:1.7;color:#7b8a9a}
.muted-tag{background:#f1f4f8;color:#6d8096}
.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.skill-entry{border:1px solid #e7edf3;background:#fbfcfe;border-radius:12px;padding:16px;min-height:120px}
.skill-entry strong{display:block;font-size:13px;color:#2b3c51}.skill-entry code{display:block;font-size:10px;margin:7px 0;color:#b66a3d;overflow-wrap:anywhere}
.skill-entry p{font-size:11px;line-height:1.6;color:#74879b;margin:6px 0 0}
.prompt-modal{position:fixed;inset:0;background:#0e1a2bb3;z-index:200;display:grid;place-items:center;padding:24px}
.prompt-dialog{width:min(920px,100%);max-height:90vh;display:flex;flex-direction:column;background:white;border-radius:17px;box-shadow:0 25px 80px #0003;padding:23px}
.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#273b52}
.prompt-dialog pre{white-space:pre-wrap;word-break:break-word;overflow:auto;background:#f6f8fb;border:1px solid #e5eaf1;border-radius:9px;padding:20px;line-height:1.7;font-size:12px;color:#364b63}
@media (max-width:1120px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.skill-grid{grid-template-columns:1fr}.workflow-steps span:not(:last-child):after{display:none}}
/* Navigation stays usable on smaller displays with many workflows. */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b506d #18263a}
.sidebar .side-nav{flex-shrink:0}