/* Chery Control app previews: CSS-rendered so the hero never depends on raster screenshots. */
.app-screen{position:absolute;inset:0;padding:34px 13px 13px;background:linear-gradient(180deg,#07342f 0%,#062d29 56%,#04241f 100%);color:#f7fffb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
.app-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 0,rgba(75,238,151,.09),transparent 27%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 26px}
.app-screen>*{position:relative;z-index:1}.app-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#d9ece5;font-size:8px;font-weight:750}.app-status b{font-size:9px;color:#fff}.app-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#166a49;color:#d9ffe7;font-size:7px;font-weight:800}.app-pill.direct{background:#6e352e;color:#fff0e9}.app-card{padding:11px;border:1px solid rgba(194,255,230,.22);border-radius:15px;background:linear-gradient(145deg,rgba(19,75,67,.82),rgba(9,54,49,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);margin-bottom:9px}.app-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.app-card small{display:block;color:#9ebcb3;font-size:7px}.app-card strong{display:block;margin-top:3px;color:#fff;font-size:12px;letter-spacing:-.03em}.app-car-title{font-size:12px;font-weight:850}.app-car-sub{margin-top:3px;color:#9ebcb3;font-size:7px}.app-quick-title{display:flex;justify-content:space-between;align-items:end;margin:10px 1px 7px}.app-quick-title strong{font-size:10px}.app-quick-title span{color:#b6cdc5;font-size:7px}.app-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.app-shortcut{display:grid;place-items:center;gap:3px;min-height:45px;padding:5px 2px;border-radius:11px;background:rgba(19,75,68,.63);color:#cce1da;font-size:6px;text-align:center}.app-shortcut i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.055);font-style:normal;font-size:12px}.app-shortcut:nth-child(2){color:#68ec9b}.app-shortcut:nth-child(3){color:#ff8d82}.app-shortcut:nth-child(4){color:#64bfff}.app-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.app-metric{padding:9px;border:1px solid rgba(202,255,233,.2);border-radius:12px;background:rgba(17,68,62,.68)}.app-metric span{color:#9ebbb2;font-size:7px}.app-metric b{display:block;margin-top:3px;font-size:15px}.app-bar{height:4px;margin-top:7px;border-radius:999px;background:rgba(141,198,180,.15);overflow:hidden}.app-bar::after{content:"";display:block;width:62%;height:100%;border-radius:inherit;background:#35d86f}.app-metric.warn .app-bar::after{width:11%;background:#ff455c}.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.app-tile{display:grid;place-items:center;min-height:61px;padding:7px;border-radius:14px;color:#fff;text-align:center;font-size:8px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.app-tile:nth-child(1){background:linear-gradient(135deg,#e69b68,#be63d9)}.app-tile:nth-child(2){background:linear-gradient(135deg,#7658df,#4b9ce9)}.app-tile:nth-child(3){background:linear-gradient(135deg,#42a9d8,#61d7a7)}.app-tile:nth-child(4){background:linear-gradient(135deg,#c75fd0,#ec9965)}
.app-control-screen{padding-top:37px}.app-screen-title{display:flex;align-items:flex-start;gap:8px;margin-bottom:11px}.app-screen-title i{font-style:normal;font-size:15px}.app-screen-title strong{display:block;font-size:14px}.app-screen-title small{display:block;margin-top:2px;color:#a6bbb4;font-size:6px;line-height:1.35}.app-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;color:#bdcfca;font-size:8px}.app-row b{color:#fff;font-size:8px}.app-section-title{margin-bottom:6px;font-size:11px;font-weight:850}.app-field{margin:7px 0 8px;padding:9px;border:1px solid rgba(220,255,242,.35);border-radius:5px;color:#fff;font-size:11px}.app-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.app-buttons span{display:grid;place-items:center;min-height:32px;border:1px solid rgba(204,255,235,.18);border-radius:999px;color:#fff;font-size:8px;font-weight:800}.app-list-card{padding:10px;border:1px solid rgba(194,255,230,.2);border-radius:14px;background:rgba(16,68,61,.62);margin-bottom:8px}.app-list-card .app-row{padding:3px 0}.app-refresh{display:grid;place-items:center;min-height:34px;margin:8px 0;border-radius:999px;background:#32d168;color:#fff;font-size:8px;font-weight:850}
.app-shot{padding:7px}.app-shot .app-screen{position:absolute;inset:7px;border-radius:25px;padding:31px 10px 10px}.app-shot .app-screen-title strong{font-size:11px}.app-shot .app-card{padding:9px;border-radius:12px}.app-shot .app-card strong{font-size:10px}.app-shot .app-shortcuts{gap:4px}.app-shot .app-shortcut{min-height:38px;font-size:5px}.app-shot .app-metric{padding:7px}.app-shot .app-metric b{font-size:12px}.app-shot .app-tile{min-height:48px;font-size:6px}.app-shot figcaption{z-index:5}.app-shot.telemetry .app-list-card{padding:8px;border-radius:11px}.app-shot.telemetry .app-row{font-size:6px}.app-shot.telemetry .app-row b{font-size:6px}
@media(max-width:720px){.app-screen{padding:28px 10px 10px}.app-card{padding:8px;margin-bottom:6px}.app-shortcut{min-height:36px}.app-metric{padding:7px}.app-metric b{font-size:12px}.app-tile{min-height:48px;font-size:6px}.app-shot .app-screen{padding-top:26px}.app-status{font-size:6px}.app-status b{font-size:7px}}