.ctl-ai {margin:18px 0;padding:20px;background:#fff;border:1px solid #c8d8e5;border-top:3px solid #527748;border-radius:8px;color:#153351}
.ctl-heading,.ctl-card-header,.ctl-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ctl-heading h2 {margin:4px 0 16px;font-size:23px}.ctl-eyebrow {font-size:10px;letter-spacing:1.5px;font-weight:800;color:#58724a}
.ctl-tag {font-size:11px;padding:7px 10px;background:#edf4ec;border-radius:5px}.ctl-tag[data-state="error"] {background:#fff1d9;color:#834600}.ctl-empty,.ctl-note {font-size:12px;color:#64798a;line-height:1.8}
.ctl-card {margin-top:14px;padding:16px;border:1px solid #d6e0e8;border-radius:8px}.ctl-card-header h3 {margin:0 0 4px}.ctl-card-header small {color:#64798a}
.ctl-frame {margin:16px 0;background:#edf2f5;min-height:200px;aspect-ratio:16/9;max-height:500px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.ctl-frame img {width:100%;height:100%;object-fit:contain}.ctl-frame p {padding:20px;color:#607788;text-align:center}
.ctl-ai [hidden] {display:none!important}.ctl-details,.ctl-status {font-size:12px;line-height:1.7;overflow-wrap:anywhere}.ctl-controls {justify-content:flex-start}.ctl-controls button {padding:10px 15px;border:1px solid #bdcfdf;border-radius:5px;background:#f5f8fa;color:#173b59;cursor:pointer}.ctl-controls button:first-child {background:#115da5;color:white;border-color:#115da5}.ctl-controls button:disabled {opacity:.5;cursor:not-allowed}.ctl-controls span {font-size:12px}
@media(max-width:600px){.ctl-ai{padding:12px}.ctl-card{padding:12px}.ctl-frame{min-height:150px}.ctl-controls button:first-child{width:100%}.ctl-heading h2{font-size:21px}}