.search-state { margin-top:13px; padding:18px; border:1px dashed rgba(143,165,185,.22); border-radius:17px; text-align:center; color:#7890a4; font-size:11px; background:rgba(9,21,34,.55); transition:border-color .3s ease,background .3s ease,color .3s ease }
.search-state.busy{position:relative;overflow:hidden;color:#a8c4d3;border-style:solid;border-color:rgba(49,214,238,.16);background:linear-gradient(110deg,rgba(10,29,45,.78),rgba(13,41,55,.68),rgba(10,29,45,.78));background-size:220% 100%;animation:search-sheen 2.3s ease-in-out infinite}.search-state.busy::before { content:""; display:inline-block; width:13px; height:13px; margin-right:10px; vertical-align:-2px; border:2px solid rgba(49,214,238,.15); border-top-color:var(--cyan); border-right-color:#5ce5c7; border-bottom-color:rgba(73,223,213,.42); border-radius:50%; box-shadow:0 0 12px rgba(49,214,238,.2); transform-origin:center; animation:spin .72s linear infinite!important; will-change:transform }
@keyframes spin { to { transform:rotate(360deg) } }
.data-card,.camera-card { margin-top:11px; border:1px solid var(--stroke); border-radius:17px; background:linear-gradient(145deg,rgba(19,39,59,.87),rgba(10,23,37,.94)); padding:14px }
.data-card-head { display:flex; justify-content:space-between; align-items:center }
.data-card-head>b { font:800 17px Manrope }
.data-card-head span { font:700 9px Manrope; color:#ffbd5d; background:rgba(255,189,93,.1); padding:5px 7px; border-radius:7px }
.data-card h3 { font-size:13px; margin:10px 0 4px }
.data-card p { font-size:10px; line-height:1.6; color:var(--muted); margin:0 }
.data-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; border-top:1px solid var(--stroke); margin-top:10px; padding-top:10px }
.data-grid span { font-size:9px; color:#718ba0 }
.data-grid b { display:block; color:#dce8f0; margin-top:3px }
.data-card a,.camera-card a { display:inline-block; color:var(--cyan); font-size:10px; text-decoration:none; margin-top:11px }
.map-summary { margin-top:13px; color:#84a0b6; font-size:10px }
.camera-card { display:flex; align-items:center; gap:11px }
.camera-card>div { min-width:0; flex:1 }
.camera-card b,.camera-card small { display:block }
.camera-card b { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.camera-card small { font-size:9px; color:#7890a4; margin-top:4px }
.camera-card a { margin:0; white-space:nowrap }
.camera-dot { width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:#42dfa3; box-shadow:0 0 9px rgba(66,223,163,.65) }
.camera-dot.offline { background:#ff5267; box-shadow:none }
.live-result{animation:liveResultIn .32s cubic-bezier(.2,.8,.2,1)}@keyframes liveResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.live-result.is-updating{border-color:rgba(49,214,238,.32);box-shadow:0 0 28px rgba(49,214,238,.07)}.live-result.is-updating .confidence{display:flex;align-items:center;gap:6px;color:#62eaf6}.live-result.is-updating .confidence i{width:6px;height:6px;border-radius:50%;background:#42e7f5;box-shadow:0 0 10px #42e7f5;animation:livePulse 1s ease-in-out infinite}@keyframes livePulse{50%{opacity:.35;transform:scale(.7)}}.source-progress{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.source-step{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;background:rgba(116,144,166,.08);color:#7792a6;font:700 7px Manrope}.source-step i{width:5px;height:5px;border-radius:50%;background:#70889a}.source-step.running,.source-step.pending{color:#63ddec;background:rgba(49,214,238,.08)}.source-step.running i,.source-step.pending i{background:#42deee;box-shadow:0 0 7px #42deee;animation:livePulse 1s ease-in-out infinite}.source-step.done{color:#4ce0ad;background:rgba(76,224,173,.08)}.source-step.done i{background:#4ce0ad}.source-step.notfound,.source-step.error{color:#ff8a98;background:rgba(255,82,103,.08)}.source-step.notfound i,.source-step.error i{background:#ff6c80}
.live-results-head{margin:4px 1px 10px;display:flex;align-items:center;justify-content:space-between;color:#7893a7;font-size:9px}.live-results-head span{display:flex;align-items:center;gap:6px}.live-results-head span i{width:6px;height:6px;border-radius:50%;background:#39dfed;box-shadow:0 0 9px #39dfed;animation:livePulse 1s ease-in-out infinite}.live-results-head b{color:#64e8f2;font:800 10px Manrope}.result-sources{margin:0 0 10px;padding:9px;border:1px solid rgba(49,214,238,.1);border-radius:12px;background:rgba(7,21,33,.55)}.plate-results-list{display:grid;gap:12px}.plate-results-list .result-card{margin-top:0;animation-delay:calc(var(--result-order)*35ms)}
.search-meta button:disabled { cursor:wait }.search-meta button.is-loading{min-width:120px;display:flex;align-items:center;justify-content:center;gap:9px;color:#06131b;opacity:1;background:linear-gradient(100deg,#77eff9,#38d7dc,#54e6c0,#77eff9);background-size:240% 100%;animation:button-sheen 1.6s linear infinite!important}.search-meta button.is-loading>b{font-size:10px}.button-loader{display:flex;align-items:center;gap:2px;height:16px}.button-loader i{display:block;width:3px;height:5px;border-radius:3px;background:#08202a;animation:loader-wave .7s ease-in-out infinite alternate!important}.button-loader i:nth-child(2){height:11px;animation-delay:.16s!important}.button-loader i:nth-child(3){height:7px;animation-delay:.32s!important}
@keyframes loader-wave{to{height:15px;opacity:.45}}@keyframes button-sheen{to{background-position:240% 0}}@keyframes search-sheen{50%{background-position:100% 0}}
.result-image-button{display:block;width:100%;padding:0;border:0;color:#fff;text-align:left;cursor:zoom-in}.result-image-button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.image-expand{position:absolute;right:10px;bottom:10px;z-index:2;padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(3,12,20,.72);backdrop-filter:blur(7px);font-size:8px;opacity:0;transform:translateY(4px);transition:.2s}.result-image-button:hover .image-expand,.result-image-button:focus-visible .image-expand{opacity:1;transform:none}.ai-analysis-button{width:100%;margin:0 0 10px;padding:13px;border:1px solid rgba(118,238,255,.23);border-radius:16px;background:radial-gradient(circle at 12% 0,rgba(92,229,246,.18),transparent 32%),linear-gradient(135deg,#102c40,#0a1c2d);color:#edfaff;display:flex;align-items:center;gap:11px;text-align:left;box-shadow:0 12px 32px rgba(0,0,0,.18)}.ai-analysis-button>span{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#74eff7,#42dbb8);color:#06141c;font-size:18px;box-shadow:0 0 22px rgba(75,228,224,.2)}.ai-analysis-button>div{display:grid;gap:2px;flex:1}.ai-analysis-button b{font-size:12px}.ai-analysis-button small{color:#7196aa;font-size:8px}.ai-analysis-button>i{font-style:normal;color:#6de9f3;font-size:18px}.result-modal[hidden]{display:none}.result-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}.result-modal-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(1,7,13,.88);backdrop-filter:blur(12px)}.image-modal-card,.ai-modal-card{position:relative;z-index:1;width:min(94vw,430px);border:1px solid rgba(95,213,232,.23);background:linear-gradient(180deg,#0b1c2a,#06111c);box-shadow:0 28px 90px #000;border-radius:24px;overflow:hidden}.modal-close{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(3,12,20,.74);color:#dff8ff;font-size:20px}.image-modal-card img{display:block;width:100%;max-height:76vh;object-fit:contain;background:#030a10}.image-modal-card p{margin:0;padding:13px 16px;color:#8da9ba;font-size:9px}.modal-open{overflow:hidden}.ai-modal{align-items:end}.ai-modal-card{max-height:88vh;padding:14px 17px 26px;overflow-y:auto;border-radius:28px 28px 18px 18px;scrollbar-width:none}.ai-modal-card::-webkit-scrollbar{display:none}.modal-handle{width:38px;height:3px;margin:0 auto 13px;border-radius:5px;background:#2b5364}.ai-hero{padding:8px 2px 14px}.ai-hero>span{color:#65e5ef;font:800 8px Manrope;letter-spacing:1.4px}.ai-hero h2{margin:5px 0 2px;font-size:19px}.ai-hero p{margin:0;color:#6e8b9d;font-size:9px}.ai-latest{padding:15px;border:1px solid rgba(63,225,204,.18);border-radius:16px;background:linear-gradient(135deg,rgba(26,87,81,.24),rgba(10,32,44,.68));display:grid;gap:3px}.ai-latest span,.ai-section>span{color:#62a69f;font:700 8px Manrope;letter-spacing:1px;text-transform:uppercase}.ai-latest b{font-size:15px}.ai-latest time{color:#d7f5f5;font:700 11px Manrope}.ai-latest small{color:#54ddc7;font-size:8px}.ai-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ai-stat-grid article{padding:12px;border:1px solid var(--stroke);border-radius:14px;background:#0a1b29}.ai-stat-grid span,.ai-stat-grid small{display:block;color:#668597;font-size:8px}.ai-stat-grid b{display:block;margin:3px 0;color:#6ce6ef;font:800 21px Manrope}.ai-section{margin-top:10px;padding:13px;border:1px solid var(--stroke);border-radius:15px;background:rgba(8,24,37,.76)}.ai-section>p{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:9px 0 0;color:#bed5df;font-size:8px}.ai-section>p i{color:#44dce9;font-style:normal}.route-flow{display:grid;gap:7px;margin-top:10px}.route-flow>div{display:flex;align-items:center;gap:8px;position:relative}.route-flow>div>i{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(49,214,238,.11);color:#5de2ed;font:700 8px Manrope;font-style:normal}.route-flow>div>b{font-size:9px;color:#bed2dc}.ai-source-bars{display:grid;gap:9px;margin-top:10px}.ai-source-bars>div{display:grid;grid-template-columns:82px 1fr 40px;align-items:center;gap:7px}.ai-source-bars b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.ai-source-bars span{height:5px;overflow:hidden;border-radius:9px;background:#122d3c}.ai-source-bars span i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#33cee5,#4fe2b1)}.ai-source-bars em{text-align:right;color:#6f91a3;font:normal 7px Manrope}.ai-disclaimer{margin:13px 2px 0;color:#4f7082;font-size:7px;line-height:1.5}
.result-modal{position:absolute;inset:0;padding:12px;overflow:hidden;animation:modalFade .22s ease-out}.result-modal-backdrop{background:radial-gradient(circle at 50% 78%,rgba(22,83,105,.18),transparent 42%),rgba(1,7,13,.9);backdrop-filter:blur(14px);animation:backdropIn .25s ease-out}.image-modal-card,.ai-modal-card{width:100%;max-width:100%;background:radial-gradient(circle at 88% 0,rgba(51,215,228,.08),transparent 28%),linear-gradient(180deg,#0b1c2a,#06111c);box-shadow:0 24px 72px rgba(0,0,0,.82),0 0 36px rgba(48,205,226,.07),inset 0 1px rgba(255,255,255,.035);animation:modalCardIn .32s cubic-bezier(.18,.8,.24,1)}.modal-close{backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.3);transition:.18s transform,.18s background}.modal-close:active{transform:scale(.9);background:rgba(39,91,109,.8)}.image-modal-card img{max-height:calc(100% - 52px)}.ai-modal{padding:10px;align-items:end}.ai-modal-card{max-height:calc(100% - 12px);overscroll-behavior:contain;border-radius:28px 28px 20px 20px}.modal-handle{position:sticky;top:0;z-index:2;box-shadow:0 0 12px rgba(71,210,228,.15)}@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes modalCardIn{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}@media(max-width:699px){.result-modal{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.ai-modal{padding-bottom:0}.ai-modal-card{max-height:94%;border-radius:27px 27px 0 0}.image-modal-card img{max-height:calc(100dvh - 130px)}}
.image-modal-card{max-height:calc(100% - 24px);display:grid;grid-template-rows:minmax(0,1fr) auto}.image-modal-card img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}.image-modal-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-modal,.ai-modal{z-index:140}.history-row{width:100%;grid-template-columns:42px minmax(0,1fr) auto 12px;color:var(--text);text-align:left;transition:.18s transform,.18s border-color,.18s background}.history-row:active{transform:scale(.985)}.history-row:hover{border-color:rgba(49,214,238,.24);background:linear-gradient(145deg,rgba(18,45,65,.95),rgba(8,22,35,.96))}.history-arrow{color:#4cd9e6;font:normal 20px Manrope}.history-modal{padding:10px;align-items:end}.history-modal-card{position:relative;z-index:1;width:100%;max-height:calc(100% - 12px);padding:14px 16px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid rgba(95,213,232,.25);border-radius:28px 28px 20px 20px;background:radial-gradient(circle at 85% 0,rgba(58,219,230,.08),transparent 28%),linear-gradient(180deg,#0b1c2a,#06111c);box-shadow:0 24px 72px rgba(0,0,0,.82);animation:modalCardIn .32s cubic-bezier(.18,.8,.24,1)}.history-modal-card::-webkit-scrollbar{display:none}.history-detail-loading{min-height:220px;display:grid;place-items:center;color:#7694a7;font-size:10px}.history-detail-head{padding:8px 2px 14px}.history-detail-head>span{color:#59deeb;font:800 8px Manrope;letter-spacing:1.3px}.history-detail-head h2{margin:4px 0 1px;font-size:21px}.history-detail-head p{margin:0;color:#607f92;font-size:8px}.history-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.history-detail-actions>button{height:36px;padding:0 12px;border:1px solid rgba(72,224,235,.2);border-radius:11px;background:linear-gradient(135deg,rgba(31,157,178,.25),rgba(36,100,115,.16));color:#9af3f7;font:700 9px inherit}.history-detail-actions>button span{margin-right:5px;color:#5fe9cd}.history-detail-actions>b{color:#718fa2;font-size:8px}.mea-history-badge{padding:6px 8px;border-radius:8px;background:rgba(255,189,93,.1);color:#ffca65;font:800 8px Manrope;letter-spacing:1px}.history-event-list,.history-mea-list{display:grid;gap:9px}.history-event-list>article{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid var(--stroke);border-radius:14px;background:rgba(8,25,38,.78)}.history-event-image{height:64px;padding:0;border:0;border-radius:10px;overflow:hidden;position:relative;background:#07131e}.history-event-image img{width:100%;height:100%;object-fit:cover}.history-event-image span{position:absolute;right:4px;bottom:4px;padding:3px 5px;border-radius:5px;background:rgba(2,10,17,.76);color:#bdebf0;font-size:6px}.history-event-list article>div{min-width:0}.history-event-list small,.history-event-list b,.history-event-list time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-event-list small{color:#55788b;font-size:7px}.history-event-list b{margin:3px 0;color:#d7e7ed;font-size:9px}.history-event-list time{color:#53d9d1;font:700 8px Manrope}.history-mea-list>article{padding:13px;border:1px solid var(--stroke);border-radius:16px;background:linear-gradient(145deg,rgba(20,39,55,.9),rgba(8,22,34,.95))}.history-mea-list article>div:first-child{display:flex;align-items:end;gap:8px}.history-mea-list article>div:first-child small{display:block;color:#6d899b;font-size:7px}.history-mea-list article>div:first-child b{font:800 16px Manrope}.history-mea-list article>div:first-child em{margin-left:auto;padding:5px 7px;border-radius:7px;background:rgba(255,189,93,.1);color:#ffc45d;font:700 7px Manrope;font-style:normal}.history-mea-list h3{margin:10px 0 2px;font-size:12px}.history-mea-list p{margin:0;color:#8099aa;font-size:9px;line-height:1.55}.history-mea-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0}.history-mea-list dl>div{min-width:0;padding:8px;border:1px solid rgba(132,177,199,.08);border-radius:9px;background:rgba(5,17,27,.45)}.history-mea-list dt{color:#58778a;font-size:6px}.history-mea-list dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;color:#bed2dc;font-size:8px}.history-mea-list a{display:inline-block;margin-top:10px;color:#5ee1ed;text-decoration:none;font-size:8px}.profile-line-contact{margin-top:10px;min-height:54px;padding:10px 13px;border:1px solid rgba(55,218,172,.19);border-radius:15px;background:linear-gradient(135deg,rgba(28,114,84,.18),rgba(8,33,36,.52));color:#e9fffa;text-decoration:none;display:flex;align-items:center;gap:10px}.profile-line-contact>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#35d283;color:#052015;font:900 8px Manrope}.profile-line-contact>div{display:grid;gap:1px;flex:1}.profile-line-contact b{font-size:11px}.profile-line-contact small{color:#67a897;font-size:8px}.profile-line-contact>i{color:#48dfa1;font-style:normal;font-size:16px}#profile-admin-row[hidden],#sheet-admin-row[hidden]{display:none!important}

/* Premium progressive image loading: reserve the card, shimmer while the
   authenticated JPEG arrives, then fade it in without layout shifts. */
.vehicle-image:before,.history-event-image:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#0b1a28 18%,#123044 42%,#0b1a28 66%);background-size:240% 100%;animation:imageShimmer 1.25s ease-in-out infinite}
.vehicle-image img,.history-event-image img{position:relative;z-index:1;opacity:0;transition:opacity .2s ease}
.vehicle-image.image-ready img,.history-event-image.image-ready img{opacity:1}
.vehicle-image.image-ready:before,.history-event-image.image-ready:before{display:none}
.vehicle-image.image-failed:before,.history-event-image.image-failed:before{content:"ไม่สามารถโหลดภาพได้ · แตะเพื่อเชื่อมใหม่";display:grid;place-items:center;padding:16px;background:linear-gradient(145deg,#102334,#091724);color:#7899aa;font-size:9px;text-align:center;animation:none}
.result-footer{gap:8px}.result-footer>span{min-width:0;flex:1}.result-map-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(65,225,176,.22);border-radius:10px;background:linear-gradient(135deg,rgba(25,135,100,.2),rgba(8,39,39,.66));color:#7ce8bf;text-decoration:none;transition:.18s transform,.18s border-color,.18s background}.result-map-link:hover{border-color:rgba(65,225,176,.5);background:rgba(27,135,102,.27)}.result-map-link:active{transform:scale(.96)}.result-map-link b{font:800 7px Manrope}.result-map-link i{width:auto;height:auto;background:none;box-shadow:none;color:#63d9b2;font:normal 10px Manrope}.history-map-link{display:inline-flex;margin-top:6px;padding:5px 7px;border:1px solid rgba(65,225,176,.18);border-radius:8px;background:rgba(22,112,82,.14);color:#6ce5b5!important;font:700 7px Manrope;text-decoration:none}
.result-location{display:grid;gap:2px;padding:10px 0 2px}.result-location b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7e7ed;font-size:10px}.result-location small,.history-coordinates{color:#66899b!important;font:600 7px Manrope!important;letter-spacing:.02em}.history-coordinates{margin-top:3px}
@keyframes imageShimmer{50%{background-position:100% 0}}
.result-card,.history-row,.history-event-list>article,.history-mea-list>article{content-visibility:auto;contain-intrinsic-size:320px;contain:layout paint style}.results-load-more{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:12px 0 2px;padding:8px 14px;border:1px solid rgba(67,222,237,.3);border-radius:16px;background:linear-gradient(135deg,rgba(28,125,148,.28),rgba(8,27,41,.94));box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18);color:#a2f5f8;font-family:Manrope,"Noto Sans Thai",sans-serif;font-size:10px;font-weight:800;line-height:1.3;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.results-load-more:hover{border-color:rgba(67,222,237,.55);background:linear-gradient(135deg,rgba(31,152,176,.34),rgba(8,31,47,.96))}.results-load-more:active{transform:scale(.985)}.results-load-more small{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(68,222,235,.1);color:#74a6b4;font-size:7px;font-weight:700;white-space:nowrap}
.result-modal.modal-closing{animation:modalClose .25s ease-in forwards}@keyframes modalClose{from{opacity:1}to{opacity:0}}.image-modal[hidden]{display:none!important}.image-modal{display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.image-modal .result-modal-backdrop{background:rgba(0,0,0,.9)!important;backdrop-filter:blur(24px)!important}.image-modal{padding:18px!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.88)!important;backdrop-filter:blur(20px)!important}.image-modal-card{position:relative;z-index:1;width:min(92vw,400px);max-height:82vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;background:linear-gradient(180deg,#0c1a28,#060e17)!important;box-shadow:0 40px 100px rgba(0,0,0,.9),0 0 60px rgba(30,201,223,.06)!important;overflow:hidden;margin:0 auto!important}.img-top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:flex-end;padding:12px 12px 24px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none}.img-close-btn{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);color:rgba(255,255,255,.8);font-size:20px;cursor:pointer;transition:all .2s ease;display:grid;place-items:center;line-height:1}.img-close-btn:hover{background:rgba(255,50,70,.7);color:#fff;transform:scale(1.1)}.img-zoom-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#030a10;min-height:200px;max-height:55vh;position:relative;touch-action:none;border-radius:0}.img-zoom-wrap img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-drag:none;transition:transform .2s cubic-bezier(.25,.1,.25,1);will-change:transform}.img-zoom-wrap img.zoomed{cursor:grab}.img-bottom-bar{padding:14px 20px 16px;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.img-info{flex:1;min-width:0;text-align:center}.img-info p{margin:0;color:rgba(255,255,255,.7);font:500 11px inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-actions{display:flex;gap:10px;flex:0 0 auto;justify-content:center}.img-act-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);font:600 11px inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.img-act-btn span{font-size:14px}.img-act-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.img-act-btn.accent{background:linear-gradient(135deg,#1ec9df,#33e5b4);color:#04121b;border:none;font-weight:700;box-shadow:0 4px 16px rgba(30,201,223,.25)}.img-act-btn.accent:hover{box-shadow:0 6px 20px rgba(30,201,223,.4);transform:translateY(-1px)}.history-modal-footer{padding:14px 0 0;border-top:1px solid rgba(140,193,219,.1);margin-top:auto}.history-report-button{width:100%;min-height:58px;padding:9px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) 28px;align-items:center;gap:11px;border:1px solid rgba(70,231,226,.28);border-radius:16px;background:radial-gradient(circle at 90% 0,rgba(87,238,194,.2),transparent 42%),linear-gradient(135deg,#0e9fb3,#19c8ca);box-shadow:0 12px 28px rgba(13,168,184,.2),inset 0 1px rgba(255,255,255,.2);color:#03161c;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.history-report-button:hover{filter:brightness(1.06);box-shadow:0 16px 34px rgba(13,189,200,.3),inset 0 1px rgba(255,255,255,.25);transform:translateY(-1px)}.history-report-button:active{transform:scale(.985)}.history-report-button:focus-visible{outline:2px solid #8dfff4;outline-offset:3px}.history-report-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(2,22,29,.16);border:1px solid rgba(255,255,255,.18)}.history-report-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.history-report-button>span:nth-child(2){display:grid;gap:1px;min-width:0}.history-report-button b{font-size:12px}.history-report-button small{font-size:8px;color:rgba(3,22,28,.67)}.history-report-button>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(2,22,29,.14);font:800 16px Manrope;font-style:normal}