.metadata-page .metadata-heading{padding-top:var(--space-lg,24px);padding-bottom:var(--space-lg,24px)}
.metadata-heading h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:16px 0 12px;color:var(--color-primary)}
.metadata-heading>p{max-width:780px;margin:0;line-height:1.65}
.metadata-introduction{max-width:820px}.metadata-introduction h2{font-size:1.15rem;color:var(--color-primary);margin:0 0 12px}.metadata-introduction p{line-height:1.65;margin:0 0 16px}.metadata-introduction .btn{min-height:44px}
.metadata-family{margin-top:20px;border-top:1px solid #d9e0e8;padding-top:12px}.metadata-family summary{cursor:pointer;font-size:.92rem;font-weight:600;color:var(--color-primary);padding:6px 0}.metadata-family nav{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px 0}.metadata-family a{font-size:.88rem;min-height:32px;padding:4px 0}.metadata-family a[aria-current=page]{font-weight:700;color:var(--color-primary)}
.metadata-workflow-note{font-size:.86rem;line-height:1.65;color:#526178;max-width:900px;margin:0 0 18px}.metadata-viewer-layout{grid-template-columns:minmax(0,1fr)!important}.metadata-viewer-summary{max-width:900px;margin:24px 0}.metadata-viewer-summary dl{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:0;margin:0}.metadata-viewer-summary dt,.metadata-viewer-summary dd{margin:0;padding:12px 8px;border-bottom:1px solid #e5e9ef;font-size:.88rem;overflow-wrap:anywhere;white-space:pre-wrap}.metadata-viewer-summary dt{font-weight:600;color:var(--color-primary)}.metadata-viewer-summary dd{color:#526178}
.metadata-app{padding-bottom:32px}.metadata-app [hidden]{display:none!important}
.metadata-dropzone{border:2px dashed var(--color-accent,#c8303a);border-radius:12px;background:#fff;padding:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.metadata-dropzone.is-dragging{background:#f3f6fa}.metadata-dropzone>label{width:100%;display:grid;gap:8px}.metadata-dropzone strong{font-size:1.15rem;color:var(--color-primary)}
.metadata-dropzone>p{width:100%;margin:0;font-size:.86rem}.metadata-dropzone input{max-width:100%}
#metadata-status{margin:18px 0;font-size:.92rem}.metadata-workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
.metadata-inspection,.metadata-editor{min-width:0;background:white;border:1px solid #d9e0e8;border-radius:10px;padding:20px}
.metadata-app h2{font-size:1.1rem;margin:0 0 16px}.metadata-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.metadata-toolbar h2{margin:0}
.metadata-app .btn{min-height:44px;white-space:normal}.metadata-files{list-style:none;margin:16px 0;padding:0;display:grid;gap:6px}
.metadata-files li{display:flex;gap:10px;align-items:center;border:1px solid #d9e0e8;border-radius:6px;padding:8px}.metadata-files li.is-active{border-color:var(--color-accent,#c8303a);background:#f8f9fb}
.metadata-files button{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:6px;display:grid;gap:4px;color:var(--color-primary)}
.metadata-files small{color:#49576b}.metadata-files input{width:20px;height:20px;flex-shrink:0}.metadata-files strong{overflow-wrap:anywhere}
.metadata-preview{background:#f2f4f7;border-radius:8px;padding:16px;margin:16px 0;text-align:center;min-height:120px}.metadata-preview img{display:block;max-width:100%;max-height:420px;margin:auto;object-fit:contain}.metadata-preview figcaption{margin-top:14px;font-size:.85rem;overflow-wrap:anywhere}
.metadata-app input:not([type=checkbox]):not([type=file]),.metadata-app textarea,.metadata-app select{width:100%;border:1px solid #b8c3d1;border-radius:6px;padding:9px 10px;background:#fff;color:#15243b;min-height:42px;font-size:.88rem}
.metadata-app textarea{min-height:78px;resize:vertical}.metadata-app label{font-size:.88rem;color:#263750}.metadata-label{display:block;margin:12px 0 6px}
.metadata-batch-modes{display:grid;gap:12px;margin:14px 0}.metadata-batch-modes label,.metadata-advanced-controls label{display:grid;gap:6px}
.metadata-section{border-top:1px solid #d9e0e8;margin:18px 0;padding-top:14px}.metadata-section>summary{font-weight:600;color:var(--color-primary);padding:6px 0;cursor:pointer;min-height:36px}
.metadata-common-heading{font-size:.92rem;color:var(--color-primary);margin:20px 0 0}.metadata-section-note{font-size:.83rem;line-height:1.5;color:#526178;margin:8px 0}.metadata-pending-count{font-size:.76rem;font-weight:500;color:#526178;margin-left:6px}.metadata-advanced-options .metadata-section{margin:12px 0;padding-top:8px}.metadata-section>summary:hover{color:var(--color-accent,#c8303a)}
.metadata-field{margin:16px 0;padding-bottom:12px;border-bottom:1px solid #eef1f5}.metadata-field-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}.metadata-field-head label{flex:1;font-weight:600}.metadata-field-head select{width:100px!important;min-height:38px!important}.metadata-field small{display:block;margin:5px 0;color:#526178;font-size:.78rem;overflow-wrap:anywhere}
.metadata-field .field-error{color:#a2202c;font-size:.82rem}.metadata-field input:disabled,.metadata-field textarea:disabled,.metadata-field select:disabled{background:#f1f3f6;color:#526178}
.metadata-field .field-error:empty{display:none}#metadata-fields .metadata-field{margin:12px 0;padding-bottom:10px}#metadata-fields textarea{min-height:56px}
.metadata-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.metadata-privacy-options{display:grid;gap:14px;padding:12px 0}.metadata-privacy-options input{margin-right:7px;width:18px;height:18px;vertical-align:middle}.metadata-privacy-options label span{display:block;margin:5px 0 0 26px;font-size:.8rem;color:#526178;line-height:1.5}.metadata-privacy-options p{font-size:.8rem;margin:0}
.metadata-gps-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metadata-gps-inputs label{display:grid;gap:5px}.metadata-gps-inputs label:last-child{grid-column:1/-1}.metadata-revision-note{font-size:.83rem;line-height:1.6;color:#526178}
#metadata-unsaved{font-size:.83rem;line-height:1.6}.metadata-alert,#metadata-errors{border:1px solid #e3a2a8;color:#89222c;background:#fff6f6;border-radius:6px;padding:14px;margin:16px 0}
.metadata-verification,#metadata-plan{background:#f1f7f4;border:1px solid #b9d5c6;padding:14px;border-radius:6px;margin:16px 0;font-size:.85rem}.metadata-verification p,#metadata-plan p{margin:8px 0}.metadata-verification h3,#metadata-plan h3{font-size:1rem}
.metadata-advanced-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.metadata-entry{border-bottom:1px solid #d9e0e8;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;font-size:.85rem}.metadata-entry strong,.metadata-entry pre{grid-column:1;overflow-wrap:anywhere}.metadata-entry pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#28364a;font-family:inherit}.metadata-entry button{grid-column:2;grid-row:1/3;align-self:center;min-height:40px;border:1px solid #c8d1dc;border-radius:5px;background:white}.metadata-entry small{color:#526178}.metadata-namespace-heading{font-size:.96rem!important;margin-top:22px!important}
.metadata-guide{padding-bottom:40px}.metadata-guide section{margin:28px 0;max-width:960px}.metadata-guide h2{font-size:1.4rem;color:var(--color-primary);margin-bottom:14px}.metadata-guide p,.metadata-guide li{line-height:1.75;font-size:.94rem}.metadata-faq{border-top:1px solid #d9e0e8;padding:14px 0}.metadata-faq summary{font-weight:600;color:var(--color-primary);cursor:pointer}.metadata-faq p{margin:12px 0 0}.metadata-app :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #3366aa;outline-offset:3px}.metadata-app button:disabled{opacity:.55;cursor:not-allowed}.metadata-downloads{justify-content:flex-start}
@media(max-width:1023px){.metadata-workspace{grid-template-columns:1fr}.metadata-editor{width:100%}.metadata-preview img{max-height:320px}.metadata-advanced-controls{grid-template-columns:1fr 1fr}}
@media(max-width:639px){.metadata-dropzone,.metadata-inspection,.metadata-editor{padding:16px}.metadata-dropzone .btn{width:100%}.metadata-advanced-controls{grid-template-columns:1fr}.metadata-workspace{gap:16px}.metadata-actions .btn,.metadata-downloads .btn{flex:1 1 140px}.metadata-preview img{max-height:260px}.metadata-field-head{flex-wrap:wrap}.metadata-heading h1{font-size:1.9rem}}
@media(max-width:639px){.metadata-viewer-summary dl{grid-template-columns:minmax(105px,40%) minmax(0,1fr)}}
