main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.form-container,.output-container{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.drop-zone{border:2px dashed var(--border);border-radius:var(--r);padding:40px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;color:var(--muted)}.drop-zone:hover{border-color:var(--accent);background-color:var(--accent-dim);color:#fff}.meta-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:20px;display:flex;gap:20px}.meta-cover-wrapper{width:120px;height:120px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}#metaCover{width:100%;height:100%;object-fit:cover}.cover-fallback{font-size:48px}.meta-details{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.meta-field label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.meta-val{font-size:14px;font-weight:500;color:var(--text);word-break:break-all}@media(max-width:768px){main{flex-direction:column;overflow-y:auto}.meta-card{flex-direction:column;align-items:center;text-align:center}}
