.metadata-page{padding-top:2rem;padding-bottom:4rem}
.metadata-page>h1{max-width:900px;font-size:clamp(2.1rem,4.5vw,3.4rem)}
.metadata-page>.seo-lead{max-width:850px}
.metadata-card{margin-top:2rem;padding:clamp(1rem,2.4vw,1.6rem)}
.metadata-dropzone{margin:0}
.metadata-selected{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:.9rem;border:1px solid var(--border);border-radius:10px}
.metadata-selected[hidden]{display:none}
.metadata-selected p{margin:.2rem 0 0}
.metadata-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}
.metadata-settings .field-group{min-width:0}
.metadata-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.metadata-preview-grid .image-panel{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:10px}
.metadata-preview{display:grid;min-height:220px;place-items:center;overflow:hidden;padding:1rem;border:1px solid var(--border);border-radius:8px;background-color:#f8fafc;background-image:linear-gradient(45deg,#edf0f5 25%,transparent 25%),linear-gradient(-45deg,#edf0f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f5 75%),linear-gradient(-45deg,transparent 75%,#edf0f5 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}
.metadata-preview img{display:block;max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain}
.metadata-preview img[hidden]{display:none}
.metadata-preview span{color:var(--ink-muted);font-size:.9rem;text-align:center}
.metadata-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.metadata-privacy{margin:1rem 0 0;padding:1rem;border:1px solid #e2e7f3;border-radius:9px;background:#f8f9fd;color:var(--ink-muted);font-size:.86rem;line-height:1.6}
.metadata-help,.metadata-related{max-width:900px;margin:3rem auto 0}
.metadata-help h2,.metadata-related h2{margin-top:1.6rem}
.metadata-help li{margin:.45rem 0}
@media(max-width:700px){.metadata-settings,.metadata-preview-grid{grid-template-columns:minmax(0,1fr)}.metadata-preview{min-height:180px}.metadata-actions .btn{width:100%}}