*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0f;--surface: #18181c;--surface2: #222228;--border: #2e2e38;--accent: #7c6aff;--accent-dim: #4a3ea0;--text: #e8e8f0;--text-dim: #888898;--green: #3ecf8e;--red: #f97068;--yellow: #f5a623;--blue: #5b9cf6;--radius: 8px;--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:grid;grid-template-columns:auto minmax(220px,320px) auto;align-items:center;gap:.75rem;padding:0 1rem;min-height:52px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo{font-weight:500;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.usage-meter-wrap{position:relative;min-width:220px;width:100%}.usage-meter{display:flex;flex-direction:column;gap:3px;font-size:.7rem;color:var(--text-dim);cursor:default;min-width:220px}.usage-meter-button{width:100%;background:transparent;border:1px solid transparent;padding:0;text-align:left;cursor:pointer}.usage-meter-open{border-color:var(--border);border-radius:10px;padding:.35rem .45rem;background:color-mix(in srgb,var(--surface2) 55%,transparent)}.usage-row{display:flex;align-items:center;gap:.35rem}.usage-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65;width:2.2rem;flex-shrink:0}.usage-track{position:relative;flex:1;height:5px;background:var(--surface2);border-radius:99px;overflow:hidden}.usage-time-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:99px}.usage-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;transition:width .4s ease}.usage-pct{font-family:var(--mono);font-size:.65rem;font-weight:600;color:var(--text);width:2.4rem;text-align:right;flex-shrink:0}.usage-reset{font-size:.62rem;color:var(--text-dim);opacity:.8;flex-shrink:0;white-space:nowrap}.usage-cost{font-family:var(--mono);font-size:.65rem;color:var(--yellow);flex-shrink:0}.usage-divider{height:1px;background:var(--border);opacity:.5;margin:1px 0}.usage-summary-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;font-size:.72rem;color:var(--text-dim)}.usage-summary-line strong{color:var(--text)}.usage-panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(420px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px #00000059;padding:.9rem;z-index:30}.usage-panel-header{display:flex;flex-direction:column;gap:.12rem;margin-bottom:.8rem}.usage-panel-title{font-size:.9rem;font-weight:700;color:var(--text)}.usage-panel-subtitle{font-size:.72rem;color:var(--text-dim)}.usage-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.85rem}.usage-stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.7rem}.usage-stat-label{font-size:.7rem;color:var(--text-dim);margin-bottom:.3rem}.usage-stat-value{font-size:1rem;font-weight:700;color:var(--text)}.usage-stat-sub{margin-top:.22rem;font-size:.68rem;color:var(--text-dim)}.usage-breakdown{display:flex;flex-direction:column;gap:.45rem}.usage-breakdown-title{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.usage-model-row{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem}.usage-model-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.usage-model-name{font-size:.82rem;font-weight:600;color:var(--text);font-family:var(--mono)}.usage-model-cost{font-size:.78rem;color:var(--yellow);font-family:var(--mono)}.usage-model-sub{display:flex;flex-wrap:wrap;gap:.45rem .7rem;margin-top:.38rem;font-size:.7rem;color:var(--text-dim)}.usage-notes{margin-top:.8rem;display:flex;flex-direction:column;gap:.22rem}.usage-note,.usage-empty{font-size:.72rem;color:var(--text-dim)}.header-stats{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:.75rem;font-size:.75rem;color:var(--text-dim)}.stat-item{display:flex;align-items:center;gap:.3rem;cursor:default}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.stat-value{font-family:var(--mono);font-weight:600;color:var(--text);font-size:.78rem}.stat-cost{color:var(--yellow)}.stat-divider{width:1px;height:16px;background:var(--border)}.app-header nav{display:flex;gap:.25rem;justify-content:flex-end;align-items:center}.app-header nav a{padding:.35rem .75rem;border-radius:var(--radius);color:var(--text-dim);font-size:.9rem;transition:background .15s,color .15s}.app-header nav a:hover{background:var(--surface2);color:var(--text);text-decoration:none}.app-header nav a.active{background:var(--surface2);color:var(--text)}.token-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap}.token-bar-label{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.token-input{flex:1;min-width:180px;padding:.35rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem}.token-input:focus{outline:none;border-color:var(--accent)}.token-btn{font-size:1rem;padding:.25rem .5rem}.token-btn-set{border-color:var(--accent-dim)}.token-help{width:100%;font-size:.85rem;color:var(--text)}.token-help code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);padding:.08rem .35rem;border-radius:4px}.app-main{flex:1;padding:1.5rem 1rem;max-width:900px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.4rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.project-card{background:var(--surface2);border:2px solid transparent;border-radius:var(--radius);padding:.9rem;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;color:var(--text)}.project-card:hover{background:var(--surface);border-color:var(--accent-dim)}.project-card.selected{border-color:var(--accent);background:var(--surface)}.project-card .project-name{font-weight:600;margin-bottom:.2rem}.project-card .project-desc{font-size:.8rem;color:var(--text-dim)}.project-card .project-tags{margin-top:.5rem;display:flex;gap:.3rem;flex-wrap:wrap}.tag{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}textarea{width:100%;min-height:100px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;outline:none;transition:border-color .15s}textarea:focus{border-color:var(--accent)}.char-count{font-size:.75rem;color:var(--text-dim);text-align:right;margin-top:.3rem}.char-count.warn{color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-success{background:var(--green);color:#000}.btn-success:hover:not(:disabled){opacity:.85}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-queued{background:#2a2a3a;color:var(--text-dim)}.badge-running{background:#1a2a1a;color:var(--green);border:1px solid var(--green);animation:pulse 2s infinite}.badge-done{background:#1a2a1a;color:var(--green)}.badge-failed{background:#2a1a1a;color:var(--red)}.badge-deployable{background:#1a2020;color:var(--blue)}.badge-approved{background:#1e1a2a;color:#a78bfa;border:1px solid #7c6aff}.badge-interrupted{background:#2a2a1a;color:var(--yellow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.jobs-layout{display:flex;height:calc(100dvh - 52px);overflow:hidden}.jobs-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.jobs-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.jobs-sidebar-title{font-weight:700;font-size:.9rem}.jobs-sidebar-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.jobs-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.jobs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-dim);font-size:.9rem}.sidebar-job{padding:.65rem .75rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .1s,border-color .1s}.sidebar-job:hover{background:var(--surface2)}.sidebar-job-selected{background:var(--surface2);border-color:var(--accent-dim)!important}.sidebar-job-needs-approval{border-color:#f5a62366}.sidebar-job-needs-deploy{border-color:#5b9cf666}.sidebar-job-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.sidebar-job-time{font-size:.78rem;color:var(--text-dim);margin-left:auto}.sidebar-job-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.2rem .3rem;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.sidebar-job:hover .sidebar-job-delete{opacity:1}.sidebar-job-delete:hover{color:var(--red)}.sidebar-job-rename{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:.2rem .3rem;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.sidebar-job:hover .sidebar-job-rename{opacity:1}.sidebar-job-rename:hover{color:var(--accent)}.sidebar-job-title-input{width:100%;font-size:.85rem;padding:.15rem .3rem;background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:3px;outline:none;margin-bottom:.1rem;box-sizing:border-box}.sidebar-job-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.sidebar-job-prompt{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-job-action{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.sidebar-action-label{font-size:.72rem;color:var(--text-dim);flex:1}.sidebar-project-group{margin-bottom:.25rem}.sidebar-project-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:.4rem .5rem .2rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.proj-icon{font-size:.7rem}.proj-running{color:var(--green);animation:pulse 2s infinite}.proj-queued{color:var(--text-dim)}.proj-approval{color:var(--yellow)}.proj-deploy{color:var(--blue)}.proj-done{color:var(--green)}.proj-failed{color:var(--red)}.chat-markdown{font-size:.9rem;line-height:1.65}.chat-markdown p{margin-bottom:.6rem}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{font-weight:700;margin:.8rem 0 .4rem;line-height:1.3}.chat-markdown h1{font-size:1.1rem}.chat-markdown h2{font-size:1rem}.chat-markdown h3{font-size:.95rem}.chat-markdown ul,.chat-markdown ol{padding-left:1.4rem;margin-bottom:.6rem}.chat-markdown li{margin-bottom:.2rem}.chat-markdown code{font-family:var(--mono);font-size:.82rem;background:var(--bg);border:1px solid var(--border);padding:.08rem .35rem;border-radius:4px}.chat-markdown pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;overflow-x:auto;margin-bottom:.6rem}.chat-markdown pre code{background:none;border:none;padding:0;font-size:.8rem}.chat-markdown blockquote{border-left:3px solid var(--accent-dim);padding-left:.75rem;color:var(--text-dim);margin-bottom:.6rem}.chat-markdown strong{font-weight:700}.chat-markdown a{color:var(--accent)}.chat-markdown hr{border:none;border-top:1px solid var(--border);margin:.8rem 0}.chat-markdown table{width:100%;border-collapse:collapse;margin-bottom:.6rem;font-size:.85rem}.chat-markdown th,.chat-markdown td{border:1px solid var(--border);padding:.4rem .75rem;text-align:left}.chat-markdown th{background:var(--surface2);font-weight:600;color:var(--text)}.chat-markdown tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface2) 40%,transparent)}.job-list{display:flex;flex-direction:column;gap:.6rem}.job-row-wrapper{display:flex;align-items:stretch;gap:.4rem}.job-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s;text-decoration:none;color:inherit;flex:1;min-width:0}.job-row:hover{border-color:var(--accent-dim);text-decoration:none}.job-row-delete{align-self:center;flex-shrink:0;opacity:.4;transition:opacity .15s}.job-row-wrapper:hover .job-row-delete{opacity:1}.job-row-info{flex:1;min-width:0}.job-row-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-row-prompt{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-row-time{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.log-viewer{background:#0a0a0c;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--mono);font-size:.78rem;line-height:1.5;overflow-x:auto;overflow-y:auto;max-height:60vh;min-height:200px;white-space:pre-wrap;word-break:break-word}.log-entry{margin-bottom:.1rem}.log-stdout{color:#c8d8c8}.log-stderr{color:#d8a0a0}.log-system{color:#88c;font-style:italic}.log-error{color:var(--red);font-weight:600}.log-deploy{color:var(--blue)}.log-ts{color:#445;margin-right:.5rem;-webkit-user-select:none;user-select:none}.log-cursor{display:inline-block;width:8px;height:13px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.job-detail-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.job-detail-topbar{flex-shrink:0;border-bottom:1px solid var(--border);background:var(--surface);padding:.55rem 1rem}.job-detail-topbar-row{display:flex;align-items:center;gap:.75rem}.job-detail-back-link{font-size:.85rem;color:var(--text-dim)}.job-detail-topbar-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.job-detail-project-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.job-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.job-detail-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.job-detail-title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-detail-thread-label{font-size:.72rem;color:var(--text-dim);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-detail-sub{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.job-detail-time{font-size:.72rem;color:var(--text-dim)}.job-detail-actions{display:flex;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.job-detail-feed{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.process-timeline{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin:.25rem 0;font-family:var(--mono);font-size:.8rem;display:flex;flex-direction:column;gap:.2rem}.ptl-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem}.ptl-label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;flex:1}.ptl-count{font-size:.68rem;color:var(--text-dim);background:var(--bg-2);border-radius:10px;padding:0 .4rem}.ptl-card{border:1px solid var(--border);border-radius:4px;overflow:hidden;opacity:.5}.ptl-card--active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.ptl-card--done{opacity:.75}.ptl-card-header{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;background:var(--bg-2);line-height:1.3}.ptl-icon{width:.9rem;text-align:center;flex-shrink:0;font-size:.72rem}.ptl-name{font-weight:600;flex-shrink:0;min-width:4.5rem;color:var(--text)}.ptl-card--active .ptl-name{color:var(--accent)}.ptl-card--done .ptl-name{color:var(--text-dim)}.ptl-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--text-dim);font-size:.75rem}.ptl-toggle{font-size:.65rem;color:var(--text-dim);flex-shrink:0}.ptl-result{margin:0;padding:.4rem .6rem;font-family:var(--mono);font-size:.75rem;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-all;max-height:20rem;overflow-y:auto;background:var(--bg);border-top:1px solid var(--border)}.ptl-result--error{color:var(--red)}.job-log-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.job-log-block[open]{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}.job-log-label{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:.45rem .85rem;background:var(--surface2);cursor:pointer}.job-log-label::-webkit-details-marker{display:none}.job-log-meta{font-size:.64rem;color:var(--text-dim);opacity:.8;text-transform:none;letter-spacing:0}.job-log-block .log-viewer{border:none;border-top:1px solid var(--border);border-radius:0}.job-detail-footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);padding:.65rem 1rem}.job-footer-running{display:flex;align-items:center;gap:.6rem;min-height:2.4rem}.job-footer-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem}.job-footer-form{display:flex;flex-direction:column;gap:.5rem}.job-footer-textarea{width:100%;resize:none;overflow-y:hidden;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;padding:.55rem .75rem;line-height:1.5;transition:border-color .15s;min-height:unset}.job-footer-textarea:focus{outline:none;border-color:var(--accent)}.job-footer-textarea:disabled{opacity:.5}.job-footer-actions{display:flex;justify-content:flex-end;gap:.4rem}.chat-thread{display:flex;flex-direction:column;gap:.75rem}.chat-bubble{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;background:var(--surface2)}.chat-user{border-color:var(--accent-dim)}.chat-assistant{border-color:#315a46}.chat-draft{opacity:.9}.chat-bubble .chat-markdown{overflow-wrap:break-word;word-break:break-word}.chat-draft .chat-markdown div{font-family:inherit;line-height:1.65;font-size:.9rem}.chat-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;color:var(--text-dim);margin-bottom:.4rem;text-transform:uppercase}.page-title{font-size:1.2rem;font-weight:700;margin-bottom:1.25rem}.empty-state{text-align:center;color:var(--text-dim);padding:3rem 1rem}.error-msg{color:var(--red);font-size:.85rem;margin-top:.5rem}.success-msg{color:var(--green);font-size:.85rem;margin-top:.5rem}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-back-btn{display:none}@media (min-width: 769px){.job-detail-thread-label{display:none}}@media (max-width: 768px){.app-header{display:flex;height:auto;min-height:52px;padding:0 .65rem;gap:.4rem;flex-wrap:nowrap;align-items:center}.usage-meter-wrap{min-width:0;width:110px;flex-shrink:0}.usage-meter{min-width:0}.usage-reset,.logo{display:none}.app-header nav{flex:1;display:flex;gap:.35rem;justify-content:stretch}.app-header nav a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;font-size:1rem;font-weight:500;padding:.45rem .5rem;border-radius:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--text-dim)}.app-header nav a.active{background:var(--accent);color:#fff;font-weight:600}.token-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding:0;flex-shrink:0}.jobs-layout{flex-direction:column;height:calc(100dvh - 52px)}.jobs-sidebar{width:100%;flex:1;max-height:none;overflow-y:auto;border-right:none;border-bottom:none;background:var(--bg)}.jobs-sidebar-header{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.85rem .9rem}.jobs-sidebar-header .btn{min-height:44px;min-width:56px;font-size:.95rem;border-radius:10px}.jobs-sidebar-title{font-size:1.05rem}.jobs-sidebar-list{padding:.65rem;gap:.6rem}.sidebar-project-group{margin-bottom:.6rem}.sidebar-project-label{padding:.25rem .3rem .5rem;font-size:.75rem;color:var(--text)}.sidebar-job{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1rem .9rem}.sidebar-job:hover{background:var(--surface)}.sidebar-job:active{background:var(--surface2)}.sidebar-job-top{align-items:center;gap:.5rem;margin-bottom:.6rem}.sidebar-job-time{font-size:.82rem;margin-left:auto;color:var(--text-dim)}.sidebar-job-delete{opacity:1;margin-left:0;font-size:1.2rem;padding:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-dim)}.sidebar-job-delete:active{background:#f9706826;color:var(--red)}.sidebar-job-prompt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55;color:var(--text);font-size:1rem;font-weight:500}.sidebar-job-response{margin-top:.45rem;font-size:.88rem;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:unset}.sidebar-job-turns{margin-top:.5rem;font-size:.82rem}.jobs-sidebar--mobile-hidden,.jobs-main--mobile-hidden{display:none}.jobs-main{min-height:0}.mobile-back-btn{display:flex;align-items:center;margin-bottom:0;font-size:.95rem;font-weight:500;min-height:44px;min-width:44px;padding:.4rem .5rem;color:var(--accent);text-decoration:none;flex-shrink:0}.job-detail-wrap{background:var(--bg)}.job-detail-topbar{position:sticky;top:0;z-index:3;padding:.6rem .85rem;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.job-detail-topbar-row{gap:.6rem}.job-detail-project-name{font-size:.92rem}.job-detail-feed{padding:.85rem;gap:.75rem}.job-log-block{order:3}.log-viewer{max-height:30vh;font-size:.78rem;padding:.8rem}.job-detail-footer{padding:.7rem .85rem calc(.85rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.job-footer-status{margin-bottom:.2rem;font-size:.85rem}.job-footer-textarea{border-radius:12px;min-height:44px;padding:.75rem .9rem;font-size:1rem;overflow-y:hidden}.job-footer-actions{justify-content:stretch;gap:.5rem}.job-footer-actions .btn{flex:1;justify-content:center;min-height:48px;font-size:1rem;font-weight:600;border-radius:12px}.chat-bubble{border-radius:14px;padding:1rem 1.1rem}.chat-markdown{font-size:1rem;line-height:1.7}.chat-meta{gap:.5rem;font-size:.78rem}.chat-markdown{font-size:.95rem;line-height:1.65}.project-grid{grid-template-columns:1fr}.new-conv-panel{position:fixed;inset:auto 0 0 0;z-index:20;max-height:min(82dvh,720px);background:var(--surface);border-top:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -16px 40px #00000061}.new-conv-header{position:sticky;top:0;z-index:2;background:var(--surface);padding:.85rem .9rem;font-size:.9rem}.new-conv-projects{padding:.7rem;gap:.5rem}.new-conv-project{border-radius:14px;padding:1rem;align-items:flex-start;flex-direction:column;gap:.35rem;font-size:1rem;min-height:56px}.new-conv-project-name{font-size:1rem;font-weight:600}.new-conv-activity{margin-left:0;font-size:.85rem}.new-conv-form{padding:.7rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom));background:var(--surface);position:sticky;bottom:0}}.thread-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.thread-status--running{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}.thread-status--queued{background:color-mix(in srgb,var(--text-dim) 15%,transparent);color:var(--text-dim)}.thread-status--done{background:color-mix(in srgb,#4a9eff 15%,transparent);color:#4a9eff}.thread-status--approval{background:color-mix(in srgb,#f5a623 18%,transparent);color:#f5a623}.thread-status--deploy{background:color-mix(in srgb,#9b59b6 18%,transparent);color:#b07fd4}.thread-status--failed{background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red)}.sidebar-job-response{margin-top:.3rem;font-size:.75rem;color:var(--text-dim);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-job-response--live{color:var(--green);opacity:.85}.sidebar-job-needs-approval{border-left:3px solid #f5a623}.sidebar-job-approve{width:100%}.sidebar-job-turns{margin-top:.25rem;font-size:.7rem;color:var(--text-dim)}.new-conv-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.new-conv-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--text-dim)}.new-conv-title{font-weight:600;color:var(--text)}.new-conv-projects{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.3rem}.new-conv-project{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;font-size:.85rem;transition:background .1s}.new-conv-project:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.new-conv-project--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.new-conv-project-name{font-weight:500}.new-conv-activity{font-size:.72rem;color:var(--text-dim);margin-left:.5rem;white-space:nowrap}.new-conv-activity.proj-running{color:var(--green)}.new-conv-activity.proj-queued{color:var(--text-dim)}.new-conv-form{padding:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.btn-active{opacity:.7}.model-chip{font-size:.62rem;font-family:var(--mono);color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;white-space:nowrap;flex-shrink:0}.model-chip--opus{color:#b07fd4;border-color:#5a3e7a;background:#1e1428}.model-chip--sonnet{color:var(--blue);border-color:#2a3f6a;background:#131c30}.model-chip--haiku{color:var(--text-dim)}.sidebar-job-model{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;flex-wrap:wrap}.thread-cost{font-size:.65rem;font-family:var(--mono);color:var(--yellow);margin-left:auto}.job-token-info{font-size:.65rem;font-family:var(--mono);color:var(--text-dim);white-space:nowrap}.job-cache-hint{color:var(--green);opacity:.8}@media (max-width: 768px){.job-token-info,.job-cache-hint{display:none}}.thread-stats-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:.78rem}.thread-stats-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .85rem;background:var(--surface2);cursor:pointer;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.thread-stats-summary::-webkit-details-marker{display:none}.tsp-summary-chips{display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0}.tsp-cost{color:var(--yellow);font-family:var(--mono)}.tsp-cache{color:var(--green);font-family:var(--mono)}.tsp-body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.55rem}.tsp-model-row{display:flex;flex-wrap:wrap;gap:.4rem}.tsp-model-card{display:flex;flex-direction:column;gap:.1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;min-width:100px}.tsp-model-card--opus{border-color:#5a3e7a}.tsp-model-card--sonnet{border-color:#2a3f6a}.tsp-model-name{font-size:.72rem;font-weight:600;font-family:var(--mono)}.tsp-model-tokens{font-size:.68rem;color:var(--text-dim);font-family:var(--mono)}.tsp-jobs{display:flex;flex-direction:column;gap:.3rem}.tsp-job{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.tsp-job--current{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:4px;padding:.25rem .4rem}.tsp-job-num{font-size:.65rem;color:var(--text-dim);width:1rem;text-align:right;flex-shrink:0;font-family:var(--mono)}.tsp-bars{flex:1;display:flex;flex-direction:column;gap:2px;min-width:60px;max-width:180px}.tsp-bar{height:4px;border-radius:2px;min-width:2px;transition:width .3s ease}.tsp-bar--in{background:var(--blue);opacity:.7}.tsp-bar--out{background:var(--green);opacity:.6}.tsp-job-tok{font-size:.65rem;font-family:var(--mono);color:var(--text-dim);white-space:nowrap}.tsp-job-cost{font-size:.65rem;font-family:var(--mono);color:var(--yellow);flex-shrink:0}.tsp-total-row{font-size:.7rem;font-family:var(--mono);color:var(--text-dim);border-top:1px solid var(--border);padding-top:.4rem;margin-top:.1rem}.sidebar-search{padding:.4rem .6rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-search input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.32rem .6rem;font-size:.82rem}.sidebar-search input::placeholder{color:var(--text-dim);opacity:.7}.sidebar-search input:focus{outline:none;border-color:var(--accent)}@media (max-width: 480px){.header-stats{display:none}.usage-meter-wrap{width:95px}.token-bar{padding:.7rem .75rem}.app-main{padding:.85rem .65rem}.card{padding:1rem .9rem;border-radius:12px}.page-title{font-size:1.1rem;margin-bottom:1rem}.chat-bubble{padding:.85rem .9rem}.chat-markdown{font-size:.95rem;line-height:1.7}.chat-markdown pre{padding:.65rem .75rem;font-size:.82rem;overflow-x:auto}.chat-meta{font-size:.74rem}.log-viewer{font-size:.75rem;max-height:28vh}.job-detail-feed{padding:.7rem;gap:.75rem}.job-detail-footer{padding:.6rem .65rem calc(.85rem + env(safe-area-inset-bottom))}.job-footer-textarea{min-height:44px;font-size:1rem;border-radius:14px;overflow-y:hidden}.job-footer-actions .btn{min-height:48px;font-size:1rem;font-weight:600;border-radius:12px}.sidebar-job{padding:.9rem}.sidebar-job-prompt{font-size:.95rem;line-height:1.5}.sidebar-job-top{gap:.4rem}.sidebar-job-delete{opacity:.85;min-width:40px;min-height:40px;font-size:1.15rem}.sidebar-job-action{flex-wrap:wrap}.new-conv-project{padding:.9rem;min-height:52px;font-size:.95rem}}.branch-list{display:flex;flex-wrap:wrap;gap:.5rem}.branch-item{background:var(--surface2);border:2px solid transparent;border-radius:var(--radius);padding:.45rem .85rem;cursor:pointer;font-size:.82rem;font-family:var(--mono);color:var(--text);transition:border-color .15s,background .15s}.branch-item:hover{background:var(--surface);border-color:var(--accent-dim)}.branch-item.selected{border-color:var(--accent);background:var(--surface)}.cw-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 48px);overflow:hidden}.cw-sidebar{border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.cw-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.cw-badge{background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.cw-task-item{padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.cw-task-item:hover{background:var(--surface2)}.cw-task-active{background:var(--surface2);border-left:3px solid var(--accent)}.cw-task-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.85rem}.cw-task-body{font-size:.82rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-task-time{font-size:.72rem;color:var(--text-dim);margin-top:.25rem}.cw-detail{overflow-y:auto;padding:1.25rem}.cw-section{margin-bottom:1.25rem}.cw-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem;letter-spacing:.02em}.cw-original{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;font-size:.9rem;line-height:1.6}.cw-original strong{display:block;margin-bottom:.3rem;color:var(--accent);font-size:.85rem}.cw-original p{margin:0;white-space:pre-wrap}.cw-context{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--bg-2, var(--bg));border-radius:var(--radius);border:1px solid var(--border);font-size:.82rem}.cw-context-msg{line-height:1.5}.cw-context-name{font-weight:600;color:var(--accent);margin-right:.4rem;font-size:.78rem}.cw-reply-textarea{width:100%;min-height:120px;resize:vertical;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;padding:.75rem;line-height:1.6}.cw-reply-textarea:focus{outline:none;border-color:var(--accent)}.cw-to-list{display:flex;flex-wrap:wrap;gap:.5rem}.cw-to-check{display:flex;align-items:center;gap:.3rem;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2)}.cw-to-check:has(input:checked){border-color:var(--accent);background:var(--surface)}.cw-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.cw-config-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem}.cw-config-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.1rem}.cw-config-field label{font-size:.85rem;font-weight:600;color:var(--text)}.cw-config-field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;padding:.55rem .75rem}.cw-config-field input:focus{outline:none;border-color:var(--accent)}.cw-config-field small{font-size:.76rem;color:var(--text-dim)}@media (max-width: 768px){.cw-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cw-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:35vh}.cw-detail{padding:.85rem}.cw-actions .btn{flex:1;min-height:48px;font-size:1rem;border-radius:12px}}