/* The selected service always has a visible image on the right. */
#ai-data-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,4vw,70px);align-items:start;min-height:610px}
.ai-data-copy{padding-top:28px}
.ai-data-example.ai-data-example-visual{padding:0;background:#f5f6f8;border:1px solid #e2e6eb;min-width:0}
.ai-data-visual{margin:0}
.ai-data-case-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;background:#122b3c;color:#fff}
.ai-data-case-header strong{font-size:13px;font-weight:500;line-height:1.6}
.ai-data-case-header>span{font-size:10px;color:#d2e0e9;white-space:nowrap;border:1px solid #617c91;padding:3px 7px}
.ai-data-case-context{font-size:12px;line-height:1.8;color:#526779;margin:0;padding:14px 22px;background:#fff}
.ai-data-scene{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:#152b39}
.ai-data-scene>img{display:block;width:100%;height:100%;object-fit:cover}
.ai-data-map{display:block;width:100%;height:100%}
.ai-data-camera-time{position:absolute;bottom:10px;left:12px;font-size:9px;line-height:1.7;color:#fff;background:#102536d9;padding:4px 7px}
.ai-data-plate-console{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;background:#122b3c;padding:19px 22px;align-items:center}
.ai-data-plate-crop>span{display:block;font-size:10px;line-height:1.7;color:#cadce6;margin-bottom:7px}
.ai-data-plate-crop>svg{display:block;width:100%;height:auto;max-height:62px;background:#e9edf0;border:2px solid #79ddbd;border-radius:2px}
.ai-data-plate-readout small{display:block;font-size:10px;color:#b6cbd9;line-height:1.7}
.ai-data-plate-readout strong{display:block;color:#fff;font-size:29px;line-height:1.4;letter-spacing:.04em;font-weight:600}
.ai-data-plate-readout>span{font-size:10px;color:#a7e2cb;line-height:1.7}
.ai-data-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 2px #061b1b88)}
.ai-data-target-box{stroke:#9df1ce;stroke-width:3.5}
.ai-data-field-box{stroke:#ffe3a1;stroke-width:3.5;fill:#ffdc7012}
.ai-data-scene-heading{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 40px;color:#fff;background:linear-gradient(#0b202bd9,transparent);pointer-events:none}
.ai-data-scene-heading strong{font-size:12px;font-weight:500;line-height:1.6}
.ai-data-scene-heading small{font-size:10px;white-space:nowrap;padding:4px 7px;background:#0b202bca;border:1px solid #ffffff38}
.ai-data-visual figcaption{font-size:10px;line-height:1.8;color:#667280;padding:9px 18px;border-bottom:1px solid #e2e6eb}
.ai-data-example-visual .ai-data-stage{padding:18px 24px;margin:0;border:0;background:transparent}
.ai-data-example-visual .ai-data-input{border-bottom:1px solid #e2e6eb;display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:baseline}
.ai-data-example-visual .ai-data-stage small{font-size:11px;margin:0 0 8px;color:#667280;line-height:1.6}
.ai-data-example-visual .ai-data-input small{margin:0}
.ai-data-example-visual .ai-data-input strong{font-size:13px;font-weight:450;color:#4a5665;line-height:1.7}
.ai-data-example-visual .ai-data-output>strong{font-size:23px;font-weight:550;line-height:1.5;color:#263b4a}
.ai-data-result-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:17px 0 0;padding-top:15px;border-top:1px solid #dce2e8}
.ai-data-result-fields>div{min-width:0}
.ai-data-result-fields dt{font-size:10px;line-height:1.7;color:#73808c;margin-bottom:4px}
.ai-data-result-fields dd{font-size:12px;line-height:1.7;color:#3e5060;margin:0;overflow-wrap:anywhere}
.ai-data-example-visual .ai-data-note{margin:0;padding:0 24px 20px;font-size:10px;line-height:1.8}
.ai-data-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:5px;color:#fff;pointer-events:none}
.ai-data-marker>svg{background:#112e3de8;border:1px solid #b4e4e1;width:31px;height:31px;padding:5px;border-radius:50%}
.ai-data-marker b{font-size:10px;line-height:1.5;white-space:nowrap;padding:3px 6px;background:#112b3ce8;border:1px solid #ffffff38;font-weight:500}
.ai-data-pin-dot{width:15px;height:15px;background:#ff673e;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #ff673e40}
.ai-data-address{position:absolute;left:58%;top:65%;padding:9px 12px;background:#fffef7f2;color:#5b6572;box-shadow:0 3px 15px #0c202929;font-size:9px;line-height:1.7;max-width:39%}
.ai-data-address strong{display:block;font-size:12px;font-weight:550;color:#263b4a;line-height:1.6}
.ai-data-target-tag,.ai-data-face-tag,.ai-data-plate-tag{position:absolute;font-size:10px;line-height:1.5;padding:4px 7px;background:#102c28ed;border:1px solid #8ae6bf;color:#bdffe0;white-space:nowrap}
.ai-data-target-tag{top:3%;left:26%}
.ai-data-plate-tag{left:66%;top:73%;color:#ffe6b5;background:#25251deb;border-color:#ffe3a1}
.ai-data-face-tag{left:34.75%;top:61%}
.ai-data-voiceprint{position:absolute;left:53%;right:5%;top:25%;background:#0b2335e8;border:1px solid #8ab5c366;border-radius:3px;padding:15px 15px 12px;color:#e2f2f5}
.ai-data-voiceprint>span{display:block;font-size:10px;line-height:1.6}
.ai-data-voiceprint>svg{display:block;width:100%;height:auto;margin:5px 0 9px}
.ai-data-voiceprint>small{display:block;font-size:9px;color:#b8ceda;line-height:1.6;border-top:1px solid #ffffff26;padding-top:9px}
@media(max-width:1100px){#ai-data-panel{gap:30px}.ai-data-example-visual .ai-data-stage{padding:16px 19px}.ai-data-copy{padding-top:15px}.ai-data-scene-heading{padding:12px 13px 30px}.ai-data-scene-heading strong{font-size:11px}.ai-data-scene-heading small{font-size:9px}.ai-data-voiceprint{padding:10px}.ai-data-voiceprint>span{font-size:9px}.ai-data-voiceprint>small{font-size:8px}}
@media(max-width:740px){#ai-data-panel{grid-template-columns:1fr;gap:20px;min-height:0}.ai-data-copy{padding-top:0}.ai-data-copy h3{font-size:27px;margin-bottom:17px}.ai-data-copy .ai-section-link{margin-top:12px}.ai-data-example-visual .ai-data-input{grid-template-columns:55px 1fr;gap:10px}.ai-data-example-visual .ai-data-output>strong{font-size:21px}.ai-data-result-fields{gap:12px}.ai-data-face-tag,.ai-data-target-tag,.ai-data-plate-tag{font-size:9px;padding:3px 5px}.ai-data-marker b{font-size:8px;padding:2px 4px}.ai-data-marker>svg{width:25px;height:25px;padding:4px}.ai-data-address{padding:7px 9px}.ai-data-address strong{font-size:10px}.ai-data-voiceprint{top:27%;padding:9px}.ai-data-voiceprint>span{font-size:8px}.ai-data-voiceprint>svg{margin:3px 0 5px}.ai-data-voiceprint>small{padding-top:5px;font-size:7px}.ai-data-scene-heading strong{font-size:10px}.ai-data-case-header{padding:15px 16px}.ai-data-case-header strong{font-size:11px}.ai-data-case-header>span{font-size:9px}.ai-data-case-context{padding:12px 16px;font-size:11px}.ai-data-plate-console{gap:16px;padding:16px}.ai-data-plate-readout strong{font-size:25px}.ai-data-plate-readout>span{font-size:9px}.ai-data-camera-time{font-size:8px}}