/* MAX 2.2 — Camera & CarPlay handoff. Scoped: preserve existing MAX styles. */
:root{--max22-violet:#9e80ff;--max22-edge:#54417a}
#camera .max22-hero{border:1px solid var(--max22-edge);background:linear-gradient(115deg,#201b36,#101522 65%);border-radius:20px;padding:22px;margin:0 0 18px}
#camera .max22-hero h2{font-size:clamp(24px,3.6vw,34px);margin:9px 0}
#camera .max22-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
#camera .max22-card{border-radius:20px;border:1px solid #49405f;background:#171828;padding:18px;min-width:0}
#camera .max22-card h3{margin:0 0 12px}
#camera .max22-buttons{display:flex;gap:10px;flex-wrap:wrap}
#camera .max22-primary,#camera .max22-secondary,#road .max22-primary,#road .max22-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:13px!important;padding:12px 16px!important;min-height:45px;border:1px solid #8e6cf4!important;background:linear-gradient(125deg,#7954df,#6444b5)!important;color:#fff!important;font-weight:700!important;cursor:pointer;text-decoration:none}
#camera .max22-secondary,#road .max22-secondary{border-color:#625578!important;background:#22213b!important;color:#f4efff!important}
#camera .max22-primary:disabled,#camera .max22-secondary:disabled{opacity:.45;cursor:not-allowed}
#camera .max22-upload{display:none}
#camera .max22-picture{width:100%;border-radius:14px;max-height:330px;object-fit:contain;background:#0c101b;border:1px dashed #514a69;margin:14px 0;display:none}
#camera .max22-placeholder{padding:34px 14px;border:1px dashed #514a69;border-radius:16px;background:#111423;text-align:center;color:#b9b4cb;margin:12px 0}
#camera .max22-placeholder b{font-size:32px;display:block;margin-bottom:8px}
#camera .max22-hint{font-size:13px;line-height:1.6;color:#c3b9da}
#camera .max22-status{padding:10px 12px;min-height:45px;border-radius:12px;background:#21213a;color:#e7defb;margin:12px 0}
#camera .max22-data{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#camera .max22-fact{background:#101522;border:1px solid #393551;padding:11px;border-radius:11px;min-width:0;overflow-wrap:anywhere}
#camera .max22-fact small{display:block;color:#ad9bcf;font-size:12px;margin-bottom:6px}
#camera .max22-fact strong{font-size:14px;color:#f1effe}
#camera .max22-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #45395e;background:#101522;border-radius:14px;padding:12px;margin:9px 0}
#camera .max22-offer div{min-width:0}#camera .max22-offer strong{display:block;overflow-wrap:anywhere}#camera .max22-offer small{color:#baafd0}
#camera .max22-price{color:#c1a7ff;font-size:20px;font-weight:800;white-space:nowrap}
#camera .max22-links{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
#camera .max22-links a{display:inline-flex;align-items:center;padding:10px;border-radius:11px;background:#25203e;color:#eae0ff;text-decoration:none;border:1px solid #584585;font-size:13px}
#camera .max22-list{padding-left:20px;color:#d8d4e6;line-height:1.5}
#camera .max22-input{width:100%;margin:8px 0 10px;background:#101622;border:1px solid #76609f;border-radius:12px;color:#fff;padding:14px}
#camera .max22-label{font-size:13px;color:#d8d1e8}
#road .max22-drive{border:1px solid #695294;background:linear-gradient(105deg,#23183d,#141928);border-radius:17px;padding:15px 18px;margin:15px 0}
#road .max22-drive h3{margin:0 0 6px;color:#e9dcff}
#road .max22-drive p{color:#c8c0d7;font-size:13px;line-height:1.45;margin:5px 0 13px}
#road .max22-drive-actions{display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:800px){#camera .max22-grid{grid-template-columns:1fr}#camera .max22-data{grid-template-columns:1fr 1fr}}
@media(max-width:420px){#camera .max22-data{grid-template-columns:1fr}#camera .max22-offer{flex-wrap:wrap}}