:root{--bg:#f4f5f3;--panel:#fff;--panel-muted:#f8f9f7;--ink:#1c2420;--muted:#68716c;--dim:#98a09b;--line:#dfe3df;--line-strong:#cbd2cd;--green:#176b4d;--green-soft:#e8f2ed;--red:#b6483c;--red-soft:#f8ece9;--amber:#a76a1d;--amber-soft:#fbf2e4;--blue:#356b8d;--blue-soft:#eaf1f5;--shadow:0 10px 30px #1d2a2314}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{color:inherit}.app-shell{grid-template-columns:232px minmax(520px,1fr) minmax(340px,410px);height:100dvh;display:grid;overflow:hidden}.sidebar,.assistant-panel{background:var(--panel)}.sidebar{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:72px;padding:0 18px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.brand strong,.brand span{letter-spacing:0;display:block}.brand strong{font-size:15px}.brand span{color:var(--dim);text-transform:uppercase;margin-top:2px;font-size:10px}.project-switcher{border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:14px 12px 10px;padding:10px;display:grid}.project-switcher:hover{border-color:var(--line-strong);background:var(--panel-muted)}.project-switcher span:nth-child(2){min-width:0}.project-switcher strong,.project-switcher small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.project-switcher strong{font-size:12px}.project-switcher small{color:var(--dim);margin-top:3px;font-size:10px}.project-icon{width:32px;height:32px;color:var(--green);background:var(--green-soft);border-radius:6px;place-items:center;display:grid}.nav-list{border-bottom:1px solid var(--line);padding:4px 10px 12px}.nav-list button,.sidebar-section button,.sidebar-footer button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;display:flex}.nav-list button{height:38px;color:var(--muted);border-radius:6px;padding:0 10px;font-size:12px}.nav-list button:hover,.nav-list button.active{color:var(--ink);background:var(--panel-muted)}.nav-list button.active{box-shadow:inset 3px 0 0 var(--green);font-weight:650}.nav-list button span{min-width:21px;color:var(--muted);text-align:center;background:#edf0ed;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:10px}.nav-list button span.alert-count{color:var(--red);background:var(--red-soft)}.sidebar-section{padding:16px 10px;overflow:auto}.sidebar-section>p{color:var(--dim);text-transform:uppercase;margin:0 10px 7px;font-size:10px;font-weight:700}.sidebar-section button{height:34px;color:var(--muted);text-align:left;border-radius:5px;padding:0 10px;font-size:11px}.sidebar-section button:hover{color:var(--ink);background:var(--panel-muted)}.sidebar-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 34px;align-items:center;gap:3px;margin-top:auto;padding:11px 12px;display:grid}.sidebar-footer button{height:31px;color:var(--muted);border-radius:5px;justify-content:center;font-size:10px}.sidebar-footer button:hover{background:var(--panel-muted);color:var(--ink)}.avatar{color:#fff;background:#33463c;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.workspace{grid-template-rows:72px minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.eyebrow,.section-kicker{color:var(--dim);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.topbar h1{letter-spacing:0;margin:4px 0 0;font-size:19px;font-weight:680}.topbar-actions{align-items:center;gap:9px;display:flex}.status{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:5px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:flex}.status i,.assistant-title small i{background:#3b936d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #3b936d1f}.icon-btn{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--ink);border-color:var(--line-strong)}.content-scroll{padding:24px 28px 40px;overflow:auto}.project-summary{background:linear-gradient(135deg,#f3f8f5 0%,#fff 70%);border:1px solid #ced8d1;border-radius:7px;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);align-items:center;gap:36px;min-height:172px;padding:28px 30px;display:grid}.summary-copy h2{letter-spacing:0;max-width:680px;margin:8px 0 9px;font-size:22px;font-weight:680;line-height:1.35}.summary-copy p{max-width:650px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.progress-block{border-left:1px solid var(--line);padding-left:28px}.progress-value{justify-content:space-between;align-items:baseline;display:flex}.progress-value strong{font-size:32px;font-weight:680}.progress-value span,.progress-block small{color:var(--muted);font-size:10px}.progress-track{background:#e4e9e5;border-radius:2px;height:6px;margin:13px 0 9px;overflow:hidden}.progress-track i{background:var(--green);height:100%;transition:width .3s;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 22px;display:grid}.metrics article{border:1px solid var(--line);background:var(--panel);border-radius:6px;min-height:108px;padding:16px}.metrics span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.metrics strong{margin:10px 0 4px;font-size:22px;font-weight:680;display:block}.metrics small{color:var(--dim);font-size:9px}.section{border-top:1px solid var(--line);margin-top:16px;padding-top:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;min-height:38px;margin-bottom:10px;display:flex}.section-head h2,.modal h2{letter-spacing:0;margin:4px 0 0;font-size:15px;font-weight:680}.text-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.text-btn:hover{border-color:var(--line-strong);color:var(--ink)}.task-list{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.task-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 36px 58px;align-items:center;gap:10px;min-height:62px;padding:10px 14px;display:grid}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--panel-muted)}.task-check{border:1px solid var(--line-strong);width:23px;height:23px;color:var(--dim);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.task-check.doing{color:var(--amber);background:var(--amber-soft);border-color:#d9b57d}.task-check.done{color:#fff;border-color:var(--green);background:var(--green)}.task-main{min-width:0}.task-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:620;display:block;overflow:hidden}.task-main strong.completed{color:var(--dim);text-decoration:line-through}.task-main span{color:var(--dim);align-items:center;gap:5px;margin-top:6px;font-size:9px;display:flex}.task-main span svg:nth-of-type(2){margin-left:8px}.priority{font-size:9px;font-weight:700}.priority-高{color:var(--red)}.priority-中{color:var(--amber)}.priority-低{color:var(--blue)}.task-state{text-align:center;border-radius:4px;padding:4px 6px;font-size:9px}.task-state.todo{color:var(--muted);background:#eef0ee}.task-state.doing{color:var(--amber);background:var(--amber-soft)}.task-state.done{color:var(--green);background:var(--green-soft)}.approval-note{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.approval-row{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.approval-row.approved,.approval-row.rejected{opacity:.68}.approval-symbol{width:35px;height:35px;color:var(--blue);background:var(--blue-soft);border-radius:6px;place-items:center;display:grid}.approval-row strong{font-size:11px}.approval-row p{color:var(--muted);margin:4px 0 6px;font-size:10px}.approval-row div>span{color:var(--green);font-size:9px}.approval-actions{gap:7px;display:flex}.approval-actions button{cursor:pointer;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;display:flex}.reject{border:1px solid var(--line);color:var(--muted);background:#fff}.approve{border:1px solid var(--green);background:var(--green);color:#fff}.decision{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.assistant-panel{border-left:1px solid var(--line);grid-template-rows:72px auto minmax(0,1fr) auto;min-width:0;display:grid}.assistant-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 17px;display:flex}.assistant-title{align-items:center;gap:10px;display:flex}.assistant-title>span{width:34px;height:34px;color:var(--green);background:var(--green-soft);border-radius:7px;place-items:center;display:grid}.assistant-title strong,.assistant-title small{align-items:center;gap:6px;display:flex}.assistant-title strong{font-size:12px}.assistant-title small{color:var(--dim);margin-top:3px;font-size:9px}.quick-prompts{border-bottom:1px solid var(--line);gap:6px;padding:11px 14px;display:flex;overflow-x:auto}.quick-prompts button{border:1px solid var(--line);background:var(--panel-muted);color:var(--muted);cursor:pointer;border-radius:4px;flex:none;padding:6px 8px;font-size:9px}.quick-prompts button:hover{color:var(--green);background:var(--green-soft);border-color:#b8cdc1}.chat-list{padding:18px 15px;overflow:auto}.message{gap:8px;margin-bottom:18px;display:flex}.message.user{justify-content:flex-end}.message-avatar{width:25px;height:25px;color:var(--green);background:var(--green-soft);border-radius:5px;flex:none;place-items:center;display:grid}.message-body{max-width:calc(100% - 36px)}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.7}.message.user .message-body{color:#fff;background:#33463c;border-radius:6px 2px 6px 6px;padding:9px 11px}.message.assistant .message-body{padding-top:3px}.mode-label{text-transform:uppercase;border-radius:3px;margin-bottom:6px;padding:2px 5px;font-size:8px;display:inline-block}.mode-label.pi{color:var(--green);background:var(--green-soft)}.mode-label.demo{color:var(--amber);background:var(--amber-soft)}.stream-status{color:var(--dim);align-items:center;gap:7px;margin:-8px 0 16px 34px;font-size:9px;display:flex}.stream-status svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.composer-wrap{border-top:1px solid var(--line);background:var(--panel);padding:10px 14px 14px}.composer{border:1px solid var(--line-strong);background:#fff;border-radius:7px;box-shadow:0 4px 16px #1c24200d}.composer:focus-within{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.composer textarea{resize:none;width:100%;min-height:68px;color:var(--ink);background:0 0;border:0;outline:0;padding:11px 12px 4px;font-size:11px;line-height:1.5}.composer textarea::placeholder{color:var(--dim)}.composer-footer{justify-content:space-between;align-items:center;padding:6px 7px 7px 11px;display:flex}.composer-footer span{color:var(--dim);align-items:center;gap:5px;font-size:8px;display:flex}.composer-footer button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.composer-footer button:disabled{cursor:not-allowed;background:#c8ceca}.composer-wrap>small{color:var(--dim);text-align:center;margin-top:7px;font-size:8px;display:block}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#181f1b52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:7px;padding:20px}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal label{color:var(--muted);gap:7px;font-size:10px;display:grid}.modal input{border:1px solid var(--line-strong);border-radius:5px;outline:0;height:39px;padding:0 11px}.modal input:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;height:34px;padding:0 13px;font-size:10px}.modal-actions button.primary{border-color:var(--green);color:#fff;background:var(--green)}@media (max-width:1180px){.app-shell{grid-template-columns:210px minmax(460px,1fr) 350px}.metrics{grid-template-columns:repeat(2,1fr)}.project-summary{grid-template-columns:1fr;gap:20px}.progress-block{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}}@media (max-width:900px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{align-items:center}.brand{justify-content:center;width:100%;padding:0}.brand>div:last-child,.project-switcher span:nth-child(2),.project-switcher>svg,.nav-list button:not(.active) span,.sidebar-section,.sidebar-footer button{display:none}.project-switcher{grid-template-columns:34px;margin:12px auto;padding:7px}.nav-list{width:100%;padding:4px 8px}.nav-list button{justify-content:center;padding:0;font-size:0}.nav-list button svg{width:18px;height:18px}.nav-list button.active{box-shadow:none}.sidebar-footer{grid-template-columns:34px;justify-content:center;width:100%}.assistant-panel{z-index:10;width:min(390px,100vw - 68px);position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #1d2a2314}.workspace{padding-right:min(390px,100vw - 68px)}}@media (max-width:700px){.app-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.sidebar{display:none}.workspace{padding:0;display:block}.topbar{z-index:5;height:64px;padding:0 16px;position:sticky;top:0}.topbar h1{font-size:16px}.status{display:none}.content-scroll{padding:16px 14px 360px;overflow:visible}.project-summary{padding:20px}.summary-copy h2{font-size:18px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{min-height:96px}.task-row{grid-template-columns:27px minmax(0,1fr) 50px}.priority{display:none}.approval-row{grid-template-columns:34px 1fr}.approval-actions,.decision{grid-column:2;justify-self:start}.assistant-panel{border-left:0;border-top:1px solid var(--line);grid-template-rows:54px auto minmax(0,1fr) auto;width:100%;height:340px;inset:auto 0 0;box-shadow:0 -8px 24px #1d2a231a}.assistant-header{padding:0 12px}.assistant-title>span{width:30px;height:30px}.quick-prompts{padding:7px 10px}.chat-list{padding:10px 12px}.composer-wrap{padding:7px 10px 9px}.composer textarea{height:42px;min-height:42px}}.nav-caption{color:var(--dim);text-transform:uppercase;margin:0 10px 6px;font-size:10px;font-weight:700}.stage-dot{background:#c6cdc9;border-radius:50%;flex:none;width:6px;height:6px}.nav-list button.active .stage-dot{background:var(--green)}.context-fields{gap:10px;display:grid}.context-fields label{color:var(--muted);gap:5px;font-size:10px;display:grid}.context-fields select{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);cursor:pointer;border-radius:5px;outline:0;padding:0 9px;font-size:11px}.context-fields select:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.template-card{border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:start;column-gap:11px;min-height:118px;padding:15px;display:grid}.template-card:hover{background:var(--green-soft);border-color:#b8cdc1}.template-card:disabled{opacity:.55;cursor:not-allowed}.template-icon{width:34px;height:34px;color:var(--green);background:var(--green-soft);border-radius:6px;grid-row:span 2;place-items:center;display:grid}.template-card strong{font-size:12px;font-weight:680}.template-card small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.empty-state{border:1px dashed var(--line-strong);color:var(--dim);text-align:center;border-radius:6px;padding:22px;font-size:10px;line-height:1.7}.artifact-list{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.artifact-row{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:grid}.artifact-row:last-child{border-bottom:0}.artifact-file{width:29px;height:29px;color:var(--blue);background:var(--blue-soft);border-radius:5px;place-items:center;display:grid}.artifact-row strong{font-size:11px;display:block}.artifact-row small{color:var(--dim);margin-top:3px;font-size:9px;display:block}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:var(--red-soft);border-color:#dcb6ae}.rotate-45{transform:rotate(45deg)}.modal-note{color:var(--muted);margin:0 0 4px;font-size:10px;line-height:1.6}.modal-actions button.danger{border-color:var(--red);color:#fff;background:var(--red)}@media (max-width:1180px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.template-grid{grid-template-columns:1fr}}.balance-card{border:1px solid var(--line);background:var(--panel-muted);text-align:center;border-radius:6px;padding:12px}.balance-card strong{color:var(--green);margin:4px 0 2px;font-size:20px;font-weight:680;display:block}.balance-card span{color:var(--muted);font-size:9px}.balance-card .text-btn{margin:8px auto 0}.balance-card.wide{text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;display:grid}.balance-card.wide span{grid-column:1;font-size:10px}.balance-card.wide strong{grid-area:1/2;font-size:18px}.balance-card.wide small{color:var(--dim);grid-column:1/-1;margin-top:4px;font-size:8px}.billing-input{resize:vertical;border:1px solid var(--line-strong);background:var(--panel);width:100%;min-height:130px;color:var(--ink);border-radius:7px;outline:0;padding:13px;font-family:inherit;font-size:12px;line-height:1.6}.billing-input:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.image-note{color:var(--amber);margin:8px 0 0;font-size:10px}.billing-actions{align-items:center;gap:14px;margin-top:12px;display:flex}.primary-billing{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:11px;font-weight:650;display:flex}.primary-billing:disabled{cursor:not-allowed;background:#c8ceca;border-color:#c8ceca}.spin{animation:1s linear infinite spin}.billing-output{border:1px solid var(--line);background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;min-height:160px;max-height:520px;margin:0;padding:16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.7;overflow:auto}.log-row{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.log-row:last-child{border-bottom:0}.log-icon{width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:5px;place-items:center;display:grid}.log-row strong,.log-row small{display:block}.log-row strong{font-size:10px}.log-row small{color:var(--dim);margin-top:2px;font-size:8px}.log-cost{text-align:right}.log-cost strong{color:var(--ink);font-size:10px}.log-cost small{color:var(--amber);font-size:9px}.billing-hint{color:var(--dim);text-align:center;margin-top:8px;font-size:8px;display:block}.key-box{grid-template-columns:1fr auto;gap:6px;display:grid}.key-box input{border:1px solid var(--line);border-radius:5px;outline:0;min-width:0;height:34px;padding:0 9px;font-size:11px}.key-box input:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.key-box button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;height:34px;padding:0 9px;font-size:10px;display:flex}.key-box button:disabled{cursor:not-allowed;background:#c8ceca;border-color:#c8ceca}.key-hint{color:var(--dim);margin-top:8px;font-size:9px;line-height:1.6;display:block}.key-hint strong{color:var(--muted)}.key-status{color:var(--green)}.key-hint.error{color:var(--red)}.guide-toggle{border:1px dashed var(--line-strong);background:var(--panel-muted);color:var(--muted);cursor:pointer;border-radius:5px;align-items:center;gap:6px;width:100%;margin-top:9px;padding:6px 8px;font-size:10px;display:flex}.guide-toggle:hover{color:var(--green);border-color:#b8cdc1}.key-guide{border:1px solid var(--line);background:var(--panel-muted);border-radius:6px;margin-top:8px;padding:10px 11px}.key-guide ol{color:var(--muted);gap:6px;margin:0;padding-left:16px;font-size:10px;line-height:1.6;display:grid}.key-guide a{color:var(--green);align-items:center;gap:3px;font-weight:650;display:inline-flex}.key-guide code{color:var(--ink);background:#eef0ee;border-radius:3px;padding:1px 4px;font-size:9px}.key-guide p{color:var(--dim);margin:8px 0 0;font-size:9px}.model-select{border:1px solid var(--line);background:var(--panel);width:100%;height:34px;color:var(--ink);cursor:pointer;border-radius:5px;outline:0;padding:0 9px;font-size:11px}.model-select:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.primary-billing.small{height:30px;padding:0 12px;font-size:10px}.empty-output{border:1px dashed var(--line-strong);color:var(--dim);text-align:center;background:var(--panel);border-radius:7px;padding:22px;font-size:11px}.billing-output.preview{background:var(--panel);padding:0;overflow:visible}.billing-output.preview>*{padding:0 16px}.billing-output.preview h1,.billing-output.preview h2,.billing-output.preview h3,.billing-output.preview h4{margin:0;padding-top:14px}.billing-output.preview p,.billing-output.preview li{margin:6px 0;padding:0;line-height:1.8}.billing-output.preview table{border-collapse:collapse;margin:10px 16px;font-size:11px}.billing-output.preview th,.billing-output.preview td{border:1px solid var(--line);text-align:left;padding:5px 9px}.billing-output.preview th{background:var(--panel-muted)}.billing-output.preview code{background:#f0f2f0;border-radius:3px;padding:1px 5px;font-size:10px}.billing-output.preview pre{background:#f6f7f5;border-radius:0;padding:12px 16px;overflow:auto}.billing-output.preview blockquote{border-left:3px solid var(--green-soft);background:var(--green-soft);color:var(--muted);margin:8px 0;padding:8px 13px}.artifact-name{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.artifact-name:hover strong{color:var(--green)}.artifact-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.artifact-name small{color:var(--dim);margin-top:3px;font-size:9px;display:block}.artifact-actions{gap:5px;display:flex}.preview-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:86dvh;display:grid}.preview-body{padding:4px 8px;font-size:12px;line-height:1.8;overflow:auto}.preview-body h1,.preview-body h2,.preview-body h3{margin:12px 0 6px}.preview-body table{border-collapse:collapse;margin:10px 0}.preview-body th,.preview-body td{border:1px solid var(--line);text-align:left;padding:5px 9px;font-size:11px}.preview-body pre{background:#f6f7f5;border-radius:5px;padding:10px;overflow:auto}.preview-body code{background:#f0f2f0;border-radius:3px;padding:1px 5px;font-size:11px}.guide-cta,.key-guide a.guide-cta{background:var(--green);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px;font-size:10px;font-weight:650;text-decoration:none;display:flex}.guide-cta:hover,.key-guide a.guide-cta:hover{color:#fff;background:#14563d}.attachment-list{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.attachment-chip{border:1px solid var(--line);background:var(--panel-muted);color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:inline-flex}.attachment-chip button{color:var(--dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.attachment-chip button:hover{color:var(--red)}.attach-hint{color:var(--dim);margin:8px 0 0;font-size:9px}.export-menu-wrap{position:relative}.export-menu{z-index:30;border:1px solid var(--line);min-width:150px;box-shadow:var(--shadow);background:#fff;border-radius:6px;padding:5px;position:absolute;top:calc(100% + 5px);right:0}.export-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.export-menu button:hover{background:var(--green-soft);color:var(--green)}.nav-caption-row{justify-content:space-between;align-items:center;margin:0 10px 6px;display:flex}.nav-caption-row .nav-caption{margin:0}.add-task-btn{border:1px solid var(--line-strong);background:var(--panel);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;padding:0;display:grid}.add-task-btn:hover{color:var(--green);background:var(--green-soft);border-color:#8fb1a0}.task-list{flex-direction:column;min-height:0;display:flex}.task-scroll{flex:1;min-height:0;overflow-y:auto}.task-empty{color:var(--dim);margin:4px 10px;font-size:10px}.task-item{width:100%;height:34px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.task-item:hover{background:var(--panel-muted);color:var(--ink)}.task-item.active{color:var(--ink);background:var(--panel-muted);box-shadow:inset 3px 0 0 var(--green);font-weight:650}.task-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.task-item-actions{opacity:0;gap:4px;display:flex}.task-item:hover .task-item-actions{opacity:1}.task-item-actions span{width:17px;height:17px;color:var(--dim);border-radius:3px;place-items:center;display:grid}.task-item-actions span:hover{background:var(--bg);color:var(--ink)}.task-item-actions .task-del:hover{color:var(--red)}.task-modal{width:min(520px,100%)}.task-form{gap:12px;display:grid}.task-form label{color:var(--muted);gap:6px;font-size:10px;display:grid}.task-form input,.task-form textarea{border:1px solid var(--line-strong);resize:vertical;border-radius:5px;outline:0;padding:9px 11px;font-family:inherit;font-size:11px}.task-form input:focus,.task-form textarea:focus{border-color:#8fb1a0;box-shadow:0 0 0 3px #176b4d14}.task-tip{color:var(--dim);margin:0;font-size:9px;line-height:1.6}
.marketing-page{color:#19231e;background:#f7f8f5;min-height:100vh}.marketing-page a{color:inherit;text-decoration:none}.marketing-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafbf8f0;border-bottom:1px solid #dfe4df;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 max(24px,50vw - 590px);display:grid;position:sticky;top:0}.marketing-brand{justify-self:start;align-items:center;gap:9px;display:flex}.marketing-brand>span,.footer-brand>span{color:#fff;background:#176b4d;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.marketing-brand strong{font-size:17px}.marketing-brand small{color:#7a847e;font-size:11px}.marketing-header nav{color:#5d6962;gap:28px;font-size:12px;display:flex}.marketing-header nav a:hover{color:#176b4d}.header-cta,.marketing-primary,.marketing-secondary{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:12px;font-weight:680;display:inline-flex}.header-cta{background:#19231e;justify-self:end;color:#fff!important}.marketing-primary{background:#176b4d;border:1px solid #176b4d;color:#fff!important}.marketing-primary:hover{background:#11563d}.marketing-secondary{background:#fff;border:1px solid #cbd3cd;color:#344139!important}.marketing-secondary:hover{border-color:#8e9e94}.marketing-hero{grid-template-columns:minmax(410px,.82fr) minmax(560px,1.18fr);align-items:center;gap:58px;max-width:1280px;min-height:680px;margin:0 auto;padding:72px 50px 86px;display:grid;overflow:hidden}.hero-copy h1{letter-spacing:0;max-width:620px;margin:17px 0 22px;font-size:54px;font-weight:730;line-height:1.14}.marketing-eyebrow{color:#176b4d;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:760;display:flex}.hero-lead{color:#56645c;max-width:600px;margin:0;font-size:16px;line-height:1.85}.hero-actions{gap:10px;margin-top:30px;display:flex}.hero-trust{color:#68746d;flex-wrap:wrap;gap:16px;margin:24px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.hero-trust li{align-items:center;gap:5px;display:flex}.hero-trust svg{color:#176b4d}.workspace-preview{background:#fff;border:1px solid #cbd4ce;border-radius:8px;min-width:620px;overflow:hidden;transform:perspective(1200px)rotateY(-2deg)rotateX(1deg);box-shadow:0 26px 70px #1e2f2529}.preview-topbar{background:#f5f7f4;border-bottom:1px solid #e1e5e2;align-items:center;gap:6px;height:44px;padding:0 14px;display:flex}.preview-topbar>span{background:#c6cdc8;border-radius:50%;width:8px;height:8px}.preview-topbar strong{color:#5f6963;margin-left:10px;font-size:10px}.preview-body{grid-template-columns:150px 1fr;min-height:450px;display:grid}.preview-body aside{background:#fbfcfa;border-right:1px solid #e1e5e2;flex-direction:column;padding:22px 12px;display:flex}.preview-body aside b{margin:0 8px 19px;font-size:16px}.preview-body aside span{color:#6c7770;border-radius:5px;padding:9px 10px;font-size:10px}.preview-body aside span.active{color:#176b4d;background:#e8f2ed;box-shadow:inset 3px 0 #176b4d}.preview-body aside span:last-child{border-top:1px solid #e1e5e2;border-radius:0;margin-top:20px}.preview-body>section{background:#f4f5f3;padding:25px 27px}.preview-body>section>small{color:#839087;text-transform:uppercase;font-size:9px}.preview-body>section>h2{margin:5px 0 17px;font-size:20px}.preview-input,.preview-output{background:#fff;border:1px solid #dde3df;border-radius:6px;padding:17px 18px}.preview-input strong,.preview-output strong{font-size:11px}.preview-input p{color:#8a948d;min-height:48px;margin:12px 0;font-size:10px;line-height:1.6}.preview-input div{color:#5f6b64;align-items:center;gap:6px;font-size:9px;display:flex}.preview-input div span{color:#fff;background:#176b4d;border-radius:5px;margin-left:auto;padding:7px 10px}.preview-output{margin-top:10px}.preview-output h3{margin:12px 0 8px;font-size:11px}.preview-output p{color:#617068;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:8px 0;font-size:9px;display:grid}.preview-output i{background:#4f9a79;border-radius:2px;grid-column:1/-1;height:4px}.proof-strip{border-block:1px solid #dce2dd;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;display:grid}.proof-strip div{border-right:1px solid #dce2dd;flex-direction:column;gap:4px;padding:25px 30px;display:flex}.proof-strip div:last-child{border-right:0}.proof-strip strong{color:#176b4d;font-size:22px}.proof-strip span{color:#6b7770;font-size:10px}.marketing-section{max-width:1180px;margin:0 auto;padding:104px 30px}.section-intro{max-width:650px;margin-bottom:40px}.section-intro h2,.format-band h2,.final-cta h2{letter-spacing:0;margin:10px 0 12px;font-size:34px;line-height:1.25}.section-intro>p:last-child,.format-band>div>p:last-child{color:#657169;margin:0;font-size:14px;line-height:1.8}.tool-marketing-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.tool-marketing-grid article{background:#fff;border:1px solid #d9e0db;border-radius:7px;flex-direction:column;grid-column:span 2;min-height:320px;padding:25px;display:flex;position:relative}.tool-marketing-grid article.tool-featured,.tool-marketing-grid article:nth-child(2){grid-column:span 3}.tool-number{color:#b5beb8;font-size:10px;position:absolute;top:20px;right:22px}.tool-marketing-icon{color:#176b4d;background:#e8f2ed;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.tool-marketing-grid article>p{color:#8a948d;text-transform:uppercase;margin:22px 0 6px;font-size:9px}.tool-marketing-grid h3{margin:0 0 13px;font-size:19px}.tool-marketing-grid article>div:nth-of-type(2){color:#66736b;font-size:11px;line-height:1.75}.tool-marketing-grid article>a{color:#176b4d;align-items:center;gap:5px;margin-top:auto;font-size:11px;font-weight:700;display:flex}.format-band{color:#fff;background:#1d2b24;grid-template-columns:.9fr 1.1fr;align-items:center;gap:74px;max-width:1180px;margin:0 auto;padding:64px 54px;display:grid}.format-band .marketing-eyebrow{color:#89c2a8}.format-band>div>p:last-child{color:#b6c2bb}.format-list{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.format-list span{background:#26372e;border:1px solid #405047;border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:140px;padding:18px;display:flex}.format-list svg{color:#91c9ae;margin-bottom:auto}.format-list b{font-size:13px}.format-list small{color:#9faca5;margin-top:5px;font-size:9px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.workflow-grid li{background:#fff;border-top:2px solid #176b4d;min-height:230px;padding:28px;position:relative}.workflow-grid li>span{color:#b1bbb4;font-size:11px;position:absolute;top:22px;right:25px}.workflow-grid svg{color:#176b4d}.workflow-grid h3{margin:27px 0 10px;font-size:16px}.workflow-grid p{color:#69756e;margin:0;font-size:11px;line-height:1.8}.faq-section{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.faq-list details{border-top:1px solid #d7ded9}.faq-list details:last-child{border-bottom:1px solid #d7ded9}.faq-list summary{cursor:pointer;padding:20px 0;font-size:13px;font-weight:680}.faq-list p{color:#637068;max-width:760px;margin:-7px 0 21px;font-size:12px;line-height:1.8}.final-cta{background:#edf4ef;border:1px solid #cdd7d0;justify-content:space-between;align-items:center;gap:30px;max-width:1180px;margin:20px auto 0;padding:50px 54px;display:flex}.final-cta h2{max-width:680px;margin-bottom:0;font-size:29px}.marketing-footer{color:#69756e;border-top:1px solid #d6ddd8;grid-template-columns:1.5fr 1fr 1fr;gap:50px;max-width:1180px;margin:90px auto 0;padding:42px 30px 50px;display:grid}.footer-brand{align-items:center;gap:11px;display:flex}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:#26322b;font-size:13px}.footer-brand small{margin-top:4px;font-size:9px}.marketing-footer>div:not(.footer-brand){flex-direction:column;gap:9px;font-size:10px;display:flex}.marketing-footer>div:not(.footer-brand) strong{color:#26322b;margin-bottom:4px}.marketing-footer>p{color:#88928c;grid-column:1/-1;margin:12px 0 0;font-size:9px}.breadcrumbs{color:#7a857e;align-items:center;gap:5px;max-width:1180px;margin:0 auto;padding:25px 30px 0;font-size:10px;display:flex}.breadcrumbs a:hover{color:#176b4d}.tool-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;max-width:1180px;margin:0 auto;padding:70px 30px 90px;display:grid}.tool-hero h1{max-width:700px;margin:14px 0 20px;font-size:48px;line-height:1.16}.tool-hero>div>p:not(.marketing-eyebrow){color:#59675f;max-width:690px;font-size:15px;line-height:1.9}.tool-hero>div>small{color:#7e8982;margin-top:18px;font-size:9px;display:block}.tool-output-card{background:#fff;border:1px solid #cfd8d2;border-radius:7px;padding:28px;box-shadow:0 18px 45px #1f312714}.tool-output-card>div{border-bottom:1px solid #e0e5e2;padding-bottom:20px}.tool-output-card>div span{color:#176b4d;text-transform:uppercase;font-size:9px;font-weight:750}.tool-output-card>div p{color:#59665e;margin:8px 0 0;font-size:11px;line-height:1.7}.tool-output-card>strong{margin-top:22px;font-size:14px;display:block}.tool-output-card ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tool-output-card li{color:#5c6961;align-items:center;gap:8px;font-size:11px;display:flex}.tool-output-card li svg{color:#176b4d}.tool-benefits>div:last-child{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-benefits article{background:#fff;border:1px solid #d8dfda;min-height:215px;padding:25px}.tool-benefits article span{color:#176b4d;font-size:10px}.tool-benefits h3{margin:35px 0 10px;font-size:17px}.tool-benefits article p{color:#68746d;margin:0;font-size:11px;line-height:1.8}.tool-how-band{color:#fff;background:#1d2b24;grid-template-columns:.75fr 1.25fr;gap:80px;max-width:1180px;margin:0 auto;padding:70px 55px;display:grid}.tool-how-band .marketing-eyebrow{color:#8fc8ae}.tool-how-band .section-intro{margin:0}.tool-how-band .section-intro h2{font-size:30px}.tool-how-band ol{margin:0;padding:0;list-style:none}.tool-how-band li{border-top:1px solid #405047;grid-template-columns:36px 1fr;gap:15px;padding:18px 0;display:grid}.tool-how-band li:last-child{border-bottom:1px solid #405047}.tool-how-band li>span{color:#9ed0b9;border:1px solid #597066;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.tool-how-band h3{margin:2px 0 7px;font-size:14px}.tool-how-band li p{color:#afbbb4;margin:0;font-size:11px;line-height:1.7}.audience-section ul{grid-template-columns:repeat(2,1fr);gap:10px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.audience-section li{background:#fff;border:1px solid #d9e0db;align-items:center;gap:8px;padding:16px;font-size:11px;display:flex}.audience-section li svg{color:#176b4d}.related-tools>div:last-child{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.related-tools a{background:#fff;border:1px solid #d8dfda;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:110px;padding:18px;display:grid}.related-tools a>svg{color:#176b4d}.related-tools a>svg:last-child{color:#929c96}.related-tools strong,.related-tools small{display:block}.related-tools strong{font-size:12px}.related-tools small{color:#79837d;margin-top:5px;font-size:9px;line-height:1.5}@media (max-width:980px){.marketing-header{grid-template-columns:1fr auto}.marketing-header nav{display:none}.marketing-hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-copy h1{font-size:46px}.workspace-preview{min-width:0;transform:none}.format-band,.tool-how-band{grid-template-columns:1fr;gap:40px}.faq-section{grid-template-columns:1fr;gap:10px}.tool-hero{grid-template-columns:1fr;gap:38px}.tool-hero h1{font-size:43px}}@media (max-width:700px){.marketing-header{height:62px;padding:0 15px}.marketing-brand small{display:none}.header-cta{min-height:34px;padding:0 11px;font-size:10px}.marketing-hero{padding:48px 18px 60px;display:block}.hero-copy h1{font-size:36px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{flex-direction:column;gap:9px}.workspace-preview{margin-top:42px}.preview-body{grid-template-columns:88px minmax(0,1fr);min-height:390px}.preview-body aside{padding:16px 6px}.preview-body aside b{margin-left:6px}.preview-body aside span{padding:7px 6px;font-size:8px}.preview-body>section{min-width:0;padding:17px 12px}.preview-output{display:none}.proof-strip{grid-template-columns:repeat(2,1fr);margin:0 18px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(-n+2){border-bottom:1px solid #dce2dd}.proof-strip div{padding:18px}.marketing-section{padding:72px 18px}.section-intro h2,.format-band h2{font-size:29px}.tool-marketing-grid{display:block}.tool-marketing-grid article{min-height:280px;margin-bottom:10px}.format-band{margin:0 18px;padding:42px 23px}.format-list{grid-template-columns:1fr}.format-list span{min-height:100px}.workflow-grid{grid-template-columns:1fr}.workflow-grid li{min-height:190px}.final-cta{flex-direction:column;align-items:stretch;margin:0 18px;padding:34px 24px}.final-cta h2{font-size:25px}.marketing-footer{grid-template-columns:1fr;gap:28px;margin-top:55px;padding:35px 18px}.marketing-footer>p{grid-column:1}.breadcrumbs{padding-inline:18px}.tool-hero{padding:45px 18px 65px;display:block}.tool-hero h1{font-size:35px}.tool-output-card{margin-top:38px}.tool-benefits>div:last-child,.audience-section ul,.related-tools>div:last-child{grid-template-columns:1fr}.tool-how-band{margin:0 18px;padding:45px 23px}}