:root{--ab-red:#cc381c;--ab-fg:#171717;--ab-bg:#fdfdfd;--ab-accent:#e55336;--ab-warm-neutral:#7b645f;--ab-depth:#242424;--ab-surface-warm:#f7ead9;--ab-success:#2e8552;--ab-info:#1a7dac;--ab-error:var(--ab-red);--ab-white:#fff;--ab-on-red:#fff;--ab-font-heading:"Raleway", system-ui, sans-serif;--ab-font-body:"Roboto", system-ui, sans-serif;--ab-weight-heading:700;--ab-weight-body:400;--ab-text-sm:.875rem;--ab-text-base:1rem;--ab-text-lg:1.25rem;--ab-text-xl:1.5rem;--ab-text-2xl:2rem;--ab-text-3xl:2.5rem;--ab-text-4xl:3.5rem;--ab-leading-body:1.6;--ab-leading-heading:1.2;--ab-radius-pill:9999px;--ab-radius-round:50%;--ab-radius-card:20px;--ab-radius-input:12px;--ab-shadow-sm:0 2px 8px #2424240f;--ab-shadow-md:0 4px 20px #24242414;--ab-space-1:.5rem;--ab-space-2:1rem;--ab-space-3:1.5rem;--ab-space-4:2rem;--ab-space-6:3rem;--ab-space-8:4rem}body{font-family:var(--ab-font-body);font-weight:var(--ab-weight-body);line-height:var(--ab-leading-body);color:var(--ab-fg);background:var(--ab-bg)}.ab-btn{border-radius:var(--ab-radius-pill);font-family:var(--ab-font-body);border:2px solid var(--ab-red);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:filter .15s,background .15s;display:inline-flex}.ab-btn--primary{background:var(--ab-red);color:var(--ab-on-red)}.ab-btn--primary:hover{filter:brightness(.92)}.ab-btn--secondary{color:var(--ab-red);background:0 0}.ab-btn--secondary:hover{background:var(--ab-surface-warm)}.ab-btn:focus-visible,.ab-input:focus-visible{outline:2px solid var(--ab-red);outline-offset:3px}.ab-card{background:var(--ab-white);border-radius:var(--ab-radius-card);box-shadow:var(--ab-shadow-md);padding:var(--ab-space-4)}.ab-icon-badge{border-radius:var(--ab-radius-round);background:var(--ab-surface-warm);width:3rem;height:3rem;color:var(--ab-red);place-items:center;display:inline-grid}.ab-tag{border-radius:var(--ab-radius-pill);background:var(--ab-surface-warm);color:var(--ab-fg);font-size:var(--ab-text-sm);padding:.25rem .75rem;display:inline-block}.ab-input{border-radius:var(--ab-radius-input);width:100%;font:inherit;color:var(--ab-fg);background:var(--ab-white);border:1px solid #7b645f66;padding:.75rem 1rem}.ab-section--warm{background:var(--ab-surface-warm)}.ab-section--dark{background:var(--ab-depth);color:var(--ab-bg)}:root{--bg:var(--ab-bg);--panel:var(--ab-white);--text:var(--ab-fg);--muted:var(--ab-warm-neutral);--line:#7b645f33;--line-strong:#7b645f66;--accent:var(--ab-red);--accent-soft:var(--ab-surface-warm);--ok:var(--ab-success);--info:var(--ab-info);--err:var(--ab-error);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--ab-font-body);margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--ab-font-heading);font-weight:var(--ab-weight-heading);line-height:var(--ab-leading-heading)}h2{margin:0;font-size:1.75rem}h3{font-size:1.15rem}button{font:500 1rem var(--ab-font-body);border-radius:var(--ab-radius-pill);border:1px solid var(--line-strong);background:var(--panel);color:var(--text);cursor:pointer;padding:7px 16px;font-size:.95rem;transition:filter .15s,background .15s}button:hover{background:var(--accent-soft)}button[type=submit],button.primary,.login button{background:var(--accent);border-color:var(--accent);color:var(--ab-on-red)}button[type=submit]:hover,button.primary:hover,.login button:hover{filter:brightness(.92);background:var(--accent)}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;border:0;border-radius:0;padding:0}button.link:hover{background:0 0;text-decoration:underline}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--ab-radius-input);background:var(--panel);padding:8px 12px}code{word-break:break-all;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--err)}.error:before{content:"⚠ "}.success{color:var(--ok)}.success:before{content:"✓ "}.empty{color:var(--muted);text-align:center;padding:32px 24px}.nav{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:10px 24px;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.nav .brand{border:0;align-items:center;gap:10px;margin-right:8px;display:flex}.brand-logo{width:auto;height:28px;display:block}.brand-icon{width:auto;height:28px;display:none}.brand-name{font-family:var(--ab-font-heading);color:var(--text);border-left:1px solid var(--line-strong);padding-left:10px;font-size:1.15rem;font-weight:700}.nav .spacer{flex:1}.login{background:var(--accent-soft);place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{gap:14px;width:min(380px,100%);padding:32px;display:grid}.login h1{margin:0;font-size:1.75rem}.login p{margin:0}.login-logo{justify-self:start;width:auto;height:36px}.login label{gap:4px;font-weight:500;display:grid}.card{background:var(--panel);border-radius:var(--ab-radius-card);box-shadow:var(--ab-shadow-md);padding:24px}.card h3{margin-top:0}.page{gap:20px;max-width:1040px;margin:0 auto;padding:32px 16px;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-form h3{width:100%;margin:0 0 4px}.table{border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:var(--ab-radius-card);width:100%;box-shadow:var(--ab-shadow-sm);overflow:hidden}.table th{color:var(--muted);font-weight:500}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 16px}.table tr:last-child td{border-bottom:0}.badge{border-radius:var(--ab-radius-pill);background:var(--accent-soft);color:var(--text);border:1px solid #0000;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.badge.in_progress,.badge.running,.badge.starting,.badge.queued{background:var(--ab-white);color:var(--info);border-color:var(--info)}.badge.done,.badge.approved{background:var(--ab-white);color:var(--ok);border-color:var(--ok)}.badge.wont_fix,.badge.stopped,.badge.rejected,.badge.cancelled{background:var(--ab-white);color:var(--muted);border-color:var(--line-strong)}.badge.error,.badge.failed{background:var(--ab-white);color:var(--err);border-color:var(--err)}.badge.needs_review{background:var(--accent);color:var(--ab-on-red)}.split{grid-template-columns:minmax(320px,440px) 1fr;height:calc(100vh - 53px);display:grid}.list-pane{border-right:1px solid var(--line);background:var(--panel);overflow:auto}.detail-pane{padding:24px;overflow:auto}.filters{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;flex-wrap:wrap;gap:8px;padding:12px;display:flex;position:sticky;top:0}.filters input{flex:1;min-width:140px}.items{margin:0;padding:0;list-style:none}.items li{border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid #0000;padding:14px 16px}.items li:hover{background:var(--bg)}.items li.active{background:var(--accent-soft);border-left-color:var(--accent)}.items li p{margin:6px 0 4px}.row{align-items:center;gap:8px;display:flex}.detail{gap:14px;max-width:760px;display:grid}.detail-head{justify-content:space-between;align-items:center;display:flex}.status-select{color:var(--muted);align-items:center;gap:8px;display:flex}.detail .comment{margin:0;font-size:1.15rem}.meta{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}.meta dt{color:var(--muted)}.meta dd{margin:0}.shot{border:1px solid var(--line);border-radius:12px;max-width:100%}.thread{gap:8px;margin:0;padding:0;list-style:none;display:grid}.thread li{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 14px}.thread p{margin:4px 0 0}.thread-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.thread-head .link{margin-left:auto}.thread li.internal{background:var(--accent-soft);border-style:dashed}.thread li.reopen{border-color:var(--accent)}.badge-internal{color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}button.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}button.link:hover{background:0 0}.internal-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.reply+.hint{color:var(--muted);margin:6px 0 0;font-size:13px}.reply{gap:8px;display:flex}.reply input{flex:1}.preview{flex-direction:column;height:calc(100vh - 53px);display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.seg{border:1px solid var(--line-strong);border-radius:var(--ab-radius-pill);display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0}.seg button.on{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.toggle{align-items:center;gap:6px;display:flex}.preview-body{flex:1;grid-template-columns:1fr 380px;min-height:0;display:grid}.stage{background:var(--accent-soft);justify-content:center;padding:16px;display:flex;overflow:auto}.stage iframe{height:100%;min-height:600px;box-shadow:var(--ab-shadow-md);background:#fff;border:0;border-radius:12px;max-width:100%}.side{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow:auto}.pin-no{background:var(--accent);width:22px;height:22px;color:var(--ab-on-red);border-radius:50%;place-items:center;font-size:11px;font-weight:500;display:inline-grid}@media (width<=800px){.split,.preview-body{grid-template-columns:1fr;height:auto}.side{border-left:0;border-top:1px solid var(--line)}.brand-logo{display:none}.brand-icon{display:block}.nav{flex-wrap:wrap;gap:12px;padding:10px 16px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row .spacer,.spacer{flex:1}.agent-panel{border:1px solid var(--line);border-radius:var(--ab-radius-card);background:var(--panel);gap:10px;padding:16px;display:grid}.agent-head{align-items:center;gap:8px;display:flex}.agent-head strong{font-family:var(--ab-font-heading)}.tokens{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.tokens b{color:var(--text)}.agent-log{color:var(--muted);max-height:160px;margin:0;padding-left:20px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.agent-summary{margin:0}.files{margin:0;padding-left:18px}.diff{background:var(--ab-depth);max-height:320px;color:var(--ab-bg);border-radius:12px;margin:0;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.diff .add{color:#8fd9a8}.diff .del{color:#ffa38f}.agent-actions{flex-wrap:wrap;gap:8px;display:flex}.reject-reason{flex:1;min-width:200px}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;display:grid}.stats div{display:grid}.stats b{font-family:var(--ab-font-heading);font-variant-numeric:tabular-nums;font-size:1.6rem}.stats span{color:var(--muted);font-size:12px}.snippet{background:var(--ab-depth);color:var(--ab-bg);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.snippet code{color:inherit;white-space:pre-wrap;flex:1}textarea.origins{width:100%;margin-bottom:10px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.styles summary{cursor:pointer;color:var(--muted)}.styles table{border-collapse:collapse;margin-top:6px;font-size:12px}.styles td{vertical-align:top;padding:2px 12px 2px 0}.element-text{font-weight:500}
