#chroma-agent-dialog{width:min(1240px,96vw);max-width:96vw;height:min(860px,94vh);max-height:94vh;padding:0;overflow:hidden;border:1px solid #347d79;border-radius:12px;background:#071018;color:#eaf8f6;box-shadow:0 24px 80px #000d}
#chroma-agent-dialog::backdrop{background:#02070bd9;backdrop-filter:blur(3px)}
.chroma-agent-card{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.chroma-agent-card>header,.chroma-agent-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid #28524f;background:linear-gradient(100deg,#0b2324,#0c1b27 66%,#10271f)}
.chroma-agent-card>footer{border-top:1px solid #28524f;border-bottom:0}.chroma-agent-card>header>div{display:grid;gap:2px}.chroma-agent-card>header b{font-size:18px}.chroma-agent-card>header small{color:#7fc8bf}.chroma-agent-card>header button{font-size:20px}
.chroma-agent-body{min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:10px;padding:10px;overflow:hidden}
.chroma-agent-panel{min-width:0;min-height:0;overflow:auto;border:1px solid #284850;border-radius:9px;background:#0a141d}.chroma-agent-panel>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #29444b;background:#0c1a24}.chroma-agent-panel>header b{font-size:11px;letter-spacing:.05em}.chroma-agent-panel>header small{color:#69dbb8;font-size:8px}.chroma-agent-panel-body{display:grid;gap:10px;padding:12px}
.chroma-agent-panel label{display:grid;gap:5px;color:#9db0b8;font-size:9px;font-weight:800}.chroma-agent-panel input,.chroma-agent-panel select,.chroma-agent-panel textarea{width:100%;min-width:0;border:1px solid #34505c;border-radius:5px;padding:8px;background:#071019;color:#eef9fb}.chroma-agent-panel input[type=range]{padding:0;accent-color:#35d5a4}.chroma-agent-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chroma-agent-actions button{min-height:34px}.chroma-agent-actions .wide{grid-column:1/-1}
.chroma-selected{display:grid;gap:5px;padding:10px;border-left:3px solid #38d0a3;background:#0b211f}.chroma-selected b{font-size:13px}.chroma-selected small{color:#8ba3aa}.chroma-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.chroma-metric{display:grid;gap:3px;padding:8px;border:1px solid #2c4951;border-radius:5px;background:#091821}.chroma-metric b{color:#7ee4ca;font-size:14px}.chroma-metric small{color:#8499a2;font-size:8px}.chroma-key-swatch{height:58px;border:1px solid #6b8f8a;border-radius:7px;background:#00b140;box-shadow:inset 0 0 0 5px #0004}
.chroma-stage{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;border:1px solid #294c50;border-radius:8px;background-color:#151c24;background-image:linear-gradient(45deg,#26323c 25%,transparent 25%),linear-gradient(-45deg,#26323c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#26323c 75%),linear-gradient(-45deg,transparent 75%,#26323c 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.chroma-stage canvas{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.chroma-stage-note{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:4px;background:#041016d9;color:#83dbc8;font-size:8px;pointer-events:none}
.chroma-backdrop-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.chroma-backdrop-palette button{min-height:34px;border-color:#ffffff66;background:var(--swatch);font-size:0}.chroma-backdrop-palette button::after{content:"";display:block;height:8px;border:1px solid #fff6;border-radius:2px;background:var(--swatch)}
.chroma-qc-list{display:grid;gap:6px}.chroma-qc-item{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:8px;border:1px solid #344852;border-radius:5px;background:#0a1720}.chroma-qc-item span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#18343a;color:#7fdcc7;font-weight:900}.chroma-qc-item.warning span{background:#473615;color:#ffd076}.chroma-qc-item b,.chroma-qc-item small{display:block}.chroma-qc-item small{margin-top:2px;color:#8497a0;font-size:8px;line-height:1.35}
.chroma-agent-status{color:#80d9c4;font-size:9px}.chroma-enable-row{padding:8px;border:1px solid #2e6e60;border-radius:5px;background:#0b2923}.chroma-sampling{cursor:crosshair!important;box-shadow:inset 0 0 0 3px #4dffc1!important}
@media(max-width:1050px){.chroma-agent-body{grid-template-columns:280px minmax(0,1fr)}.chroma-agent-panel:last-child{grid-column:1/-1;max-height:280px}}
@media(max-width:720px){#chroma-agent-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.chroma-agent-body{grid-template-columns:1fr;overflow:auto}.chroma-agent-panel{overflow:visible}.chroma-agent-panel:last-child{grid-column:auto;max-height:none}.chroma-agent-card>footer{position:sticky;bottom:0}.chroma-agent-actions{grid-template-columns:1fr}}
.chroma-enterprise-section{display:grid;gap:9px;padding:11px;border:1px solid #31525a;border-radius:7px;background:#081922}.chroma-enterprise-section>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chroma-enterprise-section>header b{color:#dff8f1;font-size:10px}.chroma-enterprise-section>header small{color:#58d7b2;font-size:7px}.chroma-key-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chroma-key-mode-grid button{min-height:34px;font-size:8px}.chroma-key-mode-grid button.active{border-color:#50e6bd;background:#123a34;color:#a4ffe5}.chroma-mask-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chroma-mask-toolbar .wide{grid-column:1/-1}.chroma-mask-active{cursor:crosshair!important;box-shadow:inset 0 0 0 3px #ffcf52,0 0 20px #ffcf5244}.chroma-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chroma-scenario-grid button{min-height:42px;text-align:left;font-size:8px}.chroma-scenario-grid button b,.chroma-scenario-grid button small{display:block}.chroma-scenario-grid button small{margin-top:2px;color:#8097a0;font-size:7px}.chroma-layer-ingest{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chroma-layer-ingest label{min-height:48px;place-content:center;border:1px dashed #3a6769;border-radius:6px;padding:7px;text-align:center;cursor:pointer;background:#0a2025;color:#a8e5d7}.chroma-layer-ingest label:hover{border-color:#60dabd;background:#0e2d2a}.chroma-layer-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chroma-enterprise-status{padding:8px;border-left:3px solid #54d8b1;background:#0a2221;color:#8fe7cf;font-size:8px;line-height:1.4}