
/* V8 professional photo interface */
.contents-display{overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.55!important}
button.v8-photo-preview{-webkit-appearance:none!important;appearance:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:fit-content!important;max-width:100%!important;margin:16px 0 0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit!important;text-align:left!important;cursor:zoom-in!important}
.current-photo-frame{display:flex!important;align-items:center!important;justify-content:center!important;width:360px!important;height:240px!important;max-width:100%!important;overflow:hidden!important;border:1px solid rgba(88,218,232,.28)!important;border-radius:10px!important;background:#071014!important;box-shadow:none!important}
img.v8-detail-photo{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;background:transparent!important}
.photo-hint{display:block!important;padding:0 2px!important;color:#8fa2a8!important;font-size:12px!important;line-height:1.3!important;letter-spacing:.02em!important}
.record-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}.btn.subtle{background:transparent!important;border:1px solid rgba(88,218,232,.35)!important;color:#b9c8cb!important}
.compact-hero{padding-bottom:18px!important}.history-page-panel{margin-top:18px!important}
.history-page-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:16px!important}
button.history-card{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;min-width:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(88,218,232,.22)!important;border-radius:12px!important;background:#071014!important;color:inherit!important;text-align:left!important;cursor:zoom-in!important;box-shadow:none!important}
.history-image-wrap{display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#050b0e!important}.history-image-wrap img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;background:transparent!important}
.history-card-meta{display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px!important}.history-card-meta strong{font-size:14px!important;color:#f1ead7!important}.history-card-meta small{font-size:11px!important;color:#82969c!important}
.empty-state{padding:34px 18px!important;text-align:center!important}.empty-state h2{margin:0 0 6px!important}.empty-state p{margin:0!important;color:#8fa2a8!important}
/* Search by Photo */
.v7-photo-gallery{grid-template-columns:repeat(auto-fill,minmax(190px,240px))!important;gap:14px!important}
a.v7-photo-card{width:240px!important;max-width:240px!important;border-radius:10px!important;overflow:hidden!important;background:#071014!important;border:1px solid rgba(88,218,232,.22)!important;box-shadow:none!important}
.v7-photo-imagebox{width:240px!important;height:155px!important;min-height:155px!important;max-height:155px!important;background:#050b0e!important;border:0!important}
img.v7-gallery-photo{width:240px!important;height:155px!important;max-width:240px!important;max-height:155px!important;object-fit:cover!important;background:transparent!important;border:0!important}
@media(max-width:700px){
.grid2{grid-template-columns:1fr!important}.panel{padding:18px!important}.binhead{align-items:flex-start!important;gap:14px!important}.record-actions{width:100%!important}.record-actions .btn{flex:1 1 140px!important;text-align:center!important}
.current-photo-frame{width:min(100%,300px)!important;height:auto!important;aspect-ratio:4/3!important}button.v8-photo-preview{width:min(100%,300px)!important}.photo-hint{font-size:11px!important}
.history-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.history-card-meta{padding:9px!important}.history-card-meta strong{font-size:12px!important}.history-card-meta small{font-size:10px!important}
.v7-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}a.v7-photo-card{width:100%!important;max-width:100%!important}.v7-photo-imagebox{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important}img.v7-gallery-photo{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
}
