.form { display: flex; flex-direction: column; gap: 16px; } .catLabel { font-size: var(--font-size-sm); font-weight: 500; color: var(--color-text-secondary); } .catGrid { display: flex; flex-wrap: wrap; gap: 8px; } .catChip { padding: 6px 14px; border-radius: var(--radius-full); font-size: var(--font-size-sm); background: var(--color-bg-secondary); color: var(--color-text-secondary); } .catActive { background: var(--color-primary-bg); color: var(--color-primary); } .uploadArea { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px; background: var(--color-bg); border: 2px dashed var(--color-border); border-radius: var(--radius-lg); cursor: pointer; transition: border-color 0.15s; } .uploadArea:hover { border-color: var(--color-primary); background: var(--color-primary-bg); } .fileList { display: flex; flex-direction: column; gap: 6px; } .fileItem { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: var(--color-bg); border-radius: var(--radius-sm); font-size: var(--font-size-sm); } .fileName { color: var(--color-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fileRemove { background: none; border: none; color: var(--color-danger); cursor: pointer; font-size: 14px; padding: 4px; }