.upload-card{position:relative;padding:16px;border:1px solid var(--tools-border);border-radius:var(--tools-radius);background:var(--tools-bg);cursor:pointer}.upload-card.is-dragover{border-color:#f97316;background:rgba(249,115,22,.12)}.upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;min-width:0}.upload-label{flex-shrink:0;font-size:14px;font-weight:600;color:var(--tools-text)}.upload-filename{min-width:0;flex:1;font-size:12px;color:var(--tools-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.upload-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:100px}.upload-icon{font-size:28px;line-height:1}.upload-action{margin:0;font-size:14px;color:var(--tools-muted)}.upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clear-row{display:flex;justify-content:center;margin:16px 0}.clear-btn{min-width:88px;padding:8px 24px;border:1px solid var(--tools-border);border-radius:var(--tools-radius-pill);background:var(--tools-surface);color:var(--tools-text);font-size:14px;cursor:pointer}.clear-btn:hover,.result-card{background:var(--tools-bg)}.result-card{display:grid;grid-template-columns:1fr;gap:20px;min-width:0;padding:16px;border:1px solid var(--tools-border);border-radius:var(--tools-radius);color:var(--tools-text)}@media (min-width:640px){.result-card{grid-template-columns:200px 1fr;align-items:start}}.preview-col{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.preview-image{display:block;width:100%;max-width:200px;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--tools-radius-sm)}.meta-col{min-width:0}.exif-title{margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--tools-border);font-size:14px;font-weight:650;color:var(--tools-text)}.no-exif{margin:16px 0 0;font-size:13px;color:var(--tools-muted)}.meta-list{margin:0}.meta-item{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:6px 0;font-size:14px;line-height:1.5}.meta-item dt{margin:0;color:var(--tools-muted);font-weight:400}.meta-item dd{margin:0;color:var(--tools-text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;word-break:break-all}@media (min-width:480px){.meta-item{grid-template-columns:100px 1fr}}.strip-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;padding:28px 20px;border:1.5px dashed var(--tools-border);border-radius:var(--tools-radius);background:var(--tools-bg);cursor:pointer;text-align:center}.strip-zone.is-dragover{border-color:#0d9488;background:rgba(13,148,136,.08)}.strip-pin{color:#0d9488;line-height:0}.strip-action{margin:0;font-size:15px;font-weight:600;color:var(--tools-text)}.strip-sub{margin:0;max-width:360px;font-size:13px;line-height:1.5;color:var(--tools-muted)}.strip-toolbar{margin-top:16px}.strip-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.strip-item{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--tools-border);border-radius:var(--tools-radius);background:var(--tools-bg)}@media (min-width:560px){.strip-item{grid-template-columns:56px 1fr auto}}.strip-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:var(--tools-radius-sm);background:var(--tools-surface)}.strip-info{min-width:0}.strip-name{margin:0;font-size:14px;font-weight:600;color:var(--tools-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-meta{margin:4px 0 0;font-size:12px;color:var(--tools-muted);display:flex;flex-wrap:wrap;gap:4px 8px}.strip-err{color:#b91c1c}.strip-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}@media (min-width:560px){.strip-actions{grid-column:auto;justify-content:flex-end}}