body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;margin:0;background:#f6f7fb;color:#222}
.container{max-width:900px;margin:20px auto;padding:0 16px}
.site-header{background:#fff;border-bottom:1px solid #e6e9ef}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{margin:0;font-size:1.25rem;color:#222}
nav .btn{margin-left:8px;text-decoration:none;padding:8px 12px;border-radius:6px;border:1px solid #cdd5e0;color:#222;background:transparent}
nav .btn.primary{background:#2b6cb0;color:#fff;border-color:#2b6cb0}
.card{background:#fff;border:1px solid #e6e9ef;border-radius:8px;padding:12px}
.form-card{display:flex;gap:12px;align-items:center}
.btn{cursor:pointer}
.result-card{margin-top:16px;text-align:center}
.preview{max-width:100%;height:auto;border-radius:6px;margin-top:8px}
.gallery{display:flex;flex-wrap:wrap;gap:12px}
.thumb{width:200px;padding:8px}
.thumb-img{width:100%;height:auto;border-radius:6px}
.thumb-meta{margin-top:8px;font-size:0.9rem;color:#555}
.label{font-weight:600}
.timestamp{font-size:0.8rem;color:#888}
.site-footer{padding:12px 0;text-align:center;color:#666}

.detail-img{max-width:800px;width:100%;height:auto;border-radius:6px}
.image-frame{display:inline-block;position:relative}
#overlays{position:absolute;left:0;top:0}
.detail-card{padding:16px}