#app{max-width:820px;margin:0 auto}.drop-zone{border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:border-color .2s,background .2s;cursor:pointer}.drop-zone.over{border-color:#6366f1;background:#6366f112}.dz-inner{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;gap:.6rem}.dz-icon{width:52px;height:52px;color:var(--text-muted)}.dz-text{font-size:1.1rem;font-weight:600;margin:0}.dz-sub{font-size:.85rem;color:var(--text-muted);margin:0}.btn-pick{display:inline-block;margin-top:.5rem;padding:.55rem 1.4rem;border-radius:8px;background:#6366f1;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-pick:hover{background:#4f46e5}.file-bar{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);margin-top:1.2rem}.file-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}.file-meta{flex:1;min-width:0}.file-name{display:block;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size-label{font-size:.82rem;color:var(--text-muted)}.btn-sm{padding:.4rem .9rem;border-radius:7px;font-size:.82rem;background:transparent;border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);transition:background .15s;white-space:nowrap}.btn-sm:hover{background:var(--bg-secondary)}.privacy-banner{margin-top:1rem;padding:1rem 1.2rem;border-radius:10px;font-size:.92rem;font-weight:500}.privacy-banner.risk-high{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#ef4444}.privacy-banner.risk-medium{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#d97706}.privacy-banner.risk-low{background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:#16a34a}.privacy-banner.risk-none{background:#64748b1a;border:1px solid var(--border-color);color:var(--text-secondary)}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;margin-top:1rem}.section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.section-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--border-color);font-size:.87rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.section-header svg{width:15px;height:15px;flex-shrink:0}.section-body{padding:.4rem 0}.meta-row{display:flex;gap:.5rem;padding:.4rem 1rem;font-size:.88rem;border-bottom:1px solid rgba(148,163,184,.08)}.meta-row:last-child{border-bottom:none}.meta-key{color:var(--text-muted);min-width:130px;flex-shrink:0}.meta-val{font-weight:500;word-break:break-all}.meta-val a{color:#6366f1;text-decoration:none}.meta-val a:hover{text-decoration:underline}.gps-map-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:#6366f1;margin-top:.2rem}.strip-panel{margin-top:1.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.btn-strip{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:9px;background:#6366f1;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:background .15s}.btn-strip:hover{background:#4f46e5}.btn-strip:disabled{background:#94a3b8;cursor:not-allowed}.strip-note{font-size:.82rem;color:var(--text-muted);margin:0}.raw-details{margin-top:1.5rem}.raw-summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-muted);padding:.4rem 0;user-select:none}.raw-summary:hover{color:var(--text-color)}.raw-table-wrap{overflow-x:auto;margin-top:.6rem;border:1px solid var(--border-color);border-radius:8px}.raw-table{width:100%;border-collapse:collapse;font-size:.83rem}.raw-table th{text-align:left;padding:.5rem .9rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-muted)}.raw-table td{padding:.4rem .9rem;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:top}.raw-table tr:last-child td{border-bottom:none}.raw-table td:first-child{color:var(--text-muted);white-space:nowrap}.raw-table td:last-child{word-break:break-all;max-width:420px;font-weight:500}.error-msg{margin-top:1rem;padding:.9rem 1.1rem;border-radius:9px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.9rem}.no-exif{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);font-size:.9rem;color:var(--text-muted);text-align:center}